我们现在基本每天都会浏览网站，那么网站的开发其实经历了几个较大的演进历程，接下来从特定视角介绍一下主要开发模式的演化过程。

• 静态网站
• 动态网站
• 服务端渲染与客户端渲染结合
• 前后端分离

第一、 前端入门
个人建议是先熟悉前端的基础操作。
前端的基础：JavaScript，HTML，CSS。
基础入门可以按照网上的2021年前端视频学习，看教程的同时，要多多练习。

走向大神的路无他，唯手熟尔。

如果想做网页，那就学习HTML。

想做层叠样式表，学习CSS，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

水平居中方案：

水平居中设置

1、行内元素

设置 text-align:center

2、定宽块状元素

设置 左右 margin 值为 auto

3、不定宽块状元素

a:在元素外加入 table 标签（完整的，包括 table、tbody、tr、td），该元素写在 td 内，然后设置 margin 的值为 auto

b:给该元素设置 displa:inine 方法

use-mcp 是一个 React 库，它大大简化了构建 MCP 客户端的所有复杂性。将 useMCP() 钩子添加到任何 React 应用程序中，即可连接到用户可以交互的远程 MCP 服务器。

1. v-bind:指令认识和基本使用

上一小节的学习,让我们理解以v开头的指令后面跟的将是表达式,同样标签也有一些合法的标签属性.如果想将这些属性的值变为表达式,我们可以使用Vue提供的v-bind:指令.

1.1 v-bind 指令基本使用

最近在阅读外国技术文章中无意中发现了一个神奇的CSS属性motion-path，它可以让Dom元素可以按照自定义的路径移动。

又想起了很久之前参加校招面试的时候，面试官问了我一个问题“能不能不借助库实现小球在浏览器中做圆周运动？”，于是就整理了一下让小球圆周运动的方法（纯属无聊不喜勿喷）。

因为之前的题目过于简单，作为一个需求来说缺少了一些必要条件，于是，我们给它增加一些条件，让他看起来更靠谱些。

在浏览器中间600px*600px的指定区域内，不借助任何第三方插件，利用原生JavaScript或者CSS让一个半径为25px的小球围绕指定区域的中心做圆周运行，你有几种方法？

很多人在使用 CSS 时,对 Display, Visibility 和 Overflow 三个属性的理解并不是很清晰,这里就对这三个属性做一下分析,对应三个属性在使用时的区别.

Display

display 用来设置或检索对象是否及如何显示。

• display: none

display 属性为 none 时,隐藏标签对象。不会为对象保留其位置空间,它下面所在的元素会被自动上移占有被隐藏标签位置。

作者：张鑫旭（@张鑫旭）

网址：
http://www.zhangxinxu.com/wordpress/2016/03/know-about-css3-all/

一、兼容性

一些CSS文章，或者CSS文档，兼容性什么的都是放在最后。

又不是什么见不得人的事情，来，直接开篇就亮刺刀。

兼容性还行， 除了IE不支持，其他浏览器基本上都绿油油，目前自娱自乐，内网项目什么的都是可以用用的。

#头条创作挑战赛#

本文同步本人掘金平台的原创翻译：
https://juejin.cn/post/7053763392590315557

1、什么是弹性布局

Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。