20180419 前端开发日报

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

  1. moment太重? 那就试试miment--一个超轻量级的js时间库 Miment 是一个轻量级的时间库(打包压缩后只有1K),没有太多的方法, Miment的设计理念就是让你以几乎为零的成本快速上手,无需一遍一遍的撸文档 由来 首先 致敬一下Moment,非常好用的一个时间库,我本身也是Moment重度使用者,用习惯了Moment, 一碰到需要处理时间的需求,立马Moment,不过有时候想想,Moment给我们...
  2. 整理了js数组去重4种方法 1.利用es6的iterable数据结构set 原理: ES6 提供了新的数据结构 Set。它类似于数组,但是 成员的值都是唯一的,没有重复的值。 利用的算法类似'===',与'==='的区别是 ‘===’认为NaN != NaN ,set的算法认为它们是相等的,但是set认为对象都是不相等的。 Set 本身是一个构造函数,用来生成 Set 数据结构。...
  3. JavaScript:处理值为'undefined'的7个技巧 我刚刚开始学习JavaScript时,大约是八年前,当时我对于undefined 和 null 比较困惑 ,因为他们都表示空值。他们有什么明确的区别吗?他们似乎都可以定义一个空值,而且 当你进行 在做null ===undefined 的比较时,结果是true
  4. Vue开发库存管理前端页面时一些小经验记录 场景是在项目中很多地方都需要用到相同的函数,例如 this.$message({ type: 'success', message: '提示语' }) 如果出现次数过多,会造成书写麻烦和代码复杂的情况。 解决思路:首先对函数进行抽象封装,封装后利用vue的mixin将其注入到各个vue中。 因为这里的函数是大部分组件中都可能用到的,固利用vue的全...
  5. require.js了解一下 阮一峰博客上面对于requirejs的介绍比较通俗易懂,今天转载一下!(只作自己复习只用,涉及侵权请联系我)一、为什么要用require.js?最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不
  6. 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...
  7. 前端部署工具 Fas —— 前端部署工具 特性 支持七牛 CDN 空间上传 快速支持 vue 项目静态化 安装 $ npm
  8. GitHub 十大 CI 工具 简评:GitHub 上最受欢迎的 CI 工具。 持续集成(Continuous integration)指的是,频繁地(一天多次)将代码集成到主干。 持续集成工具让产品可以快速迭代,同时还能保持高质量,可以快速的发现错误,防止分支大幅偏离主干。 持续交付(Continuous delivery)指的是,频繁地将软件...
  9. javascript中console的用法 最近在掘金以及其他网站上看到很多关于console的帖子,由于本身前端对于console和alert调试数据逻辑很普遍 所以就想整理一下console的用法 如果还有没被整理出来的请留言,共同进步。好了  翠花 上酸菜: console.log 对于console.log()应该很熟悉 往往传一个变量或字符串以便检查函数是否调用等或打...
  10. 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 (){}//...

    JS高级之面试必须知道的几个点
  11. Git 12 岁了,为你送上 12 个 Git 的使用技巧!》为了纪念Git的12岁生日,这篇文章提供12个诀窍与技巧来让你的Git经验更加有用和强大,从一些你可能会忽视的基础开始到一些真正的强大技巧! (by 开源中国) ​​​

    Git 12 岁了,为你送上 12 个 Git 的使用技巧
  12. 萌新(我)的Git备忘录 又是喜闻乐见的背景时间--最近也开始接触面试了,发现很多童鞋对git十分陌生,甚至听到git有点恐慌,不过这样无可厚非,毕竟如果是自己单干的话确实可能接触不到协作层面的情境。对的,比如说我 本文只适合我等萌新,大佬可能就不需要继续看下去啦,如果是帮忙纠正错误
  13. Redux:全揭秘与入坑指北(上) createStore.js 关于state初始值 combinReducer.js 一个reducer对应state里的一个属性对应一个组件 dispatch bindActionCreators.js react-r
  14. Node.js 能进行 HTTP/2 推送啦 原文地址:Node.js can HTTP/2 push! 原文作者:Node.js Foundation 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:Raoul1996 校对者:Starriers、FateZe
  15. 浅度理解NodeJS的HTTP模块 HTTP模块是NodeJS自带的核心模块,其用法简单,只要创建一个服务器,然后监听端口,整个服务就跑起来啦 let http = require('http'); let server = http.createServer(function(req,res)
  16. 简单实现 VUE 中 MVVM - step4 - 优化Watcher实现 看这篇之前,如果没看过之前的文章先移步看 简单实现 VUE 中 MVVM - step1 - defineProperty 简单实现 VUE 中 MVVM - step2 - Dep
  17. performance-report页面性能、资源、错误、ajax,fetch请求上报插件 完善小巧 performance-report只做页面性能数据的采集和上报,是比较完整和健全的数据上报插件,它可以帮你完成以下功能:当前页面URL (data.page)上一页面URL (data.preUrl)当前浏览器版本信息 (data.appVersion)页面
  18. Web SCADA 电力接线图工控组态编辑器前言 SVG并非仅仅是一种图像格式, 由于它是一种基于XML的语言,也就意味着它继承了XML的跨平台性和可扩展性,从而在图形可重用性上迈出了一大步。如SVG可以内嵌于其他的XML文档中,而SVG文档中也可以嵌入其他的X...
  19. VuePress中文网】VuePress 由两部分组成:一个以 Vue 驱动的主题系统的简约静态网站生成工具,和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。 由 VuePress 生成的每个页面,都具有相应的预渲染静态 HTML,它们能提供出色的加载性能,并且 ​​​ 全文
  20. WebSocket 是什么原理?为什么可以实现持久连接? 额。。最高票答案没答到点子上,最后怎么跑到Nodejs上去了。。Websocket只是协议而已。。我一个个来回答吧 一、WebSocket是HTML5出的东西(协议),也就是说HTTP协议没有变化,或者说没关系,但HTTP是不支持持久连接的(长连接,循环连接的
  21. 关于Cookie、session和Web Storage 一边学习前端,一边通过博客的形式自己总结一些东西,当然也希望帮助一些和我一样开始学前端的小伙伴。 如果出现错误,请在评论中指出,我也好自己纠正自己的错误 author: thomaszhou cookie和session的区别 cookie数据
  22. React v16升级小记 What's new in React16 Error Boundaries Fragments / Strings Portals ReactDOMServer DOM Attributes Fiber What's new in React16.2.0
  23. 从零开始实现一个React(四):异步的setState前言 在上一篇文章中,我们实现了diff算法,性能有非常大的改进。但是文章末尾也指出了一个问题:按照目前的实现,每次调用setState都会触发更新,如果组件内执行这样一段代码: {代码...} 那么执行这段代码会导...
  24. 100行代码实现的JavaScript MVC样式框架 ​​​ 介绍 使用过 JavaScript框架(如 AngularJS, Backbone 或者Ember)的人都很熟悉在UI(用户界面,前端)中mvc的工作机理。这些框架实现了MVC,使得在一个单页面中实现根据需要变化视图时更加轻松,而模型-视图-控制器(mvc)的核心概念就是:处理传入请求的控制器、显示信息的视图、表示业务规则和数据访问的模型。 因此...

    100行代码实现的JavaScript MVC样式框架
  25. 从源码全面剖析 React 组件更新机制 React 把组件看作状态机(有限状态机), 使用state来控制本地状态, 使用props来传递状态. 前面我们探讨了 React 如何映射状态到 UI 上(初始渲染), 那么接下来我们谈谈 React 时如何同步状态到 UI 上的, 也就是: React
  26. 20180418 前端开发日报】你真的了解JS数组的那些方法吗?;ES6 javascript 实用开发技巧;webpack从此不再是我们的痛点 — 核心基础;简易实用的JavaScript日期时间操作;Angular DOM 更新机制;写一个简单vue 中间件,$emit、$on;Step-by-ste...详情→ ​​​

    20180418 前端开发日报
  27. 低门槛彻底理解JavaScript中的深拷贝和浅拷贝 在说深拷贝与浅拷贝前,我们先看两个简单的案例: //案例1 var num1 = 1, num2 = num1; console.log(num1) //1 console.log(num2) //1 num2 = 2; //修改num2 console.l
  28. 从零开始:用REACT写一个格斗游戏(一) 注:本介绍是分享过程并且寻求高手指点的,作者是个前端小学生,希望大家多多建议并参与 最近为了熟悉Bone框架,就准备用react写一个简单的格斗游戏练练手。目前用2天时间完成了游戏的前期准备工作。可以控制人物前进,后退,攻击,跳跃,发动技能等操作,但是总觉得操
  29. React v16.3.0:新的生命周期和上下文API 作者 Brian Vaughn 2018年3月29日 几天前, 我们 写了一篇关于对以前的生命周期方法进行更改的文章, 包括逐步迁移策略。 在React 16.3.0中, 我们正在添加一些新的生命周期方法来辅助迁移。我们还为长期被要求的功能引入了新的

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原文:20180419 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20180419.html)