1、可以更好的宣传自己的软件产品，可以清晰的展示此软件的归属。

2、在进行软件版权贸易时，将使您的软件价值倍增。

3、在发生争议时，如果不经登记，著作权人很难举证说明完成的时间以及著作权人。

4、合法在我国境内经营或者销售该软件产品，并可以出版发行。

5、可以进行软件销售的退税，减轻企业负担。

6、在进行高新技术企业认定时可以作为自主研发拥有的证明材料。

1.1 执行上下文/作用域链/闭包

• 一道js面试题引发的思考[3]
• JavaScript深入之词法作用域和动态作用域[4]
• 我从来不理解JavaScript闭包，直到有人这样向我解释它...[8]
• 破解前端面试（80% 应聘者不及格系列）：从闭包说起[9]

• 前端基础进阶（七）：全方位解读this[12]
• 面试官问：能否模拟实现JS的bind方法[18]

• 重新认识构造函数、原型和原型链[21]
• 最详尽的 JS 原型与原型链终极详解，没有「可能是」。（一）[23]
• 最详尽的 JS 原型与原型链终极详解，没有「可能是」。（二）[24]
• 最详尽的 JS 原型与原型链终极详解，没有「可能是」。（三）[25]
• JavaScript深入之创建对象的多种方式以及优缺点[28]
• 详解JS原型链与继承[29]

• Promise不会？？看这里！！！史上最通俗易懂的Promise！！！[34]
• 一起学习造轮子（一）：从零开始写一个符合Promises/A+规范的promise[35]
• BAT前端经典面试问题：史上最最最详细的手写Promise教程[39]

• 深拷贝的终极探索（90%的人都不知道）[41]
• 「JavaScript」带你彻底搞清楚深拷贝、浅拷贝和循环引用[45]
• 面试题之如何实现一个深拷贝[46]

• 一次弄懂Event Loop（彻底解决此类面试问题）[52]

这个知识点真的是重在理解，一定要理解彻底

• 函数式编程指北[56]

• 面试官：请你实现一个PWA[69]

太多了... 总的来说就是 API 一定要熟悉...

• 近一万字的ES6语法知识点补充[75]

• 从网易与淘宝的font-size思考前端设计稿与工作流[88]
• 细说移动端 经典的REM布局 与 新秀VW布局[89]
• Retina屏的移动设备如何实现真正1px的线？[91]
• CSS实现水平垂直居中的1010种方式（史上最全）[95]
• 干货!各种常见布局实现[96]
• 彻底搞懂CSS层叠上下文、层叠等级、层叠顺序、z-index[98]
• 深入理解CSS中的层叠上下文和层叠顺序[99]
• 浅谈 CSS 预处理器（一）：为什么要使用预处理器？[102]
• 浏览器将rem转成px时有精度误差怎么办？[103]

• 50行代码的MVVM，感受闭包的艺术[105]
• 不好意思！耽误你的十分钟，让MVVM原理还给你[106]

• React 源码剖析系列 － 生命周期的管理艺术[111]

• Vue 组件间通信六种方式（完整版）[119]

• 面试官: 你对虚拟DOM原理的理解?[122]

从思想、生态、语法、数据、通信、diff等角度自己总结一下吧。

• webpack 如何通过作用域分析消除无用代码[145]

• 前端工程师的自我修养-关于 Babel 那些事儿[157]
• 前端与编译原理——用JS写一个JS解释器[158]

• 大公司里怎样开发和部署前端代码？[164]
• 前端高级进阶：前端部署的发展历程[165]

• 5 分钟撸一个前端性能监控工具[171]
• 把前端监控做到极致[172]
• GMTC 大前端时代前端监控的最佳实践[173]
• 前端监控和前端埋点方案设计[174]

这个知识点不列文章啦，好多文章，列个知识点，动手搜一下吧 ~

• Webpack优化——将你的构建效率提速翻倍[175]
• 多进程并行压缩代码[182]
• webpack 如何通过作用域分析消除无用代码[186]
• （译）2019年前端性能优化清单 — 上篇[196]

• 浏览器页面资源加载过程与优化[198]
• 聊聊前端开发中的长列表[199]
• 再谈前端虚拟列表的实现[200]
• 浅说虚拟列表的实现原理[201]
• 图片与视频懒加载的详细指南[206]

