模板引擎的作用就是将模板渲染成html，html = render(template,data)，常见的js模板引擎有Pug,Nunjucks,Mustache等。网上一些制作模板引擎的文章大部分是用正则表达式做一些hack工作，看完能收获的东西很少。本文将使用编译原理那套理论…

首先要说的是我不喜欢雅黑，当然也不喜欢超过12px的宋体，从macbook回到win后一段时间很纠结各种字体，好在有个神器叫做 Advanced Font Settings，让我看网页更加舒心。

1.vscode-color-highlight------颜色代码高亮插件。（sublime text也有） 2.vscode-Open in Browser------右键在浏览器打开。（sublime text也有） 3.vscode-Path Intellisense-…

为纪念美国现代舞舞蹈家玛莎·葛兰姆诞辰，Google Doodle推出了一款极其炫酷的LOGO，整个LOGO使用CSS Sprite技术，利用一个初始图片和一张画满各个动作的拼接图片，实现了动画，而非传统的GIF动画图像。

巧妙利用flex, 实现下面的效果~ 无需js来获取clientWidth 0.gif 有时候会做一些小的宽度变换, 比如居中到居左的变换, 例如上面的搜索的placeholder 我之前试过4种居中到居左的切换 大概知道方式的, 就不细写了~ 其中0是有transition动…

JQuery有非常多的选取节点的方法，但是采用这些方法选取节点时所影响到的性能是完全不一样的，用更合适的选择器去选取节点，是使用JQuery时优化浏览器性能的一个可考虑方向。 首先，我们的建立一个有着复杂样式的无序列表。 我们采用选取循环50000次的无序列表中的一个方法，来测…

CSS中如何完美做到居中，一直是令前端工程师头疼的问题。最近读到CSS-TRICKS中的一篇帖子，将居中问题的解决方案策略化。感觉收获很大，翻译过来供大家交流学习。 我认为问题的关键，不在于怎么做，而在于我们如何从诸多居中方法中选择出适应当前情景的。 所以接下来，让我们一起创建…

今年早些时候我们曾报道过，谷歌浏览器在 2018 年将要打击低质量的广告以及自动播放内容。现在它们又多了一个新的目标 —— 打击不必要的重定向。 谷歌在今天表示，来自桌面版 Chrome 用户的每 5 个反馈报告中，就有 1 个提到会遇到不需要的内容。因此，谷歌宣布了一系列保护…

大家都知道，HTTP 本身是明文传输的，没有经过任何安全处理，网站HTTPS解决方案通过在HTTP协议之上引入证书服务，完美解决网站的安全问题。本文将为大家介绍阿里云CDN HTTPS安全加速传输的基础概念、解决方案、技术优势和优化实践。 需求推进技术革命，互联网是如此诞生，H…