张志成博客

前言React通过管理状态实现对组件的管理，通过this.setState()方法更新state，触发render()方法重新渲染页面，而在更新前有一个shouldComponentUpdate可以控制state更新是否触发render，方便不必要的渲染，而state里最好放入与渲染有关的属性，而渲染无关的使用class的属性对象保存使用即可。 12345678910111213141516... 阅读全文…

react与后端通讯react组件当只考虑使用react组件与后端进行通讯时，一般在componentDidMount钩子函数里实现请求即可，componentDidMount是render渲染后触发，在这里可以进行DOM之类的操作。而react不带请求方法，需要引入插件，而使用JQ这类的有点冗余，而axios插件流行，且灵活度高，而且返回的结果为Promise，便于操作。 12npm is... 阅读全文…

redux 的概念Redux 是 Flux 的另一种实现，也可以说进步，在以前基本都是使用 MVC 开发模式，然而这个模式没有限制住广大开发者们，因为他只是一个开发模式，没有边界限制，只能自己按照 MVC 的开发模式规范去做，至于是否真的按照规范做，这就不能约束了，所以会出现 M 与 V 直接对话，而没有让 C 起到作用，或者一些别的，使得 MVC 模式下开发混乱，还有就是 Model 和 ... 阅读全文…

react 的安装由于 react 的需要依赖一些的技术栈才能方便进行正常的开发，但这对学习它的成本会提高很多，如要需要会 webpack、gulp、Babel 等模块与构建工具，这样在没有开始就倒在了入门路上，而这些配置一般都可以是固定的，而使用脚手架，一行代码即可。 但 react 脚手架过于复杂，对初学者来说，没有特殊要求可以不修改配置之类，不过一旦涉及这方面需求就懵逼了，因为 rea... 阅读全文…

JavaScript 的事件循环简单了解一下浏览器的 js 事件循环，由于涉及到浏览器版本不一样结果不一样，既参考。 首先要理解一下: js 的执行分同步与异步 在执行 js 时首先执行整体代码的同步代码，然后异步代码处理完后会把回调函数放置到任务队列里等待执行栈执行完后，将任务队列的任务添加到执行栈里执行 事件循环是通过任务队列的机制进行协调的，一个 Event Loop 中，可以有一个... 阅读全文…

异步状态问题:异步状态会引入不确定性，代码执行结果的正确与否完全靠运气或者靠网速。而无法确定异步代码的执行阶段，在多个组件或代码块之间耦合情况下会出现代码执行错误情况，怎么办？ 为了应对各种各样的需求，我们在写任何存在异步任务的代码时，都要提前做好流程设计，要确保代码的运行是严格符合期望的。而大部分的需求都可以使用vue-router的这种方案解决掉，而这个方案无法解决的时候，那么就要清楚j... 阅读全文…

Transform的值大类transform 本质上来说是一系列的变形函数，主要有以下值：none - 不进行转换，常用作覆盖别的值使用translate(x,y) - 2d位移；translate3d(x,y,z) - 3d位移； transformX/Y/Z(n) - 单向位移scale(x,y) - 2d缩放； scale3d(x,y,z) - 3d缩放； scaleX/Y(n) -... 阅读全文…

proto在JavaScript里面，一切皆为对象，而对象(除了null)都有proto，这个属性会指向该对象的原型，即作为实例对象和实例原型的之间的链接桥梁。proto属性是一个访问器属性（一个getter函数和一个setter函数）, 暴露了通过它访问的对象的内部[[Prototype]]。所以直接使用它进行原型对象的操作是很不友好的，它的目的只是为了访问到原型对象里的属性。123let... 阅读全文…

node-爬虫使用技术:express + crawler + request而crawler是集成了request+cheerio，由于某些方面crawler没有使用request那么方便，只是在爬虫上可以比request简单的实现爬虫，所以比较强大简单，而在node里比较流行，而node实现爬虫有些不够好，所以在这方面框架没有几个，不像python那么强大而且这方面的库很多，很专业，而n... 阅读全文…

webpack4webpack4与之前的版本差别很大，当webpack每个大版本的更新，都需要重新学习一下webpack的打包功能，因为每次的大版本更新带来的一连串的别的模块的跟随更新，而上下版本之前是不兼容的。 1、安装先安装node与npm。建议局部方式安装，因为webpack的版本更新很快，使用全局可能会出现不兼容的报错问题。12345678910// 创建项目文件夹npm init/... 阅读全文…