2017年7月17日
浅析webpack之shimming垫片的理解及常见场景和webpack.ProvidePlugin插件的使用
摘要： 一、shimming 垫片的场景 在webapck打包的过程中，我们往往需要做代码的兼容，或者打包过程的兼容。比如，我们使用的 @babel/polyfill，他所解决的就是打包代码运行在低版本浏览器上时有些api不兼容的问题，比如IE浏览器上不支持的Promise api，他就会自动的在打包过程中 阅读全文
posted @ 2017-07-17 23:36 古兰精 阅读(10127) 评论(0) 推荐(0) 编辑
代码git提交规范CommitLint使用
摘要： 一、Commitlint 是什么 在多人协作的背景下，git 仓库和 workflow 的作用很重要。而对于 commit 提交的信息说明存在一定规范，现使用 commitlint + husky 规范 git commit -m "" 中的描述信息。 一句话说，当我们运行 git commmit 阅读全文
posted @ 2017-07-17 20:11 古兰精 阅读(2092) 评论(0) 推荐(0) 编辑
浏览器工作原理：浅析浏览器渲染进程 - HTML、CSS和JavaScript是如何变成页面的？（下）
摘要： 在上篇文章中，我们介绍了渲染流水线中的 DOM 生成、样式计算和布局三个阶段，那今天我们接着讲解渲染流水线后面的阶段。 这里还是先简单回顾下上节前三个阶段的主要内容： 1、在 HTML 页面内容被提交给渲染引擎之后，渲染引擎首先将 HTML 解析为浏览器可以理解的 DOM； 2、然后根据 CSS 样 阅读全文
posted @ 2017-07-17 18:06 古兰精 阅读(1867) 评论(0) 推荐(1) 编辑
2017年7月15日
JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法
摘要： jQuery获取： jQuery.parent(expr)，找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr)，类似于jQuery.parents(expr),但是是查找所有 阅读全文
posted @ 2017-07-15 18:38 古兰精 阅读(385448) 评论(1) 推荐(9) 编辑
2017年7月13日
CSS3的content属性详解及CSS中content使用字体图标
摘要： CSS中主要的伪元素有四个：before/after/first-letter/first-line，在before/after伪元素选择器中，有一个content属性，能够实现页面中的内容插入。 content属性一般用于::before、::after伪元素中，用于呈现伪元素的内容。平时cont 阅读全文
posted @ 2017-07-13 23:13 古兰精 阅读(84771) 评论(0) 推荐(1) 编辑
浅析一次pm2升级导致部分项目无法启动的问题
摘要： 一、问题背景 测试项目突然无法访问，任何路由全部报错：connect() failed (111: Connection refused) while connecting to upstream [error] 20969#0: *1 connect() failed (111: Connecti 阅读全文
posted @ 2017-07-13 16:42 古兰精 阅读(2862) 评论(0) 推荐(0) 编辑
IE浏览器无法直接识别input的type="hidden"问题
摘要： 原问题： 在IE下点击第一个所有对象不起效果，原因就在于IE无法识别hidden类型导致点击的时候总是先取hidden类型的值，所以var type=$(this).val();始终为空。而其他浏览器可以识别hidden类型，所以没有问题。 解决方式：将隐藏域hidden类型放到后面即可。 自己写段 阅读全文
posted @ 2017-07-13 15:34 古兰精 阅读(1545) 评论(0) 推荐(0) 编辑
jquery中prop()方法和attr()方法的区别浅析
摘要： jquery1.6中新加了一个方法prop()，官方解释只有一句话：获取在匹配的元素集中的第一个元素的属性值。 大家都知道有的浏览器只要写disabled，checked就可以了，而有的要写成disabled = "disabled"，checked="checked"，比如用attr("check 阅读全文
posted @ 2017-07-13 15:01 古兰精 阅读(236) 评论(0) 推荐(0) 编辑
2017年7月12日
解决服务端换行数据经过输入框处理后字符数变多的问题：如何区分计算机中的换行符、回车符、\n、\r、\r\n 等
摘要： 一、问题背景 1、文档简介从服务器文档里直接取时，简介是256字符； 2、当编辑时，简介却变成了 260 字符，报错超出限制。 问题：为啥 256 字符经过表单一展示后，再提交到后台就变成了 260 字符呢？ 二、涉及知识 \r 是回车，return，使光标到行首 \n 是换行，newline，使光 阅读全文
posted @ 2017-07-12 16:26 古兰精 阅读(494) 评论(0) 推荐(0) 编辑
2017年7月11日
浅析JS里的Intl对象及常用方法使用介绍
摘要： Intl对象是ECMAScript国际化API的命名空间，它提供对语言敏感的字符串比较、支持数字格式化以及日期和时间的格式化。 1、Intl.Collator对象 collator这个单词意思是排序器。Intl.Collator对象是排序器的构造函数，可以支持对语言敏感的字符串比较。语法如下：new 阅读全文
posted @ 2017-07-11 11:26 古兰精 阅读(1681) 评论(0) 推荐(0) 编辑