前端开发

摘要： 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 阅读全文

摘要： 方法1 sudo npm i -g npm 方法2 修改usr/local的权限。使用sudo有一个风险是安装包可能会运行自己的一些脚本，使sudo操作变的不可控，不安全。可以通过将/usr/local的own从root转为登陆用户来解决这个问题。 sudo chown R $USER /usr/l 阅读全文

摘要： Unicode编码则是采用双字节16位来进行编号，可编65536字符，基本上包含了世界上所有的语言字符，它也就成为了全世界一种通用的编码，而且用十六进制4位表示一个编码，非常简结直观，为大多数开发者所接受，特别是十六进制编码后，可以解决汉字在js再编码过程中出现乱码问题，提高解释速度，我们建议在js 阅读全文

摘要： 十进制 十六进制 字符数 编码分类（中文） 编码分类（英文） 起始 终止 起始 终止 (个) 0 127 0000 007F 128 C0控制符及基本拉丁文 C0 Control and Basic Latin 128 255 0080 00FF 128 C1控制符及拉丁文补充-1 C1 Contr 阅读全文