20180711 前端开发日报

5分钟学习 JS 一些小技巧;ReactJS vs Angular 5 vs Vue.js,哪个框架更好?;阮一峰webpack教程;你可能会忽略的 Git 提交规范;五个最热门的开源机器学习 JavaScript 框架;三个值得期待的JavaScript新功能;浅谈web前端的发展趋势;深入前端学习原来这么有趣 第2期

  1. 5分钟学习 JS 一些小技巧 原文 – Learn these neat JavaScript tricks in less than 5 minutes 一些日常开发技巧,意译了。 清空和截短数组 最简单的清空和截短数组的方法就是改变 length 属性: const arr = ; // 截取 arr.length = 3; console.log(arr); //=> ; // 清空 arr.length = 0; …
  2. ReactJS vs Angular 5 vs Vue.js,哪个框架更好? 译者按: 在全球大范围看,React和Angular依然遥遥领先,Vue.js这位后起之秀还需努力做到全球化! 原文: ReactJS vs Angular5 vs Vue.js – What to choose in 2018? 译者: Fundebug 为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。 前…
  3. 阮一峰webpack教程 首先,全局安装Webpack和webpack-dev-server $ npm i -g webpack webpack-dev-server 复制代码 然后克隆clone阮一峰的仓库 $ git clone https://github.com/ruanyf/webpack-demos.git 复制代码 安装依赖 $ cd webpack-demos $ npm install 复制代码 现在开始进入demo*目录并且运行它们 $ cd demo01 $ npm …
  4. 你可能会忽略的 Git 提交规范 一直是 ESLint 的忠实用户,深知规范的重要性。然而,在新项目交接中,我被 Git Commit 规范逼疯了。才意识到自己的疏忽,于是便有了一探究竟的想法。 一、为什么需要规范? 无规矩不成方圆,编程也一样。 如果你有一个项目,从始至终都是自己写,那么你想怎么写都可以…
  5. 三个值得期待的JavaScript新功能 让我们来看看JavaScript中一些有用的即将推出的功能。您将看到他们的语法,链接以及时了解他们的进度,我们将编写一个小型测试套件,以展示如何立即开始使用这些提案! JavaScript是如何更新迭代的 如果您已经熟悉Ecma TC
  6. 浅谈web前端的发展趋势 你一个写前端的,也敢自称程序员?? 相信web前端开发的伙伴们,在职业道路上,十有八九会受到这样的质疑或者嘲讽(大多数其实还是调侃之意)。写几个标签,懂一些HTML CSS 就是程序员? 你们知道CPU、存储、网络、集群吗? 你们了解过并发、业务架构、数据库、性能调优、分布式计算、集群架构、容灾、安全…
  7. 深入前端学习原来这么有趣 第2期 如无意外,每周更新时间为周日1.webpack的好用之处我对学习webpack的起因很简单,因为它够潮,而我恰恰喜欢潮的东西。我之前也了解过webpack,但是仅仅是局限于他的使用方法,能够看懂他的配置文件。而我这次对他的用处有了更深的了解。①轻松使用es6
  8. JavaScript糟粕部分 JavaScript是一门优秀的语言,但是难免存在着某些缺点,本博文主要说明下JavaScript的一些缺点。 原文跳转请戳这里 == JavaScript有两组相等的运算符:===和!==,以及他们邪恶的孪生兄弟==和!=。===和!==运算符能够按照你期
  9. Airbnb CSS-in-JavaScript 风格指南 一个 普遍适用的CSS-in-JavaScript方法 目录 命名 顺序 嵌套 内联 主题 命名
  10. ES2018 新特性:Promise.prototype.finally() Jordan Harband 提出了 Promise.prototype.finally 这一章节的提案。 如何工作? .finally() 这样用: promise .then(result => {···}) .catch(error => {
  11. 想要一份senior工作,务必要读 React 源代码吗? 打算试着记录下每日的感悟,有趣的库,有趣的文,有趣的事,和思考。走一路,留下些脚印。 关于读源代码 这段面试了一些。很多公司都会甩这个问题给你:读过 React 的源代码吗? 答曰:没读过。瞬间感到自己的自信心掉了一块。网上也不乏各种分析源代码的文章和精读,
  12. 创建前端数据模型,vue开发必备 后端的数据都是有对象的,那前端需不需要呢,非常需要!!! 其实,这个库,我们已经用了2年了。 我们将前端所有使用的业务数据模型都定义出来了。 那在实际应用中,有什么用处呢? 减少了无数的冗余代码,避免了非常多容易产生的bug。 我们已经没有出现过什么提交接口,日期忘记转换的问题了? …
  13. 前端路由实现原理(history) 前端路由实现(history) 了解: HTML5 history新增了两个API:history.pushState和history.replaceState 两个api都接受三个参数 状态对象(state object):一个JavaScript对
  14. React Native组件之VirtualizedList React Native(简称RN)列表是基于ScrollView实现的,也就是可以滚动的,然而RN并没有直接使用IOS或Android的原生列表组件,这是因为RN真正调用native代码的过程是异步的,二Native的渲染要求必须同步渲染的。 在早期版本中,
  15. Angular 开发学习 02 – Angular 项目结构 上一章我们使用 Angular CLI 成功创建并运行了一个最简单的 Angular 示例程序。现在,我们仔细了解下 CLI 为我们生成的项目结构。 下面的截图是整个项目的文件结构。 Angular CLI 生成的项目是一个普通的 npm 项目,因此,一定会有一个 package.json 文件。这个文件类似 Maven 的 pom.xml,用于记录项目的依赖…
  16. 使用ES6让你的React代码提升到一个新档次 ES6使您的代码更具表现力和可读性。 而且它与React完美配合! 现在您已了解更多基础知识: ✨现在是时候将你的ES6技能提升到一个新的水平! ✨ 嵌套props解构 您已经知道可以通过解构从React组件中
  17. 函数式编程之Promise的奇幻漂流 上一篇我们讲了同步链式处理数据函子的概念。这一节,我们来讲异步。用到的概念很简单,不需要有函数式编程的基础。当然如果你看了那篇 《在你身边你左右 –函数式编程别烦恼》 会更容易理解。这一篇我们会完成一个Promise代码的编写。本文会从实现一个只有十几行代码
  18. 基于 HTML5 的工业互联网云平台监控机房 U 位机柜 U 位管理是一项突破性创新技术–继承了 RFID 标签(电子标签)的优点的同时,完全解决了 RFID 技术(非接触式的自动识别技术)在机房 U 位资产监控场应用景中的四大缺陷,采用工业互联网云平台监控机房 U 位…
  19. webpack编译速度提升之DllPlugin The DllPlugin and DllReferencePlugin provide means to split bundles in a way that can drastically improve build time performance. DllPlugin 结合 DllRefrencePlugin 插件的运用,对将要产出的bundle文件进行拆解打包,可以很彻底地加快webpack的打包速度,从而在开发过程中极大地缩减构建时间。 二、构…
  20. vue-cli配置环境变量 在实际项目开发中,经常会碰到需要环境变量的情景,在vue-cli的环境下,默认已经配置了一个NODE_ENV的环境变量,当npm run dev的时候这个是development, 当npm run build 的时候这个是production.用过vue-c
  21. 初探 GitLab CI 公司内部使用的是 Gitlab 仓库套件管理项目代码,之前把玩过的 Drone CI 是可以很好的支持 Gitlab 的,前提是需要在 Gitlab 中申请一个管理员权限的密钥方便其读取项目目录并设置 Webhook 等操作。而公司的 Gitlab 仓库权限管理很严格,我暂时还没有权限申请这个就只能放弃了。最近他们使用 Gitlab 8 (不要问我为什…
  22. 如何更愉快地使用em —— 别说你懂CSS相对单位 前段时间试译了Keith J.Grant的CSS好书《CSS in Depth》,其中的第二章《Working with relative units》,书中对relative units的讲解和举例可以说相当全面,看完之后发现自己并不太懂CSS相对单位,也希

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流