前端自习课

现在的网络上已经有各样关于 ECMAScript 规范介绍和分析的文章，而我自己重新学习一遍这些规范，整理出这么一份笔记，比较精简，主要内容涵盖ES6、ES7、ES8、ES9，后续会增加面试题，框架入门等笔记，欢迎吐槽交流。 这份资料的ES6部分将会参考阮一峰老师的 ECMAS…

最近开始在整理ES6/ES7/ES8/ES9的知识点（已经上传到 我的博客 上），碰到一些知识点是自己已经忘记（用得少的知识点），于是也重新复习了一遍。 这篇文章要复习的 instanceof 是我在整理过程中遇到的，那就整理下来吧，不然容易忘记。 要是哪里写得不妥，欢迎各位大…

JavaScript创建对象的方式有很多，通过Object构造函数或对象字面量的方式也可以创建单个对象，显然这两种方式会产生大量的重复代码，并不适合量产。接下来介绍七种非常经典的创建对象的方式，他们也各有优缺点。 可以无数次调用这个工厂函数，每次都会返回一个包含两个属性和一个方…

JavaScript通过强大的对象为我们提供日期处理功能：日期。 本文确实不是谈论Moment.js，我认为它是处理日期的最佳库，你应该在处理日期时几乎总是使用它。 Date对象实例表示单个时间点。 尽管被命名为Date，它也处理时间。 我们使用初始化Date对象： 这将创建一…

在JavaScript当中，对象A如果要继承对象B的属性和方法，那么只要将对象B放到对象A的原型链上即可。而某个对象的原型链，就是由该对象开始，通过__proto__属性连接起来的一串对象。__proto__属性是JavaScript对象中的内部属性，任何JavaScript对…

前端时间学习Vue的时候，碰到Proxy，当时就一脸蒙逼了。所以返过头来补一下相关的知识。在JavaScript中有Proxy和Reflect的两个概念。最近几天一直在学习这两个概念，今天整整这方面的相关知识点。 Proxy又称为代理。在现实生活中，大家对代理二字并不会太陌生，…

抽象语法树（AST），是一个非常基础而重要的知识点，但国内的文档却几乎一片空白。 本文将带大家从底层了解AST,并且通过发布一个小型前端工具，来带大家了解AST的强大功能 Javascript就像一台精妙运作的机器，我们可以用它来完成一切天马行空的构思。 我们对javascri…

或许是因为 ES7/ES8 更新的东西相比 ES6 来说比较少，所以关于他们的文章和知识也就用得比较少，反正我也是整理一点咯。 Array.prototype.includes() 使用场景：验证数组中是否存在某个元素。 1-不使用ES7 使用 indexOf() 判断返回值是…

CSS3 box-shadow 属性用来描述一个元素的一个或多个阴影效果，该属性几乎可以让你完成你想要的任何阴影效果。然而 box-shadow 属性语法和取值非常灵活，对于新手有点不容易理解。今天总结一下语法和 box-shadow 属性各种阴影效果。 取值说明： – ins…

这个列表包括了 100 多本经典技术书籍，涵盖：计算机系统与网络、系统架构、算法与数据结构、前端开发、后端开发、移动开发、数据库、测试、项目与团队、程序员职业修炼、求职面试 和 编程相关的经典书籍。 本列表综合了伯乐在线网站以往推荐经典书籍文章中的列表，以及在微信和微博中被广泛…

CSS 的伪类选择器和伪元素选择器，让 CSS 有了更为强大的功能。 伪类大家听的多了，伪元素可能听到的不是那么频繁，其实 CSS 对这两个是有区分的。 有个错误有必要每次讲到伪类都提一下，有时你会发现伪类元素使用了两个冒号 (::) 而不是一个冒号 (:)，这是 CSS3 规…

前段时间做某系统审核后台，出现了审核人员截图把内容外泄露的情况，虽然截图内容不是特别敏感，但是安全问题还是不能忽视。于是便在系统页面上面加上了水印，对于审核人员截图等敏感操作有一定的提示作用。 Canvas兼容性 这里我们用canvas来生成base64图片，通过CanIUse…

WebView缓存原理分析和应用

前一周敢玩新版PC端上线，其中原创视频封面用的就是上图的效果，下面详细说一下怎么实现 这个效果有着相对较好的用户体验，在 hover 的基础上又有了与用户交互的体验，仿佛用户一直在不同角度按压这张图片。 当然这个效果早就有人在写并用于官网了，感兴趣可以去锤子官网，看下轮播图的鼠…

前端测试或许被好多人误解，也许大家更加倾向于编写面向后端的测试，逻辑性强，测试方便等 聊到这导致了好多前端从来不写测试（测试全靠手点～～～） 其实没必要达到测试驱动开发的程度，只要写完代码可以补测试，并且补出高效的测试，前端或许真的不需要手点 大前端时代不谈环境不成方圆，本文从…

以前iOS版本降级使用 Helvetica。 中文字体设置为华文黑体STHeiTi， iOS 9+ 就开始支持 -apple-system 参数了， Chrome 使用 BlinkMacSystemFont ，兼容 iOS/MacOS。 现在很多设计师的字体都是PingFang…

Nodejs 发布了六月安全更新，建议开发者更新到 10.4.1 版本，包含对 HTTP/2 拒绝服务攻击、TLS 拒绝服务等的预防。🔗 五月底，欧盟的通用数据保护协议 GDPR 进入强制执行阶段，用户数据采集方式的不合规将导致欧盟追责，此举将影响各大全球化公司。对用户隐私的…

记得从刚入门前端第一天开始，当时的师傅就跟我介绍了一个可以抓取一些必须要在微信浏览器打开的链接的工具Fiddler，主要用来抓取这些网页的源码，确实是非常好用，当然后来知道有了微信开发者工具，可以直接在里面调试之后，就感觉Fiddler的作用好像也没有那么大了。直到今天，突然看…

上篇文章我们对渐进式Web应用（PWA）做了一些基本的介绍。 渐进式Web应用（PWA）入门教程（上） 在这一节中，我们将介绍PWA的原理是什么，它是如何开始工作的。 渐进式Web应用程序需要使用HTTPS连接。虽然使用HTTPS会让您服务器的开销变多，但使用H…

最近关于渐进式Web应用有好多讨论，有一些人还在质疑渐进式Web应用是否就是移动端未来。 但在这篇文章中我并不会将渐进式APP和原生的APP进行比较，但有一点是可以肯定的，这两种APP的目标都是使用户体验变得更好。 移动端Web应用有很多优秀的概念让人应接不暇，但好在编…