20170926 前端开发日报

是时候和 jQuery 说拜拜了么?;十五行代码带你搞懂Promise;移动 Web 开发问题和优化小结;用JS制作一个信息管理平台完整版;[翻譯] Modern Javascript Cheatsheet 中文版;20个很有用的CSS技巧;Underscor.js 源码阅读;Node.js中的内存泄漏分析

  1. 是时候和 jQuery 说拜拜了么? 自从2006年,jQuery发布以来,浏览器的API和DOM取得了长足的发展。在网络上也时不时会看到,“是时候和jQuery说拜拜了”,最著名的莫过于在2013年的这篇文章You Might Not Need jQuery。当然在此,我不想重复的再说这个陈旧的 自从2006年,jQuery发布以来,浏览器的API和DOM取得了长足的发展。在网络上也时不时会看到,“是时候和jQuery说拜拜了”,最著名的莫过于在2013年的这篇文章You Might Not Need jQuery。当然在此,我不想重复的再说这个陈旧的
  2. 十五行代码带你搞懂Promise 程序员闭嘴不说话系列。 什么是Promise?本代码用定外卖来举例子,让你明白。 // 定外卖就是一个Pr 程序员闭嘴不说话系列。 什么是Promise?本代码用定外卖来举例子,让你明白。 // 定外卖就是一个Pr 程序员闭嘴不说话系列。 什么是Promise?本代码用定外卖来举例子,让你明白。 // 定外卖就是一个Pr
  3. 移动 Web 开发问题和优化小结 1.前言 到目前为止,互联网行业里,手机越来越智能化,移动端占有的比例越来越高,尤其实在电商,新闻,广告,游戏领域。用户要求越来越高,网站功能越来越好,效果越来越炫酷,这就要求我们产品质量越来越高,web前端开发而言是一个挑战,是一个难题,也是一个机遇。如何让 1.前言 到目前为止,互联网行业里,手机越来越智能化,移动端占有的比例越来越高,尤其实在电商,新闻,广告,游戏领域。用户要求越来越高,网站功能越来越好,效果越来越炫酷,这就要求我们产品质量越来越高,web前端开发而言是一个挑战,是一个难题,也是一个机遇。如何让
  4. [翻譯] Modern Javascript Cheatsheet 中文版 圖片來源: Ahmad Awais 譯者的話 原標題:mbeaudru/modern-js-cheatsheet 原作者:BEAUDRU Manuel 對於現代 Javascript 開發而言
  5. #CSS#【20个很有用的CSS技巧】下面这几个CSS技巧你可能不知道,1.彩色照片变黑白,2.所有元素垂直居中,3.禁用鼠标,4.模糊文字,小编学完能量满满的,觉得对CSS又充满了爱,你也来看看。 #前端开发博客# ​​​

    20个很有用的CSS技巧
  6. Underscor.js 源码阅读 (这是两年前的笔记,现在把它搬到博客上,Underscore 版本:1.8.3) 受 这篇文章 的启发,萌生阅读 underscore.js 源码的念头,其中有许多不理解的地方,也是读了上述文章后才明白的.为了保持本文的完整性,也尽量按自己的理解进行注释. 不再提及上述引用文章. 全局定义 (function(){ … }()) …
  7. Node.js中的内存泄漏分析 内存泄漏(Memory Leak)指由于疏忽或错误造成程序未能释放已经不再使用的内存的情况。如果内存泄漏的位置比较关键,那么随着处理的进行可能持有越来越多的无用内存,这些无用的内存变多会引起服务器响应速度变慢,严重的情况下导致内存达到某个极限(可能是进程的上限,如 v8 的上限;也可能是系统可提供的内存上限)会使得…
  8. vue封装第三方插件并发布到npm 前言 写此文前特意google了一下,因为有较详细的开发教程我再写意义不大,有把插件封装成组件的教程,有把自己的组件封住成插件的教程,本文主要说明如何把第三方的插件封装成vue插件,简化配置,一键安装,主要提供思路,封装方法大同小异·,文章略长要有耐心。 gi
  9. Riot v3.7.2 发布,JavaScript 的 MVP 框架 Riot v3.7.2 已发布,Riot.js 是一个客户端模型-视图-呈现(MVP)框架并且它非常轻量级甚至小于 1kb。尽管他的大小令人难以置信,所有它能构建的有如下:一个模板引擎,路由,甚至是库和一个严格的并具有组织的 MVP 模式。当模型数据变化时视图也会自动更新。本次更新如下: riot: Fix: svg dynamic preserveAsp…
  10. 翻译连载 | 第 9 章:递归(下)-《JavaScript轻量级函数式编程》 |《你不知道的JS》姊妹篇 原文地址:Functional-Light-JS 原文作者:Kyle Simpson-《You-Dont-Know-JS》作者 关于译者:这是一个流淌着沪江血液的纯粹工程:认真,是 HTML 最坚实的梁柱;分享,是 CSS 里最闪耀的一瞥;总结,是 Ja
  11. 如何管理一个前端基础架构团队 – AdRoll – 众成翻译 Jyri Tuulos 著 Jyri是一名AdRoll的高级工程师。他喜欢编写开发工具和开发构建工具。 在过去的几年中,AdRoll已经从的一个不起眼的产品功能单一的创业公司发展成为拥有一套多样化产品的全球营销平台(https://www.ad Jyri Tuulos 著 Jyri是一名AdRoll的高级工程师。他喜欢编写开发工具和开发构建工具。 在过去的几年中,AdRoll已经从的一个不起眼的产品功能单一的创业公司发展成为拥有一套多样化产品的全球营销平台(https://www.ad Jyri Tuulos 著 Jyri是一名AdRoll的高级工程师。他喜欢编写开发工具和开发构建工具。 在过去的几年中,AdRoll已经从的一个不起眼的产品功能单一的创业公司发展成为拥有一套多样化产品的全球营销平台(https://www.ad
  12. 使用 git rebase 提高 PR 质量 在 Github 上以提交 PR 的方式参与开源项目是十分简单的。不过由于 Git 本身自由度较高,有些随意提出的 PR 实际上是会影响项目历史记录的【脏】PR。下文介绍何时会发生这种情况,以及如何通过 rebase 工作流改进它。 什么是脏 PR 我们知道,如果你想为某个开源项目贡献代码,通用的流程是: …
  13. Vue插件开发与实战 通常在开发一个项目的时候,会用到类似弹出框、提示框这样的全局组件,我们可以把它们封装起来,以插件的形式进行调用。 插件vs组件 插件可以封装组件,组件可以暴露数据给插件。 一个Vue插件可以是一堆Vue组件的集合,也可以在Vue的原型上进行扩展,如 vuex、vue-router。 如果一个组件需要在多个页面频繁使用…
  14. Node.js之爬取点我达技术博客上的数据(二) 在上篇文章的结尾,说过要将点我达技术博客网站上面的文章内容以title+author+date.txt的格式保存起来。那就继续干完它。让我们先睹为快,看看完成的效果。 嗯,效果还不错!那一步一步的梳理整个过程。 分析问题 我们想要整篇文章的内容,这里只是针对文本内容,获取图片内容大同小异,这里不再赘述。首先进入…
  15. Vue 2.0学习笔记:v-on JavaScript在浏览器中以单线程模式运行,页面加载后,一旦页面上所有的JavaScript代码被执行完后,就只能依赖触发事件来执行JavaScript代码。浏览器在接收到用户的鼠标或键盘输入后,会自动在对应的DOM节点上触发相应的事件。如果该节点已经绑定了对应的JavaScript处理函数,该函数就会自动调用。 在我们平常经常能看…
  16. React – 为什么我不再使用setState? 几个月前,我开始停止使用React的 setState 。我并不是不再需要组件状态,而且不再用React来管理我的组件状态。 setState对于新手来说不是很友好,即使是有经验的React程序员在使用setState时,也很容易出bug,比如:
  17. Javascript 中的数据类型判断 本系列通过阅读 underscore 源码与实战进而体验函数式编程的思想, 而非通过冗长的文字教程, 细读精度 约 1500 行的 underscore 有利于写出耦合度低, 符合函数式编程思想的代码, 并且可以学到 call 与 apply 执行效率的不同进而进行代码性能优化的技巧等. 欢迎大家 star 或者 watch 本系列, 您的关注是作者的…
  18. 基于 RequireJS 的跨项目共用前端组件(模块)方案 另外也可以换成基于 seajs 3.x 的方案 背景 前端项目较多, 有跨项目共用组件的需求
  19. 从Vue.js源码看异步更新DOM策略及nextTick 写在前面 因为对Vue.js很感兴趣,而且平时工作的技术栈也是Vue.js,这几个月花了些时间研究学习了一下Vue.js源码,并做了总结与输出。 文章的原地址: github.com/answershuto… 。 在学习过程中,为Vue加上了中文的注释 github.com/answershuto… ,希望可以对其他想学习Vue源码的小伙伴有所帮助。 可能会有…
  20. #开源项目#【轻量级 HTML5 音频播放器:Amplitude.js】详见: Amplitude.js 是一个开源的轻量级 HTML5 音频播放器。它完全可定制,支持多列表播放和现场直播,并且没有任何外部依赖。 ​​​

    Amplitude.js
  21. #前端技术#【给 Web 开发人员推荐的文档生成工具】详见: 工欲善其事必先利其器。一些优秀的开源文档生成工具推荐给你,希望能对大家有所帮助。 ​​​

    给 Web 开发人员推荐的文档生成工具
  22. [js高手之路] es6系列教程 – 迭代器与生成器详解

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

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


关注我

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

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

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