• 如何理解HTTP响应的状态码？[225]

• 写给前端工程师的DNS基础知识[238]
• 前端优化: DNS预解析提升页面速度[239]

• 通俗大白话来理解TCP协议的三次握手和四次分手[241]
• “三次握手，四次挥手”你真的懂吗？[245]

• 漫话：如何给女朋友解释什么是CDN？[247]
• 关于 cdn、回源等问题一网打尽[248]
• CDN是什么？使用CDN有什么优势？[249]

• 从输入URL到页面展示，这中间发生了什么？[250]
• 前端经典面试题: 从输入URL到页面加载发生了什么？[251]

• 深入 JavaScript 设计模式，从此有了优化代码的理论依据[256]
• 设计模式之美-前端[257]

• 漫画：什么是红黑树？[263]
• 前端你应该了解的数据结构与算法[264]
• 数据结构和算法在前端领域的应用（前菜）[265]
• 数据结构与算法在前端领域的应用 - 第二篇[266]

• 前端安全系列（一）：如何防止XSS攻击？[268]
• 前端安全系列（二）：如何防止CSRF攻击？[269]
• 【面试篇】寒冬求职之你必须要懂的Web安全[272]
• 程序员必须要了解的web安全[274]
• 可信前端之路：代码保护[275]

• 字节跳动面试官：请你实现一个大文件上传和断点续传[284]

• 深入浅出浏览器渲染原理[285]
• 前端开发如何独立解决跨域问题[286]
• 九种跨域方式实现原理（完整版）[290]
• 7分钟理解JS的节流、防抖及使用场景[291]
• 浏览器的工作原理：新式网络浏览器幕后揭秘[292]
• 浏览器同源策略与ajax跨域方法汇总[294]

• 一年半经验如何准备阿里巴巴 P6 前端面试[295]
• 面试分享：两年工作经验成功面试阿里P6总结[296]
• 总结了17年初到18年初百场前端面试的面试经验(含答案)[297]
• 2018春招前端面试: 闯关记(精排精校) | 掘金技术征文[298]
• 20道JS原理题助你面试一臂之力！[299]
• 一年半经验，百度、有赞、阿里前端面试总结[300]
• 面试分享：专科半年经验面试阿里前端P6+总结(附面试真题及答案)[302]
• 写给 女朋友的中级前端面试秘籍[303]
• 阿里前端攻城狮们写了一份前端面试题答案，请查收[304]
• 字节跳动今日头条前端面经（4轮技术面+hr面）[305]
• 「面试题」20+Vue面试题整理(持续更新)[306]
• 「吐血整理」再来一打Webpack面试题(持续更新)[307]
• 高级前端开发者必会的34道Vue面试题系列[308]

推荐一些值得看的书，基本都是我看完或者有翻过几页觉得不错但是还没时间看的书。

• JavaScript 高级程序设计（高程就不多说了，第四版有英文版）

• CSS 权威指南（建议看英文版）
• CSS 世界（张鑫旭老师的大作，但是建议需要有一定 CSS 实践后再看）

• 计算机/程序是怎样跑起来的

工程化/浏览器/软技能

• 前端工程化体系设计与实践
• webpack 实战：入门、进阶与优化（了解一下 webpack 的所有会涉及到的知识点）
• WebKit 技术内幕（讲浏览器的，挺好的）
• 重构：改善既有代码的涉及
• 码农翻- 程序员思维修炼
• 编码：隐匿在计算机软硬件背后的语言
• 技术之瞳：阿里巴巴技术笔试心得

一道js面试题引发的思考:

JavaScript深入之词法作用域和动态作用域:

我从来不理解JavaScript闭包，直到有人这样向我解释它...:

破解前端面试（80% 应聘者不及格系列）：从闭包说起:

前端基础进阶（七）：全方位解读this:

面试官问：JS的this指向:

面试官问：能否模拟实现JS的call和apply方法:

面试官问：能否模拟实现JS的bind方法:

重新认识构造函数、原型和原型链:

最详尽的 JS 原型与原型链终极详解，没有「可能是」。（一）:

最详尽的 JS 原型与原型链终极详解，没有「可能是」。（二）:

