20180228 前端开发日报

细数国内外的前端大牛;2018 年 web 开发者路线图:最全的教程、资源和在线课程;《你不知道的javascript上卷》读书笔记1;JavaScript的反调试技术(上篇);撸js基础之异步;Webpack 4.0.0 正式发布,模块加载打包工具;译文 | Google出品 – 利用 webpack 做 web 性能优化;Web开发者手边的一本CentOS小书

  1. 细数国内外的前端大牛 本文将枚举一些前端界内比较熟知的前端技术大牛,分为个人简介、技术博客、擅长领域几个方向,希望能对初步进入前端的人一些指引和学习的方向。以下排名不分先后,个人推荐需要了解的大牛有朴灵,尤雨溪,大漠,张鑫旭,阮一峰,wintercn等。 国内 玉伯 简介 玉伯(王保平),淘宝前端类库 KISSY、前端模块化开...
  2. 2018 年 Web 开发者路线图:最全的教程、资源和在线课程 编者按:WEB开发是一个非常热门的职业。该工作的技术性很强, 它需要你必须不停地提高、不断地加强, 才不会被别人比下去, 才能保住饭碗。看了以下文章,希望对你提高技能能有一些帮助。本文编译自Brandon Morelli在Medium上发表的文章The 2018 Web Developer Roadmap。 想学习代码?没有比现在更好的时候了。 下面是一...
  3. 《你不知道的javascript上卷》读书笔记1 最近闲赋在家,看看去年买的《你不知道的JavaScript上卷》,在这做点简单的笔记。 第一部分:作用域和闭包 第一章 作用域是什么? 问题,变量如何储存?储存在哪里?如何找到他们? 传统编译的三个步骤:分词/词法分析,解析/语法分析,代码生成。其中分词和词法分析的微妙区别:词法单元的识别是通过有状态还是...
  4. 撸js基础之异步 前端这两年的新技术铺天盖地,各种框架、工具层出不穷眼花缭乱。最近打算好好复习下 js 基础,夯实的基础才是学习新技术的基石。本文作为读书笔记简单的总结下 js 异步的基础知识。 本系列目前已有四篇: 撸js基础之数组 撸js基础之对象 撸js基础之函数 撸js基础之异步 本文首发于个人博...
  5. Webpack 4.0.0 正式发布,模块加载打包工具 Webpack 4.0.0 正式版已发布,Webpack 是一个现代 JavaScript 应用程序的模块打包器 (module bundler) 。当 Webpack 处理应用程序时,它会递归地构建一个依赖关系图,其中包含应用程序需要的每个模块,然后将所有这些模块打包成少量的 bundle - 通常只有一个,由浏览器加载。 这是一个大的更新版本,亮...
  6. 译文 | Google出品 – 利用 webpack 做 web 性能优化 原文 https://developers.google.com/web/fundamentals/performance/webpack/ 作者 Addy Osmani Instroduction 介绍 现代 Web 应用经常用到 bunding tool 用于创建一个生产环境的打包文件(例如脚本、样式等),这个打包文件是已经优化完,并且最小化完成的,并且能够被用户用更少的时间下载到。在这篇文章中,...
  7. Web开发者手边的一本CentOS小书缘起 毕业四年有余,这一段走来甚是曲折。web开发是个大工程,其中牵涉到的知识点数不胜数,我本以为这路是一往无前,却道是盘绕而上;纸上得来终觉浅,初时看往往不知所然,非得整体境界提升,才能细品其中意味...
  8. 组件库webpack构建速度优化经验总结 在公司的主要工作是组件库(基于Vue的ui组件库,类似element-ui)的开发,也已经有两个多月,期间一直觉得项目的开发构建太慢,每次开发打开开发环境需要 40s 左右,简直不能忍。前前后后尝试了各种优化手段,但是都不理想。终于在今天,找到了问题所在,构建速度提升了 50% 以上,现在只需要 17s 左右,整个心情...
  9. 响应式思维 (Thinking Reactively) | Ben Lesh Ben Lesh 是 RxJS 库的领导者和布道者,提倡使用响应式思维来抽象逻辑和编写程序,现就职于 Google 。而本文则是对他的一篇研报的记录, 该研报是在 AngularConnect 会议中汇报的 。研报首先从一个实例开始谈起: 实例: Drag & Drop 内容 每次 在目标上按下鼠标(mousedown) ,开始监听 页面上鼠标移动(m...
  10. 更快更安全,HTTPS 优化总结在网站升级到 HTTPS 之后,我们还可以有很多玩意可以折腾,优化 HTTPS,让它更快更安全。这里是一篇 HTTPS 优化的总结,也包含问题的解决方法,不过不仅仅包括 HTTPS 的优化,也包含 HTTP 一些安全相关的配置。 ...
  11. 记一次nodejs开发CLI的过程 大家新年好! 年前在工作中接到任务要开发一个自己的CLI,便去了解了一下。发现并不难,只需运用nodejs的相关api即可。 目前实现的功能为: 输入 new 命令从github下载一个脚手架模版,然后创建对应的app。 输入 create 命令可以快速的创建一些样板文件。 下面将分步去解析一个CLI的制作过程,...
  12. 基于 D3.js 绘制动态进度条 在网站页面加载以及表单提交时,常使用进度条表达加载过程来优化用户体验,常见的进度条有矩形进度条和圆形进度条,如下图所示: 我们经常使用svg或Canvas来实现动态图形的绘制,但绘制过程相对较繁琐。对于直观漂亮的进度条,社区也有提供成熟的方案例如highcharts/ECharts等等,但基于配置的开发方式终究...
  13. React组件:拖拽布局Dragact v0.1.6 发布仓库地址:Dragact爽滑的拖拽组件 大家好,新年已经过去,大家又投入了繁忙的工作当中,由于我在国外,因此压根儿没有休息... 少说废话,上周一周的时间里,我陆陆续续的为Dragact组件进行了一系列更新,基本上做...
  14. 有货移动Web端性能优化探索实践 在移动互联网的时代里,对于一个 web 站点来说,移动端的用户体验尤为重要。现代 web 站点的设计和开发都是以移动优先作为第一原则,我们也专门为了移动端的 web 站点做了相应的优化和提升。而网页的打开速度和页面的流畅度,对于用户是否长时间访问至关重要。我们在移动端的站点通过一系列的方法,最终为了快速打开页面...
  15. 详细介绍 Weex 的 JS Framework很久以前,我写过两篇文章(《Weex 框架中 JS Framework 的结构》,《详解 Weex JS Framework 的编译过程》)介绍过 JS Framework。但是文章写于 2016 年 8 月份,这都是一年半以前的事了,说是“详解”其实解释得...
  16. 基于Web实现远程与硬件交互基于Web实现远程与硬件交互 项目背景: 最近在做一个类似“速递柜”的项目,项目需求大概如下:1.用户使用微信扫描二维码2.后台匹配相关数据,并存储用户信息,最终返回给用户当前柜子当前状态3.用户选择“开柜”指令...
  17. 咱来聊聊 Vue - compile 我们看了 Vue 的初始化函数就会知道,在最后一步,它进行了 vm.$mount(el) 的操作,而这个 $mount 在两个地方定义过,分别是在 entry-runtime-with-compiler.js(简称:eMount) 和 runtime/index.js(简称:rMount) 这两个文件里,那么这两个有什么区别呢? // entry-runtime-with-compiler.js const mount = Vue.proto...

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

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

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