08 2018 档案
摘要：当我们学习angular或者vue的时候，其双向绑定为我们开发带来了诸多便捷，今天我们就来分析一下vue双向绑定的原理。 简易vue源码地址：https://github.com/maxlove123/simple-Vue.git 1.vue双向绑定原理 vue.js 则是采用数据劫持结合发布者-订
阅读全文
摘要：双向数据绑定和单向数据绑定解释： a. 单向数据绑定 指的是我们先把模板写好，然后把模板和数据（数据可能来自后台）整合到一起形成HTML代码，然后把这段HTML代码插入到文档流里面。 单向数据绑定缺点：HTML代码一旦生成完以后，就没有办法再变了，如果有新的数据来了，那就必须把之前的HTML代码去掉
阅读全文
摘要：今天来给大家总结下React的单向数据流与组件间的沟通。 首先，我认为使用React的最大好处在于：功能组件化，遵守前端可维护的原则。 先介绍单向数据流吧。 React单向数据流： React是单向数据流，数据主要从父节点传递到子节点（通过props）。 如果顶层（父级）的某个props改变了，Re
阅读全文
摘要：组件之间的几种通信情况 父组件向子组件通信 子组件向父组件通信 跨级组件通信 没有嵌套关系组件之间的通信 1,父组件向子组件传递 React数据流动是单向的,父组件向子组件通信也是最常见的;父组件通过props向子组件传递需要的信息 在引用子组件的时候传递，相当于一个属性，例如： construct
阅读全文
摘要：有关双向数据绑定的原理 关于数据双向绑定的理解：利用了 Object.defineProperty() 这个方法重新给对象定义了新属性，在操作新属性分别为为获取属性值(调用get方法)和设置属性值(调用set方法)的操作来实现的。双向：改变keyValue的值，obj.key的值会改变，重新设置ob
阅读全文
摘要：前言：该问题是由于看到fetch的then方法的使用，产生的疑问，在深入了解并记录对promise的个人理解 首先看一下fetch请求使用案例： 案例效果：点击页面按钮，请求当前目录下的arr.txt里面的内容 疑问地方： 1. fetch为什么可以使用then？（个人理解then方法是定义在原型对
阅读全文
摘要：新的ES6中引入了promise的概念，其目的是让回调更为优雅。层层嵌套的回调会让javascript失去美感和可读性，同时javascript也推荐采用链式的方式去书写函数调用。于是Promise就应运而生。Promise即承诺的意思，new一个Promise就是新建一个承诺。在新建一个承诺的时候
阅读全文
摘要：30分钟手把手教你学webpack实战 阅读目录 一：什么是webpack? 他有什么优点？ 二：如何安装和配置 三：理解webpack加载器 四：理解less-loader加载器的使用 五：理解babel-loader加载器的含义 六：了解下webpack的几个命令 七：webpack对多个模块依
阅读全文
摘要：webpack是前端开发中比较常用的打包工具之一，另外还有gulp，grunt。之前没有涉及过打包这块，这里介绍一下使用webpack打包的流程。 Grunt和Gulp的工作方式是：在一个配置文件中，指明对某些文件进行类似编译，组合，压缩等任务的具体步骤，这个工具之后可以自动替你完成这些任务。 We
阅读全文
摘要：本文转自阮一峰大神 【个人理解点：】 1. "任务队列"是一个事件的队列，只要事件指定过回调函数，这些事件完成任务时，就会向"任务队列"添加一个事件，等待主线程读取。 2. 当主线程执行完“执行栈”中的同步任务之后，去开始执行已经完成任务等待中的异步任务，执行的就是任务对应的回调函数 3. 主线程的
阅读全文
摘要：前言： 构建React项目的几种方式： 1）构建：create-react-app 快速脚手架 FaceBook官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具create-react-app。 creat-react-app优点 无需配置：官方的配置堪称完美，几乎不用你再配置任何东西，就
阅读全文
摘要：问：proxyTable 里面的pathRewrite里面的‘^/iclient’:'' 什么意思？ 答：用代理, 首先你得有一个标识, 告诉他你这个连接要用代理. 不然的话, 可能你的 html, css, js这些静态资源都跑去代理. 所以我们只要接口用代理, 静态文件用本地. '/iclien
阅读全文
摘要：先上bug图片 bug说明：初装vue_cli3.0写了个组件，运行错误，显示如图， 代码提示：[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available.
阅读全文
摘要：剩余参数语法允许我们将一个不定数量的参数表示为一个数组。 function sum(...theArgs) { return theArgs.reduce((previous, current) => { return previous + current; }); } console.log(su
阅读全文
摘要：今天由于项目中引入的echarts的文件太大，requirejs经常加载超时，不得不分开来加载echarts的各个图表。但是使用echarts自带的在线构建工具生成的支持AMD 标准的模块报错，所以不得不使用echarts的全局函数，使用requirejs的shim进行加载。借此机会学习一下AMD,
阅读全文
摘要：CommonJS 一种服务器端模块化的规范，Nodejs实现了这种规范，所以就说Nodejs支持CommonJS。 CommonJS分为三部分：require 模块加载exports 模块导出module 模块本身 根据规范一个单独的JS文件就是一个module，每个单独的module是一个单独的作
阅读全文
摘要：说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串或者用XML来描述，跨域可以通过服务器端代理来解决。 但到目前为止最被推崇或者说首选的方案还是用JSON来传数据，靠JSONP来跨域。
阅读全文
摘要：使用buffer类处理二进制数据 在客户端javascript脚本代码中，对于二进制数据并没有提供一个很好的支持。然后在nodejs中需要处理像TCP流或文件流时，必须要处理二进制数据。因此在node.js中，定义了一个Buffer类，该类用来创建一个专门存放二进制数据的缓存区。 一：创建Buffe
阅读全文
摘要：一，开篇分析 所谓缓冲区Buffer，就是 "临时存贮区" 的意思，是暂时存放输入输出数据的一段内存。 JS语言自身只有字符串数据类型，没有二进制数据类型，因此NodeJS提供了一个与String对等的全局构造函数Buffer来提供对二进制数据的操作。除了可以读取文件得到Buffer的实例外，还能够
阅读全文