最详尽的 JS 原型与原型链终极详解，没有「可能是」。（三）:

JavaScript深入之创建对象的多种方式以及优缺点:

详解JS原型链与继承:

Promise不会？？看这里！！！史上最通俗易懂的Promise！！！:

一起学习造轮子（一）：从零开始写一个符合Promises/A+规范的promise:

Promise实现原理（附源码）:

BAT前端经典面试问题：史上最最最详细的手写Promise教程:

深拷贝的终极探索（90%的人都不知道）:

「JavaScript」带你彻底搞清楚深拷贝、浅拷贝和循环引用:

面试题之如何实现一个深拷贝:

一次弄懂Event Loop（彻底解决此类面试问题）:

面试官：请你实现一个PWA:

近一万字的ES6语法知识点补充:

一个合格的中级前端工程师需要掌握的 28 个 JavaScript 技巧:

从网易与淘宝的font-size思考前端设计稿与工作流:

细说移动端 经典的REM布局 与 新秀VW布局:

移动端1px解决方案:

Retina屏的移动设备如何实现真正1px的线？:

CSS实现水平垂直居中的1010种方式（史上最全）:

干货!各种常见布局实现:

CSS 常见布局方式:

彻底搞懂CSS层叠上下文、层叠等级、层叠顺序、z-index:

深入理解CSS中的层叠上下文和层叠顺序:

2019年，你是否可以抛弃 CSS 预处理器？:

浅谈 CSS 预处理器（一）：为什么要使用预处理器？:

浏览器将rem转成px时有精度误差怎么办？:

50行代码的MVVM，感受闭包的艺术:

不好意思！耽误你的十分钟，让MVVM原理还给你:

剖析Vue实现原理 - 如何实现双向绑定mvvm:

Vue 生命周期源码剖析:

React 源码剖析系列 － 生命周期的管理艺术:

Vue 深入响应式原理:

vue中8种组件通信方式, 值得收藏!:

Vue 组件间通信六种方式（完整版）:

面试官: 你对虚拟DOM原理的理解?:

让虚拟DOM和DOM-diff不再成为你的绊脚石:

Vue 计算属性 VS 侦听属性源码剖析:

手把手教你撸一个简易的 webpack:

webpack 如何通过作用域分析消除无用代码:

轻松理解webpack热更新原理:

前端工程师需要了解的 Babel 知识:

深入浅出 Babel 上篇：架构和原理 + 实战:

前端工程师的自我修养-关于 Babel 那些事儿:

前端与编译原理——用JS写一个JS解释器:

JavaScript模板引擎原理，几行代码的事儿:

Vue 模板编译原理:

大公司里怎样开发和部署前端代码？:

前端高级进阶：前端部署的发展历程:

Weex 是如何在 iOS 客户端上跑起来的:

详解 Weex 页面的渲染过程:

5 分钟撸一个前端性能监控工具:

GMTC 大前端时代前端监控的最佳实践:

前端监控和前端埋点方案设计:

Webpack优化——将你的构建效率提速翻倍:

webpack构建速度与结果优化:

让你的Webpack起飞—考拉会员后台Webpack优化实战:

webpack 如何通过作用域分析消除无用代码:

加速Webpack-缩小文件搜索范围:

（译）2019年前端性能优化清单 — 上篇:

网站性能优化实战——从12.67s到1.06s的故事:

浏览器页面资源加载过程与优化:

聊聊前端开发中的长列表:

再谈前端虚拟列表的实现:

浅说虚拟列表的实现原理:

图片与视频懒加载的详细指南:

为什么要在javascript中进行静态类型检查:

如何编写一个d.ts文件:

TypeScript 进阶：给第三方库编写声明文件:

前端基础篇之HTTP协议:

如何理解HTTP响应的状态码？:

你所知道的3xx状态码:

深入理解HTTPS工作原理:

九个问题从入门到熟悉HTTPS:

分分钟让你理解HTTPS:

HTTP2基本概念学习笔记:

写给前端工程师的DNS基础知识:

前端优化: DNS预解析提升页面速度:

通俗大白话来理解TCP协议的三次握手和四次分手:

面试时，你被问到过 TCP/IP 协议吗?:

“三次握手，四次挥手”你真的懂吗？:

