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

2018 年，React 将独占前端框架鳌头？；基于手淘 flexible 的 Vue 组件：Toast — 显示框；Vue 2.5.12 和 2.5.13 发布，轻量级 JavaScript 框架；2017下半年掘金日报优质文章合集：前端篇；摧枯拉朽，说说ES6的三把火；vue-cli 解析；javascript组件化；2017 年最热门 JavaScript 链接

2018 年，React 将独占前端框架鳌头？相比 Angular 和 Vue， React 是 2017 年的主要 JS 框架，尤其是 React Native 以前所未有的速度提升自己。 Stateofjs 2017前端框架调查结果相比较 2016 年的调查结果所以，1 年过去了，Vue.js 显然在前端框架中占据了领导地位，React 的增长也相对稳定，Angular 缺无法企及这两个对手。与 2016…
基于手淘 flexible 的 Vue 组件：Toast — 显示框基于手淘 flexible.js 的 Vue 组件前言：目前手头的移动端Vue项目是用手淘的 lib-flexible 作适配的，并用px2rem 来自动转换成rem。关于lib-flexible和px2rem的配置，请移步 vue-cli 配置 flexible 。由于使用rem作适配，导致现有的很多移动端UI框架不能与之很好的配合，往往需要大动干戈更改U…
Vue 2.5.12 和 2.5.13 发布，轻量级 JavaScript 框架 Vue 2.5.12 和 2.5.13 发布了。Vue 是一款轻量级 JavaScript 框架。主要更新内容如下： 2.5.12 修复 core: revert prop object validation 01c0750 , closes #7279 改进 core: allow symbol as vdom key bacb911 , closes #7271 core: prop bindings with inline Object/Array literal…
2017下半年掘金日报优质文章合集：前端篇在掘金微信群里的小伙伴应该都有看每日小报吧！这是小饼每天为大家精选的优质掘金文章（大家都很爱学习，我已经跟不上了QAQ..）小饼已经被N位群友连续几周催着出小报合集了，2017年马上就要结束了，拖延症绝不拖到明年！这就给大家整理出来——掘金2017下半年优质小
摧枯拉朽，说说ES6的三把火我是 Jser 我骄傲 JavaScript 如今可谓是屌丝逆袭高富帅的代名词哈，从当初闹着玩似的诞生到现在 Github 上力压群雄的人气王，JS 搭着互联网的顺风车一路高歌，本身也从一个爷爷不疼奶奶不爱的杀马特小脚本蜕变为一门高大上的主流编程语言。运气固然
vue-cli 解析前言这段时间，算是空出手来写几篇文章了。由于很久都没有时间整理现在所用的东西了，所以，接下来会慢慢整理出一些文档来记录前段时间的工作和生活。这篇文章的主题是vue-cli的理解。或许，很多人在开发vue的时候，我们会发现一个问题——只会去用，而不明白它的里面的东西。现在的框架可以说是足够…
javascript组件化作为一名前端工程师，写组件的能力至关重要。虽然javascript经常被人嘲笑是个小玩具，但是在一代代大牛的前仆后继的努力下，渐渐的也摸索了一套组件的编写方式。下面我们来谈谈，在现有的知识体系下，如何很好的写组件。比如我们要实现这样一个组件，就是一个输入框
2017 年最热门 JavaScript 链接 2017年即将过去，是时候进行反思回顾了，看看过去一年里大家在谈论什么项目，大家在点击什么JavaScript话题。为此，我们研究了一下JavaScript周报(JavaScript Weekly)档案。熟悉的人都知道，它是一份电子邮件简报，每周发布一次，有超过13000个开发人品与程序员订阅。这份简报每周都把过去一星期最佳的JavaScr…
2017前端监控系统探索总结背景在当下互联网行业，监控概念与重要性已经不需要再进行阐述，然而监控分为多种，对物理层（机房，云主机）的监控，对传输链路的监控，对已部署服务的监控等等，而后端的代码通常直接运行在服务器并处于24小时实时的监控状态之下，一旦服务的可用性出现问题，SRE和DEV
2017 年前端有什么样变化？即将来临的 2018 有什么样的期待？暂时想到这些，持续更新（如果有遗漏请评论或私信告知我）。在即将过去的2017年里，我们回顾：逃不过的三大框架 React 继续在前端领域占据着主导地位，并在 2017 年发布了最受期待的版本之一 – React 16。它包含了可以实现异步 UI 渲染的 fiber 架构。通过提供包括错误边…
很全很全的前端本地存储讲解离职中，有招人的求推荐一下，评论或者私信我邮箱和公司，我发简历给你，最近一直在搞基础的东西，弄了一个持续更新的github笔记，可以去看看，诚意之作（本来就是写给自己看的……）链接地址：Front-End-Basics 此…
CSS3的动画属性 transition、animation和transform是CSS3中三个制作动画的重要属性，本篇文章主要对其进行学习了解。一、transition transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被
JavaScript 中的操作符在 JavaScript 中使用操作符时，最经常用到，也最容易搞错的，就是在使用操作符时 JavaScript 引擎自动进行的隐式类型转换。本文会从 ECMA 规范的层面来讲一下不同操作符在执行时的运行规则，从规范的角度来理解一个操作符的结果为什么是输出的那样，以及具体实现与规范不同的地方。关系操作符关系操作…
使用 Webpack 打包单页应用的正确姿势前言：在现代前端工程中，模块化已经成了前端项目组织文件的标配，网站上线前都会把需要的相关模块预先打包、处理一番。然而打包的方式多种多样，如何才能最优雅的分离业务代码和依赖库、如何才能最高效的利用缓存？本文将会和大家分享饿了么前端团队总结的各方案优劣、踩过的坑，
前端模块化，AMD与CMD的区别最近在研究cmd和amd，在网上看到一篇不错的文章，整理下看看。在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀 …
python实现网页截屏、查库、发邮件（selenium、phantomjs、mailer、jinja2、mysqldb）使用python（2.7）实现网页截屏、查库、发邮件的demo。用到了selenium、phantomjs、mailer、jinja2、mysqldb还有image，都是比较典型的用法，可复用性比较强，记录一下。代码本demo是用于发周报邮件的，周报内容包括数据库中的记录以及网页指定元素的截屏。linux中可以用crontab每周定时发送。…
stick：nodejs 的 TCP 中的粘包、分包问题的解决方案 StickPackage，NodeJs中TCP粘包、分包解决方案！持续更新，源码地址，喜欢的话请点star，想订阅点watch 目录安装配置介绍 API 更新记录使用方法案例演示安装 npm i stickpackage 配置介绍提供对TCP粘包处理的解…
用 TypeScript 和 css-in-js 的方式写 react app Create react app with TypeScript & css-in-js. Get Started Init a project: $ yarn add create-react-app
走进snabbdom—Vue2背后的Virtual-DOM的机制 snabbdom是一个Virtual-DOM的实现库，它专注于使用的简单以及功能和的模型化，并在效率和性能上有着很好的表现。如果你还不知道什么是Virtual-DOM技术，它是一种网页中通过diff算法来实现网页修改最小化的方法，react底层使用了这样的机制来提高性能。从Vue2发布开始，也开始使用了这样的机制。Vue并没有选择自己重新…
《“懒”的妙用——浅析图片懒加载技术》图片懒加载是一种网页优化技术。图片作为一种网络资源，在被请求时也与普通静态资源一样，将占用网络资源，而一次性将整个页面的所有图片加载完，将大大增加页面的首屏加载时间。（by 火头军人/朱思逸）
你不知道的前端算法之热力图的实现本文作者：TalkingData 可视化工程师李凤禄编辑：Aresn inMap 是一款基于 canvas 的大数据可视化库，专注于大数据方向点线面的可视化效果展示。目前支持散点、围栏、热力、网格、聚合等方式；致力于让大数据可视…
WebSocket协议小记在一两年前就已经使用过websocket协议，但是当时也仅仅是停留在使用上，对于很多原理以及协议的实现没有过多的理解。在很长一段时间里，我对websocket都还只是停留在“会用”的阶段。最近总算有时间来捣鼓捣鼓一些底层原理性的东西，算是查缺补漏吧。让我们进入我们的主题——websocket。 WebSocket 初探首先…
node.js用fs.rename强制重命名或移动文件夹在日常对电脑中的一些的文件或者文件夹操作的时候，windows系统可能会弹出相应的对话框，提示我们文件或者文件夹无法重命名。这是由于文件或者文件夹中的文件被系统某些正在运行的进程占用的。我们可以找到占用文件的进程将其结束掉，然后重命名文件或者文件夹。但是这个过程相对麻烦，难度用编程实现。并且在node….
用 webpack 写一个简单的 JS SDK 最近项目中需要提供一个封装的JS SDK，虽然目前是一个很简单的功能，但是为了日后便于维护，扩展，因此还是选用了 webpack 作为打包工具，作为参考，推荐一篇上好的文章，感兴趣的朋友可以先阅读一下 JavaScript SDK Design Guide （中文翻译： JavaScript SDK设计指南）目标作为一个SDK，我想达到如下的目…
Webpack实战-加载SVG SVG 作为矢量图的一种标准格式，已经得到了各大浏览器的支持，它也成为了 Web 中矢量图的代名词。在网页中采用 SVG 代替位图有如下好处： SVG 相对于位图更清晰，在任意缩放的情况下后不会破坏图形的清晰度，SVG 能方便地解决高分辨率屏幕下图像显示不清楚的问题。在图形线条比较简单的情况下，SVG 文件的大…
【20171227 前端开发日报】题解JavaScript作用域；vue 数独；跟着Vue-cli来'学'并'改'Webpack之打包优化；Vuex 的应用场景；Vue组件实战；前端开发人员需要知道的JavaScript简写技巧（高级篇）；更便捷的css处理方式-PostC…详情→
Angular4学习之依赖注入在一个项目中，组件和服务之间存在错综复杂的关系，为了最小程度的耦合，我们需要来管理组织这种关系，依赖注入就是管理这种关系的一种方式。为什么要使用依赖注入在学习一个概念之前，我们必须要知道我们为什么要学习这个东西，这个东西究竟解决了什么问题。就好比这里讲到的，依赖注入究竟解决了什么问题。要解…