如何在 React 项目中整合 Eslint 和 Prettier?
首先,我们使用官方提供的脚手架 create-react-app 来创建一个项目:Eslint 是一个可以检验代码,并给出报告的工具。它的目标是保证代码的一致性,避免错误。Eslint 为我们提供了 ECMAScript/JavaScript 规范的代码校验
h5中的结构元素header、nav、article、aside、section、footer介绍
结构元素不具有任何样式,只是使页面元素的的语义更加明确。header元素是一种具有引导和导航作用的的结构元素,该元素可以包含所有通常放在页面头部的内容。nav元素用于定义导航链接,是html5新增的元素
redux和react-redux
redux是react的状态管理工具,却不仅仅只是为了react而生的,所以在使用中会存在痛点。而react-redux是专门为了react定制,目的是为了解决redux的痛点,起到了补充的作用。flux无非就是一个常见的event dispatcher
innerHTML、outerHTML、innerText、outerText的区别
innerHTML设置或获取位于对象起始和结束标签内的 HTML;outerHTML设置或获取对象及其内容的 HTML 形式;innerText 设置或获取位于对象起始和结束标签内的文本;outerText 设置(包括标签)或获取(不包括标签)对象的文本
优化 web 应用程序性能方案总结
在开发 web 应用程序时候,性能都是必不可少的话题。而大部分的前端优化机制都已经被集成到前端打包工具 webpack 中去了,当然,事实上仍旧会有一些有趣的机制可以帮助 web 应用进行性能提升
Js事件循环机制 Event loop
队列的特征先进先出;js是单线程的,任务都是排队执行,不会同步执行对个任务;js分为同步(赋值,循环,分支语句)和异步(ajax,dom事件,定时器);事件循环机制
es6中class类的使用
在es5中我们是使用构造函数实例化出来一个对象,那么构造函数与普通的函数有什么区别呢?其实没有区别,无非就是函数名称用首字母大写来加以区分,这个不用对说对es5有了解的朋友都应该知道。
nodejs中间件
中间件:为主要的逻辑业务所服务 分为应用级中间件、路由级中间件、内置中间件、第三方中间件、错误级中间件,每一个中间件就是调用一个函数,需要配合其他的中间件或者路由使用
为什么要用css动画替换js动画?
通常我们会通过频繁的操作 DOM的CSS来实现视觉上的动画效果,导致js效率低的两个因素都包括在内了在频繁的操作DOM和CSS时,浏览器会不停的执行重排和重绘,在PC版本的浏览器中,因为浏览器可用的内存比较大