漫话：如何给女朋友解释什么是CDN？:

关于 cdn、回源等问题一网打尽:

CDN是什么？使用CDN有什么优势？:

从输入URL到页面展示，这中间发生了什么？:

前端经典面试题: 从输入URL到页面加载发生了什么？:

深入 JavaScript 设计模式，从此有了优化代码的理论依据:

前端笔试&面试爬坑系列---算法:

漫画：什么是红黑树？:

前端你应该了解的数据结构与算法:

数据结构和算法在前端领域的应用（前菜）:

数据结构与算法在前端领域的应用 - 第二篇:

前端安全系列（一）：如何防止XSS攻击？:

前端安全系列（二）：如何防止CSRF攻击？:

前端也需要了解的 JSONP 安全:

【面试篇】寒冬求职之你必须要懂的Web安全:

谈谈对 Web 安全的理解:

程序员必须要了解的web安全:

可信前端之路：代码保护:

前端如何给 JavaScript 加密（不是混淆）？:

常见 Web 安全攻防总结:

一篇文章构建你的 NodeJS 知识体系:

字节跳动面试官：请你实现一个大文件上传和断点续传:

深入浅出浏览器渲染原理:

前端开发如何独立解决跨域问题:

九种跨域方式实现原理（完整版）:

7分钟理解JS的节流、防抖及使用场景:

浏览器的工作原理：新式网络浏览器幕后揭秘:

浏览器同源策略与ajax跨域方法汇总:

一年半经验如何准备阿里巴巴 P6 前端面试:

面试分享：两年工作经验成功面试阿里P6总结:

总结了17年初到18年初百场前端面试的面试经验(含答案):

2018春招前端面试: 闯关记(精排精校) | 掘金技术征文:

20道JS原理题助你面试一臂之力！:

一年半经验，百度、有赞、阿里前端面试总结:

面试分享：专科半年经验面试阿里前端P6+总结(附面试真题及答案):

写给 女朋友的中级前端面试秘籍:

阿里前端攻城狮们写了一份前端面试题答案，请查收:

字节跳动今日头条前端面经（4轮技术面+hr面）:

「面试题」20+Vue面试题整理(持续更新):

「吐血整理」再来一打Webpack面试题(持续更新):

高级前端开发者必会的34道Vue面试题系列:

