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