20170328 前端开发日报-前端开发博客

15 个有趣的 JS 和 CSS 库（2017 年 3 月）；Chrome DevTools: 在 Profile 性能分析中显示原生 JS 函数；2016 前端开发技术巡礼；javascript 正则表达式总结；A Prettier JavaScript Formatter；细说 HTTP 缓存机制；从前端界面开发谈微信小程序体验；11款流行的HTML5网站模板（完全免费）

15 个有趣的 JS 和 CSS 库（2017 年 3 月）我们创办 Tutorialzine 的使命是让你及时的了解 Web 开发中最新、最酷的趋势。所以，每个月我们都会发布一些精心挑选的优秀 Web 开发资源，同时我们也相信，它们值得你的关注。 1. Propeller Propeller 是基于 Bootstrap 与谷歌的 Material Design 的 CSS 组件框架。它包含了 25 个响应式组件，同时具备典型的…
Chrome DevTools: 在 Profile 性能分析中显示原生 JS 函数 Chrome DevTools: 在 Profile 性能分析中显示原生 JS 函数
2016 前端开发技术巡礼 2016 前端开发技术巡礼
javascript 正则表达式总结 javascript 正则表达式总结
A Prettier JavaScript Formatter 翻译 Prettier 作者文章
细说 HTTP 缓存机制缓存在 HTTP 中占据了重要地位。缓存有哪些优势？缓存文件的流程是怎样的？缓存怎么知道已存文档是否过期？… 如果你对上述问题还是一知半解，那么这篇文章值得一读
从前端界面开发谈微信小程序体验 [腾讯云技术社区-掘金主页持续为大家呈现云计算技术文章，欢迎大家关注！作者介绍：练小习，2011年加入搜狐，负责搜狐相册的产品策划与前端开发。2015年后加入腾讯 ISUX (社交用户体验设计部)，目前主要负责腾讯云的UI开发工作，专注于人机交互，有丰富的UI开发经验。
11款流行的HTML5网站模板（完全免费）今天我们整理了一些优秀免费无版权限制的 HTML5网站模板，有不同的类型，比如作品展示用的模板适合摄影师、设计师、企业产品展示等。
【React 源码分析】组件通信、refs、key 和 ReactDOM React 源码系列文章，请多支持！
js 中关于循环的那些 API 针对 js 中关于循环的方法的总结，并且通过一个案例练习多种方法
ECharts + three.js 一百行代码写出可交互的三维地球用 ECharts 来画地图，用 three.js 来构建三维场景。只需要一百行左右的代码，就可以构造出一个可旋转，可点击的三维地球。
CSS技巧（二）：形状包括自适应椭圆、平行四边形、菱形图片、切角效果、梯形标签页、简单的饼图
HTTPS 加密算法原理详解 HTTPS的概念，加密算法等，说的非常齐全
手机QQweb React同构直出优化总结原文地址 https://github.com/joeyguo/blog/issues/9 React 的实践从去年在 PC QQ家校群开始，由于 PC 上的网络及环境都相当好，所以在使用时可谓一帆风顺，偶尔遇到点小磕绊，也能够快速地填补磨平。而最近一段时间，我们将手Q的家校群重
Vagrant – 打造一份通用的前端开发环境 Vagrant 是一款可以推荐的用于开发环境下稳定的工具，抛弃掉所有复杂的配置，一条命令搞定一个开发环境
ELF – 灵活可扩展的 HTML5 构建工具 ELF – 面向开发者的灵活可扩展的 HTML5 构建工具，提供命令行工具 elf（基于 Webpack），无需构建配置文件并可进行开发，可用来制作各种 HTML5 场景营销活动页面，也可自由的通过模板和组件的组合来快速定制开发。
聊聊前端开发的测试我理解的写测试其实是你写一些代码来验证你所谓的可以交付的代码是你所预期的设计，有一些朋友叫他 TDD 也就是测试驱动型的设计，其实到底是先写代码还是先写测试，并不是最重要的，倒是能给你信心这个代码是符合设计的更重要。
平时自己项目中用到的css css有些属性容易忘记，半天不写就要去查api，有时候api还不好使，于是还是记下来以后方便用，后续会慢慢补充进来的。 Github: https://github.com/asd0102433/blog博客长期更新，喜欢的朋友star一下 outline 当选中input元
Angular 2 + 折腾记：(4) 初步了解路由及使用前言路由这块的水挺深，我这里扯扯我用过的一些特性及一丢丢的经验概念性的东西言简意赅的总结一下：路由就是控制视图与视图之间的跳转，之间还可以传递参数什么的,路由的退后及前进不会完整的请求整个页面，还可以完全不请求(在生命周期里面控制); angular 2 + 里面有两
RxJS 常用操作符详解详细介绍 RxJS 中常用的操作符
我的 NodeJS 一年之旅总结这是《为什么我从Python转换到Node.js》这篇文章的后续。《为什么我从Python转换到Node.js》写于一年多前，主要是说因为我对Python感到失望于是打算尝试Node。一年的内部CLI工具，客户项目和更新公司产品的历练，正是我所学到的东西。不仅是Node，JavaScript也很不错。易于学习，但不可能完全掌握 Node很容易学习。…
《移动端输入框填坑系列（一）》当我们字数限制为16个字，需要实时检查是否到16字。输入文字时，当有非直接的文字输入时，监听keydown事件和input事件都会直接触发判断字数逻辑，会截断我们正在输入的文字。（by AlloyTeam）
《脚本错误量极致优化-监控上报与Script error》在前端开发工作中，除了项目开发保质保量上线以外，项目的数据监控也应该配套起来，确保线上的正常运转。如上报 pv 监控项目是否正常运转；测速上报反应项目质量。（by AlloyTeam ）
《前端安全之XSS攻击》 XSS（cross-site scripting跨域脚本攻击）攻击是最常见的Web攻击，其重点是“跨域”和“客户端执行”。（来自：海角在眼前）