如有侵权，请联系删除。

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

    多年来为国付出贡献的王小云前不久获得了国家奖金100万美元，而王小云所作出的卓越贡献也值得国家和人民献上崇高敬意。SHA-1最大的一次破解是在2005年，但是我国研究队伍证明了用以产生数字签名的SHA-1算法并不是牢不可破，可以通过巨型计算机成功破解2**69哈希运算。这是利用了其做为单向哈希的特点，从计算后的哈希值不能得到密码。1992年8月，罗纳德·李维斯特向互联网工程任务组(IETF)提交了一份重要文件，描述了这种算法的原理。但另一方面，散列函数的输入和输出不是一一对应的，如果两个散列值相同，两个输入值很可能是相同的，但不绝对肯定二者一定相等(可能出现哈希碰撞)。这不妨躲免用户的暗号被具备体系管制员权力的用户了解。最近一些研究人员的研究结果表明了MD5证书是极其容易被伪造的。典型的散列函数都有无限定义域，比如任意长度的字节字符串，和有限的值域，比如固定长度的比特串。在MD5算法中，首先需要对信息进行填充，这个数据按位(bit)补充，要求最终的位数对512求模的结果为448。在电子邮件使用越来越普遍的情况下，可以利用     为了增加安全性，有必要对数据库中需要保密的信息进行加密，这样，即使有人得到了整个数据库，如果没有解密算法，也不能得到原来的密码信息。典型的散列函数都有无限定义域，比如任意长度的字节字符串，和有限的值域，比如固定长度的比特串。MD5过去一直被用于创建某种数字证书，由VeriSign来对网站授权。我们经常在emule日志里面看到，emule正在hash文件，这里就是利用了hash算法的文件校验性这个功能了，文章前面已经说了一些这些功能，其实这部分是一个非常复杂的过程，在ftp,bt等软件里面都是用的这个基本原理。由于MD5算法的使用不需要支付任何版权费用，所以在一般的情况下(非绝密应用领域。但即便是应用在绝密领域内，MD5也不失为一种非常优秀的中间技术)，MD5怎么都应该算得上是非常安全的了。总体流程如下图所示，每次的运算都由前一轮的128位结果值和当前的512bit值进行运算     接下来发生的事情大家都知道了，就是用户数据丢了！在MD5算法中，首先需要对信息进行填充，这个数据按位(bit)补充，要求最终的位数对512求模的结果为448。一个好的散列函数(包括大多数加密散列函数)具有均匀的真正随机输出，因而平均只需要一两次探测(依赖于装填因子)就能找到目标。我们常常在某些软件下#￥%……载站点的某软件信息中看到其MD5值，它的作用就在于我们可以在下&%载该软件后，对下载回来的文件用专门的软件(如Windows MD5 Check等)做一次MD5校验，以确保我们获得的文件与该站点提供的文件为同一文件。在这种情况下，散列函数必须把按照字母顺序排列的字符串映射到为散列表的内部数组所创建的索引上。大家都知道emule是基于P2P (Peer-to-peer的缩写，指的是对等体网络下客户到客户文件传输的软件)， 它采用了"多源文件传输协议”(MFTP，the Multisource readme.txt文件中，并对这个readme.txt产生一个MD5的值并记录在案，然后你可以传播这个文件给别人，别人如果修改了文件中的任何内容，你对这个文件重新计算MD5时就会发现(两个MD5值不相同)。假如再有一个第三方的认证机构，用MD5还不妨预防文献作家的“推托”，这即是所谓的数字签字运用。MD5是一种HASH函数，又称杂凑函数，由32位16进制组成，在信息安全范畴有广泛和首要运用的暗码算法，它有类似于指纹的运用。在网络安全协议中， 杂凑函数用来处理电子签名，将冗长的签名文件紧缩为一段一起的数字信息，像指纹辨别身份相同保证正本数字签名文件的合法性和安全性。在前面提到的SHA- 1和MD5都是现在最常用的杂凑函数。经过这些算法的处理，初始信息即使只更动一个字母，对应的紧缩信息也会变为大相径庭的“指纹”，这就保证了经过处理 信息的唯一性。为电子商务等提供了数字认证的可能性。 　　安全的杂凑函数在设计时有必要满意两个请求：其一是寻找两个输入得到相同的输出值在计算上是不可行的，这便是我们一般所说的抗磕碰的；其二是找一个输 入，能得到给定的输出在计算上是不可行的，即不可从效果推导出它的初始状况。现在运用的首要计算机安全协议，如SSL，PGP都用杂凑函数来进行签名，一 旦找到两个文件可以发作相同的紧缩值，就可以假造签名，给网络安全范畴带来无量危险。举例而言，如下两段数据的MD5哈希值就是完全一样的。　　这些年她的作业得到了山东大学和数学院领导的大力支持，格外投资建设了信息安全实验室。山东大学校长展涛教授高度重视王小云教授突出的科研效果。 2004年6月山东大学领导听取王小云教授的作业介绍后，展涛校长亲身签发约请函约请国内闻名信息安全专家参与2004年7月在威海举办的“山东大学信息 安全研讨学术研讨会”，数学院院长刘建亚教授安排和掌管了会议，会上王小云教授发布了MD5等算法的一系列研讨效果，专家们对她的研讨效果给予了充沛的肯 定，对其持之以恒的科研情绪大加赞扬。一位院士说，她的研讨水平肯定不比世界上的差。这位院士的定论在时隔一个月以后的世界密码会上得到了验证，国外专家 如此强烈的反应表明，我们的作业可以说不光不比世界上的差，并且是在破解HASH函数方面已抢先一步。加拿大CertainKey公司早前宣告将给予发现 MD5算法第一个磕碰人员必定的奖赏，CertainKey的初衷是使用并行计算机经过生日进犯来寻觅磕碰，而王小云教授等的进犯相对生日进犯需要更少的 计算时刻。由于MD5算法的使用不需要支付任何版权费用，所以在一般的情况下(非绝密应用领域。但即便是应用在绝密领域内，MD5也不失为一种非常优秀的中间技术)，MD5怎么都应该算得上是非常安全的了。