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

moment太重? 那就试试miment–一个超轻量级的js时间库；整理了js数组去重4种方法；JavaScript：处理值为’undefined’的7个技巧；Vue开发库存管理前端页面时一些小经验记录；require.js了解一下；ES6 中的一些技巧，使你的代码更清晰、更简短、更易读；前端部署工具；GitHub 十大 CI 工具

moment太重? 那就试试miment–一个超轻量级的js时间库 Miment 是一个轻量级的时间库（打包压缩后只有1K）,没有太多的方法， Miment的设计理念就是让你以几乎为零的成本快速上手，无需一遍一遍的撸文档由来首先致敬一下Moment，非常好用的一个时间库，我本身也是Moment重度使用者，用习惯了Moment, 一碰到需要处理时间的需求，立马Moment,不过有时候想想，Moment给我们…
整理了js数组去重4种方法 1.利用es6的iterable数据结构set 原理： ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。利用的算法类似’===’，与’===’的区别是 ‘===’认为NaN != NaN ,set的算法认为它们是相等的，但是set认为对象都是不相等的。 Set 本身是一个构造函数，用来生成 Set 数据结构。…
JavaScript：处理值为’undefined’的7个技巧我刚刚开始学习JavaScript时，大约是八年前，当时我对于undefined 和 null 比较困惑，因为他们都表示空值。他们有什么明确的区别吗？他们似乎都可以定义一个空值，而且当你进行在做null ===undefined 的比较时，结果是true
Vue开发库存管理前端页面时一些小经验记录场景是在项目中很多地方都需要用到相同的函数，例如 this.$message({ type: ‘success’, message: ‘提示语’ }) 如果出现次数过多，会造成书写麻烦和代码复杂的情况。解决思路：首先对函数进行抽象封装，封装后利用vue的mixin将其注入到各个vue中。因为这里的函数是大部分组件中都可能用到的，固利用vue的全…
require.js了解一下阮一峰博客上面对于requirejs的介绍比较通俗易懂，今天转载一下！（只作自己复习只用，涉及侵权请联系我）一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不
ES6 中的一些技巧，使你的代码更清晰、更简短、更易读原文地址：https://medium.freecodecamp.org/make-your-code-cleaner-shorter-and-easier-to-read-es6-tips-and-tricks-afd4ce25977c 更多内容请见译者 Blog：https://github.com/elevenbeans/elevenbeans.github.io 模版字符串模板模版字符串使得字符串拼接比以前更容易。它以反向标记（Ta…
前端部署工具 Fas —— 前端部署工具特性支持七牛 CDN 空间上传快速支持 vue 项目静态化安装 $ npm
GitHub 十大 CI 工具简评：GitHub 上最受欢迎的 CI 工具。持续集成（Continuous integration）指的是，频繁地（一天多次）将代码集成到主干。持续集成工具让产品可以快速迭代，同时还能保持高质量，可以快速的发现错误，防止分支大幅偏离主干。持续交付（Continuous delivery）指的是，频繁地将软件…
javascript中console的用法最近在掘金以及其他网站上看到很多关于console的帖子，由于本身前端对于console和alert调试数据逻辑很普遍所以就想整理一下console的用法如果还有没被整理出来的请留言，共同进步。好了翠花上酸菜： console.log 对于console.log（）应该很熟悉往往传一个变量或字符串以便检查函数是否调用等或打…
Google JavaScript Style 指南中 13 个要点
【JS高级之面试必须知道的几个点】这段时间突然发现JS原生好多东西都忘记了,但有些东西确实很重要,所以又重新再梳理一次。主要有函数的3种定义方法，ES5函数this指向，call与appl用法,JS常见的4种设计模式,原型链,原型链和继承的方式(ES5和ES6) 全文=> 前言这段时间突然发现JS原生好多东西都忘记了,但有些东西确实很重要,所以又重新再梳理一次。主要有函数的3种定义方法，ES5函数this指向，call与appl用法,JS常见的4种设计模式,原型链,原型链和继承的方式(ES5和ES6) 1.函数的3种定义方法 1.1 函数声明 //ES5 function getSum(){} function (){}//…
《Git 12 岁了，为你送上 12 个 Git 的使用技巧！》为了纪念Git的12岁生日，这篇文章提供12个诀窍与技巧来让你的Git经验更加有用和强大，从一些你可能会忽视的基础开始到一些真正的强大技巧！（by 开源中国）
萌新(我)的Git备忘录又是喜闻乐见的背景时间–最近也开始接触面试了，发现很多童鞋对git十分陌生，甚至听到git有点恐慌，不过这样无可厚非，毕竟如果是自己单干的话确实可能接触不到协作层面的情境。对的，比如说我本文只适合我等萌新，大佬可能就不需要继续看下去啦，如果是帮忙纠正错误
Redux：全揭秘与入坑指北（上） createStore.js 关于state初始值 combinReducer.js 一个reducer对应state里的一个属性对应一个组件 dispatch bindActionCreators.js react-r
Node.js 能进行 HTTP/2 推送啦原文地址：Node.js can HTTP/2 push! 原文作者：Node.js Foundation 译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m… 译者：Raoul1996 校对者：Starriers、FateZe
浅度理解NodeJS的HTTP模块 HTTP模块是NodeJS自带的核心模块，其用法简单，只要创建一个服务器，然后监听端口，整个服务就跑起来啦 let http = require('http'); let server = http.createServer(function(req,res)
简单实现 VUE 中 MVVM – step4 – 优化Watcher实现看这篇之前，如果没看过之前的文章先移步看简单实现 VUE 中 MVVM – step1 – defineProperty 简单实现 VUE 中 MVVM – step2 – Dep
performance-report页面性能、资源、错误、ajax，fetch请求上报插件完善小巧 performance-report只做页面性能数据的采集和上报，是比较完整和健全的数据上报插件，它可以帮你完成以下功能：当前页面URL (data.page)上一页面URL （data.preUrl）当前浏览器版本信息（data.appVersion）页面
Web SCADA 电力接线图工控组态编辑器前言 SVG并非仅仅是一种图像格式，由于它是一种基于XML的语言，也就意味着它继承了XML的跨平台性和可扩展性，从而在图形可重用性上迈出了一大步。如SVG可以内嵌于其他的XML文档中，而SVG文档中也可以嵌入其他的X…
【VuePress中文网】VuePress 由两部分组成：一个以 Vue 驱动的主题系统的简约静态网站生成工具，和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。由 VuePress 生成的每个页面，都具有相应的预渲染静态 HTML，它们能提供出色的加载性能，并且  全文
WebSocket 是什么原理？为什么可以实现持久连接？额。。最高票答案没答到点子上，最后怎么跑到Nodejs上去了。。Websocket只是协议而已。。我一个个来回答吧一、WebSocket是HTML5出的东西（协议），也就是说HTTP协议没有变化，或者说没关系，但HTTP是不支持持久连接的（长连接，循环连接的
关于Cookie、session和Web Storage 一边学习前端，一边通过博客的形式自己总结一些东西，当然也希望帮助一些和我一样开始学前端的小伙伴。如果出现错误，请在评论中指出，我也好自己纠正自己的错误 author： thomaszhou cookie和session的区别 cookie数据
React v16升级小记 What's new in React16 Error Boundaries Fragments ／ Strings Portals ReactDOMServer DOM Attributes Fiber What's new in React16.2.0
从零开始实现一个React（四）：异步的setState前言在上一篇文章中，我们实现了diff算法，性能有非常大的改进。但是文章末尾也指出了一个问题：按照目前的实现，每次调用setState都会触发更新，如果组件内执行这样一段代码： {代码…} 那么执行这段代码会导…
100行代码实现的JavaScript MVC样式框架介绍使用过 JavaScript框架（如 AngularJS, Backbone 或者Ember）的人都很熟悉在UI（用户界面，前端）中mvc的工作机理。这些框架实现了MVC，使得在一个单页面中实现根据需要变化视图时更加轻松，而模型-视图-控制器（mvc）的核心概念就是：处理传入请求的控制器、显示信息的视图、表示业务规则和数据访问的模型。因此…
从源码全面剖析 React 组件更新机制 React 把组件看作状态机(有限状态机), 使用state来控制本地状态, 使用props来传递状态. 前面我们探讨了 React 如何映射状态到 UI 上(初始渲染), 那么接下来我们谈谈 React 时如何同步状态到 UI 上的, 也就是: React
【20180418 前端开发日报】你真的了解JS数组的那些方法吗？；ES6 javascript 实用开发技巧；webpack从此不再是我们的痛点 — 核心基础；简易实用的JavaScript日期时间操作；Angular DOM 更新机制；写一个简单vue 中间件，$emit、$on；Step-by-ste…详情→
低门槛彻底理解JavaScript中的深拷贝和浅拷贝在说深拷贝与浅拷贝前，我们先看两个简单的案例： //案例1 var num1 = 1, num2 = num1; console.log(num1) //1 console.log(num2) //1 num2 = 2; //修改num2 console.l
从零开始：用REACT写一个格斗游戏(一) 注：本介绍是分享过程并且寻求高手指点的，作者是个前端小学生，希望大家多多建议并参与最近为了熟悉Bone框架，就准备用react写一个简单的格斗游戏练练手。目前用2天时间完成了游戏的前期准备工作。可以控制人物前进，后退，攻击，跳跃，发动技能等操作，但是总觉得操
React v16.3.0：新的生命周期和上下文API 作者 Brian Vaughn 2018年3月29日几天前，我们写了一篇关于对以前的生命周期方法进行更改的文章, 包括逐步迁移策略。在React 16.3.0中，我们正在添加一些新的生命周期方法来辅助迁移。我们还为长期被要求的功能引入了新的