谈谈我对前端技术发展的了解和对未来发展的展望
一、前端发展阶段 1. 静态页面阶段 互联网发展的早期,网站的前后端开发是一体的,即前端代码是后端代码的一部分。 后端收到浏览器的请求 生成静态页面 发送到浏览器 那时的前端页面都是静态的,所有前端代码和前端数据都是后端生成的。前端只是纯粹的展示功能,脚本的作用只是增加一些特殊效果,比如那时很流行用脚本...
一、前端发展阶段 1. 静态页面阶段 互联网发展的早期,网站的前后端开发是一体的,即前端代码是后端代码的一部分。 后端收到浏览器的请求 生成静态页面 发送到浏览器 那时的前端页面都是静态的,所有前端代码和前端数据都是后端生成的。前端只是纯粹的展示功能,脚本的作用只是增加一些特殊效果,比如那时很流行用脚本...
前端框架火了已经有些年头了。像React、Vue、Angular等,都是视图层数据驱动框架。 当然现在最火的两大框架就是React和Vue。而React又出了v16.8版本的Hooks新特性,Vue出了3.x版本。 争论React和Vue哪个更好没有意义。每个框架各有优势,但他们没有本质的区别。 Vue更注重视图的自动同步(双向数据绑定),且封装性更好...
1. 原生属性的改写和差异 在 React 中,所有的 DOM 特性和属性(包括事件处理)都应该是小驼峰命名的方式。例如,与 HTML 中的 tabindex 属性对应的 React 的属性是 tabIndex,再比如readOnly和。例外的情况是 aria-* 和 data-* 属性以及自定义的属性,一律使用小写字母命名。比如, 可以用 aria-label 作为 aria-label。...
1. 内置组件 除HTML原生标签外,React还有一些内置的组件。 1)<React.StrictMode> 严格模式。StrictMode 不会渲染任何可见的 UI。它为其后代元素触发额外的检查和警告。 Ps:严格模式检查仅在开发模式下运行;它们不会影响生产构建。 你可以为应用程序的任何部分启用严格模式。 2)<React.Fragment> 是一个...
自 13.2.0 版本开始,Nodejs 在保留了 CommonJS(CJS)语法的前提下,新增了对 ES Modules(ESM)语法的支持。 天下苦 CJS 久已,Node 逐渐拥抱新标准的规划当然值得称赞,我们也会展望未来 Node 不再需要借助工具,就能打破两种模块化语法的壁垒…… 但实际上,一切没有想象中的那么美好。 一、并不完美的 ESM 支持 1.1 ...
1. 元素属性及props 1)组件可以接受任意 props,包括基本数据类型,React 元素以及函数。 2)组件接到父组件传来的props是只读的,绝不能够被修改的。这也叫做单向数据流。 3)组件中的标签元素与原生的dom元素不同,其会被转义为对象(虚拟dom)。组件元素的属性与事件与原生的也不尽相同。比如class 在 JSX 中被写作 ...