2018年02月_杨不败

原创对Node的深刻认知

node.js是JavaScript的运行环境，或者说是web开发的runtime。总的介绍事件驱动非阻塞I/O基于Chrome V8引擎单线程使用 JavaScript 开发后端代码优点事件驱动非阻塞I/O前端开发工程师偏爱Node适合干什么适合I/O密集场景CPU 密集和 I/O密集的区别CPU密集：压缩、解压、加...

2018-02-16 20:36:51 364

原创进程和线程最直白的解释

进程是计算机中的程序关于某数据集合上的一次运行活动，是系统进行资源分配和调度的基本单位。通俗的说：电脑桌面上的程序，比如播放器，点击图标运行程序，那么程序就被加载到了内存中，那么这个运行中的播放器程序就叫进程。但是单核cpu怎么也可以同时执行很多程序呢？主要是因为计算机做了一个很聪明的事情，它用很快的时间轮换执行多个程序，比如1ns执行这个程序的语句，另一个ns执行那个程...

2018-02-16 20:18:28 346

原创在 JavaScript 中，究竟什么是事件，事件是指什么？

定义事件是指被程序发现的行为或发生的事情，而且它可能会被程序处理。MV*框架通常区分两种事件：用户事件：通常在view中处理，程序允许用户通过触发和处理事件的形式沟通，比如单击一个按钮，滚动屏幕，提交一个表单。程序事件：应用自身也可以触发和处理一些事件，比如渲染后触发onRender事件等。

2018-02-07 13:53:58 4324

原创 SPA和AJAX两者最本质的区别

主要区别：AJAX是直接以 HTML 的形式加载应用的一部分，通过 ajax 直接将 html 嵌入到 dom 中。SPA是以模板形式去显示 html，不直接加载html，先加载 JSON 数据，然后经过模板编译后变成 html 形式。

2018-02-07 13:31:20 1270

原创在jquery中，$('.a .b')和$('.a.b')的区别

没有空格的，就是平行关系的，如下所示：div class="a"> div class="b">div>div>有空格就是所属关系，如下所示：div class="a b">div>

2018-02-07 09:09:44 2335

原创代码方面的WEB性能优化

缓存DOM查询var i;for( i=0; i 'p').length; i++){ // todo}// 缓存DOM查询var pList = document.getElementsByTagName('p');for (i=0; i < pList.length; i++) { // todo}合并DOM插入var listNode =

2018-02-06 11:05:42 301

原创一句话介绍CDN

原理其实就是很多服务器都有静态资源的备份，当用户请求时，通过主服务器对用户的IP进行地址判断，来选择离用户位置最近的服务器，并且将最近的IP返回给用户，让用户去请求这个IP的服务器。好处加快了响应速度

2018-02-05 16:56:11 587

原创 CSS权值规则

规则原理：对于同一个元素设置了不同的css样式，此时根据权值来判断使用哪种样式，选择权值高的样式进行设置。权值规则是： - 标签的权值为1 - 类选择器的权值为10 - ID选择器的权值为100 - 伪类选择器是10注意：在属性后面使用!important，会覆盖页面内任何位置定义的元素样式。

2018-02-02 23:20:43 1257

原创使用fiddler进行调试线上代码

很方便的调试工具步骤：下载fiddler打开fiddler清空请求的内容打开调试的网址然后在请求列表里找到要调试的文件然后在右侧点击AutoResponder选中Enable rules和Unmatched request passthrough然后在右下角网址进行修改，去掉EXACT:和查询字符串，也就是包含?以及以后的内容然后点击下面一个输入框的右侧的下三角形符号，选

2018-02-02 16:11:47 445

原创小白也能征服CSRF

英文：Cross Site Request Forgy中文：跨站请求伪造攻击者在其他的网站对目标网站产生了影响CSRF攻击危害利用用户登录态用户不知情完成业务请求盗取用户资金(转账，消费) 就算警察寻找是谁，也只能找到用户，找不到攻击者，因为攻击者用的ip和cookie都是用户的。 CSRF攻击防御 csrf防御核心思想就是利用攻击者不会访问目标网站的前端，只会去访

2018-02-01 16:28:51 407

原创知乎各位前端工程师的感悟【个人总结精华版】

养成阅读英文文档和英文技术博客的习惯，时间一长你会发现思考问题和解决问题的路径比之前更为精准有效且持续。时刻保持对自我前端知识体系建立的警惕和思考，不要因为时髦而冲动，根据自己的阶段慎重的判断知识的优先级。

2018-02-01 16:03:14 5307

原创 AutoHotkey软件实现自动化

打开编辑脚本，编辑txt文本，写入：// 按下win + b 就可以快速打开百度搜索页面#b::run www.baidu.com// 按下win + n 就可以快速打开csdn博客写文章页面#n::run http://mp.blog.csdn.net/mdeditor

2018-02-01 15:47:57 3285

原创在移动端使用rem布局后，使用背景图片出现显示不正确

原因：因为图片设置成背景后，移动端是响应式布局，就会造成背景图片无法正确显示。因为背景图片也被缩放了。解决方法：通过给背景图片设置background-size: contain; 就可以解决，这个是让背景图片自动缩放达到自适应完全显示出来。一般不怎么模糊就可以了。

2018-02-01 15:45:33 2749

godkun的博客