04 2018 档案
摘要：用webpack的过程，就是一个不断入坑和出坑的过程。回望来时路，一路都是坑啊！现把曾经趟过的那些坑整理出来，各位看官有福了~ 文章末尾有我用到的依赖的版本信息，若你发现某个问题与我在本文中的描述不一致时，可以看看是否版本与我所使用的不同所致。 一、Mac平台和Windows平台的差异导致的问题 1
阅读全文
摘要：jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。 每个版本都会引入一些新功能。今天我想介绍的，就是从jQuery 1.5.0版本开始引入的一个新功能 deferred对象。 这个功能很重要，未来将成为jQuery的核心方法，它彻底改变了如何在jQuery中使用ajax。为了实现
阅读全文
摘要：当前项目结构 项目结构 其中 Greeter.js 引用了 config.json main.js 和 second.js 都引用了 Greeter.js main.js 还引用了 onlyformain.js second.js 还引用了 onlyforsecond.js 代码如下 // conf
阅读全文
摘要：方式一，传入字符串参数 new webpack.optimize.CommonsChunkPlugin(‘common.js’), // 默认会把所有入口节点的公共代码提取出来,生成一个common.js 方式二，有选择的提取公共代码 方式三，有选择性的提取（对象方式传参） 推荐 通过Commons
阅读全文
摘要：Refs 提供了一种访问在 render 方法中创建的 DOM 节点或 React 元素的方式。 在典型的 React 数据流中, 属性（props）是父组件与子代交互的唯一方式。要修改子组件，你需要使用新的 props 重新渲染它。但是，某些情况下你需要在典型数据流外强制修改子代。要修改的子代可以
阅读全文
摘要：source maps Webpack打包生成的.map后缀文件，使得我们的开发调试更加方便，它能帮助我们链接到断点对应的源代码的位置进行调试（//# souceURL），而devtool就是用来指定source-maps的配置方式的。以下是官方文档的说明： source maps 开发工具(Dev
阅读全文
摘要：Vue 源码是选用了 rollup 作为 bundler ，看 Vue 的源码时发现： npm script 对应了不同的构建选项。这也对应了最后打包构建后产出的不同的包。 不同于其他的 library ， Vue 为什么要在最后的打包构建环节输出不同类型的包呢？接下来我们通过 Vue 的源码以及对
阅读全文
摘要：四. __proto__ JS 在创建对象（不论是普通对象还是函数对象）的时候，都有一个叫做__proto__ 的内置属性，用于指向创建它的构造函数的原型对象。 对象 person1 有一个 __proto__属性，创建它的构造函数是 Person，构造函数的原型对象是 Person.prototy
阅读全文
摘要：前面的话 javascript里的关系又多又乱。作用域链是一种单向的链式关系，还算简单清晰；this机制的调用关系，稍微有些复杂；而关于原型，则是prototype、proto和constructor的三角关系。本文先用一张图开宗明义，然后详细解释原型的三角关系 图示 概念 上图中的复杂关系，实际上
阅读全文
摘要：1. 类 在C或者Java里，int a;定义了一个int类型的变量a。其中int是类型的名字，a是具体的变量。 Javascript 模仿自 Java, 有一部分面向对象编程的部分。在面向对象的编程中，类就是像int那样是类型，对象就是像a那样的变量。他们的区别是:int是编译器预先定义好的类型，
阅读全文
摘要：1. Astah Community Astah Community是一个非常强大的免费的UML建图工具，支持最新的UML图。 地址：http://astah.net/tutorial#new-to-astah 截图例子： 2. ProcessOn 专注于为作图人员提供价值，利用互联网和社交技术颠覆
阅读全文
摘要：for in是ES5标准，遍历key. for of是ES6标准，遍历value. 一个比较神奇的例子：
阅读全文
摘要：:first-child选择器是css2中定义的选择器，从字面意思上来看也很好理解，就是第一个子元素。比如有段代码： p:first-child 匹配到的是p元素,因为p元素是div的第一个子元素； h1:first-child 匹配不到任何元素，因为在这里h1是div的第二个子元素，而不是第一个；
阅读全文
摘要：发布订阅模式(subscribe/publish)的理解 https://www.qianduan7.com/javascript/subscribe-publish.html 发布订阅模式介绍 发布 订阅模式又叫观察者模式，它定义了对象间的一种一对多的关系，让多个观察者对象同时监听某一个主题对象，
阅读全文
摘要：前一段时间一直在写CSS3的文章 一直都没写设计模式 今天来写写大名鼎鼎观察者模式 先画张图 观察者模式的理解 我觉得还是发布-订阅模式的叫法更容易我们理解 （不过也有的书上认为它们是两种模式……） 这就类似我们在微信平台订阅了公众号 当它有新的文章发表后，就会推送给我们所有订阅的人 我们可以看到例
阅读全文
摘要：Nginx安装 进入存放源码包的目录： cd /usr/local/src 下载源码包： wget http://nginx.org/download/nginx-1.12.1.tar.gz 解压： tar zxf nginx-1.12.1.tar.gz 安装Nginx： 编译安装： make &&
阅读全文
摘要：meta的标签的使用是我在前端学习中曾经困惑过一段时间的问题。一方面不是很了解meta标签的用途，另一方面是对于meta标签里的属性和值不是懂，也不知道从哪里冒出来的，所以这篇文章专门整理下meta标签，一个必用且关键的标签。 什么是meta标签？ 引自下W3school的定义说明一下。 元数据（m
阅读全文