20181118 前端开发日报

百度小程序与微信小程序全面对比;Vue钩子函数生命周期实例详解;HTML5 之地理定位(Geolocation);webpack 初学指南;你不知道的Node.js性能优化;前端黑科技:美团网页首帧优化实践;nodejs 基础篇整合;小tips: 如何HTML标签和JS中设置css3 var变量

  1. 百度小程序与微信小程序全面对比】百度小程序已出来一段时间了,本文分享我所见到的一些百度小程序与微信小程序的差别。帮助你快速转换微信小程序到百度小程序。 @前端开发博客 ​​​
  2. HTML5 之地理定位(Geolocation) 很久前研究过 HTML5 Geolocation,最近整理 F2E-Awesome 的时候,发现缺少相关的文章,所以按照自己的使用经验整理了此篇文章。 一、应用场景: 附近商家定位;计算行走路程; GPS 导航; 请求一个位置信息,如果用户同意,浏览器就会返回位置信息,该位置信息是通过支持 HTML5 地理定位功能的底层设备提供给...
  3. webpack 初学指南 这边用到的 webpack 版本 4.0+,这边将接触到 TypeScript,ES6,ES7,sass 等 loader …不想解释了直接上代码 目录结构 —- dist |- css |- js |- images |- fonts |- index.html —- src |- scss |- js |- images |- fonts |- index.html package.JSON { &q...
  4. 你不知道的Node.js性能优化 “当我第一次知道要写这篇文章的时候,其实我是拒绝的,因为我觉得,你不能叫我写马上就写,我要有干货才行,写一些老生常谈的然后加上好多特技,那个 Node.js 性能啊好像 Duang~ 的一下就上去了,那读者一定会骂我,Node.js 根本没有这样搞性能优化的,
  5. 前端黑科技:美团网页首帧优化实践JavaScript诞生以来,前端技术发展非常迅速。移动端白屏优化是前端界面体验的一个重要优化方向,web 前端诞生了 SSR 、CSR、预渲染等技术。在美团支付的前端技术体系里,通过预渲染提升网页首帧优化,从而优化...
  6. nodejs 基础篇整合最近有朋友也想学习nodeJs相关方面的知识,如果你是后端想接近前端,node作为一门跑在服务端的JS语言从这里入门再好不过了。如果你正好喜欢前端,想走的更高,走的更远。nodeJs同样也是不二之选。node的地位虽然...
  7. 小tips: 如何HTML标签和JS中设置CSS3 var变量 byzhangxinxu from https://www.zhangxinxu.com/wordpress/?p=8163 本文可全文转载,个人网站无需授权,只要保留原作者、出处以及文中链接即可,任何网站均可摘要聚合,商用请联系授权。 一、HTML标签中设置CSS变量 如下: <div style="--color: #cd0000;"> <img src="mm.jpg&quo...
  8. JavaScript 基础:Babel 转译 class 过程窥探 零、前言 虽然在 JavaScript 中对象无处不在,但这门语言并不使用经典的基于类的继承方式,而是依赖原型,至少在 ES6 之前是这样的。当时,假设我们要定义一个可以设置 id 与坐标的类,我们会这样写: // Shape 类 function Shape(id, x, y) { this.id = id; this.setLocation(x, y); } // 设置坐标的原型...
  9. 在工作中如何优化前端代码? 此为知乎问答,我把我的答案稍作整理放到这里来了。 原则 首先说一个最重要的优化原则:代码优化是每天都要进行的,而不是一两个月做一次大优化,那时做就已经晚了。另外由于优化是每天做的,所以你不需要一次的就过度优化,保持小步快跑即可。 这个原则为什么重要?因为很多
  10. 手把手教你实现一个 Vue 进度条组件最近在个人的项目中,想对页面之间跳转的过程进行优化,想到了很多文档或 npm 等都用到的页面跳转进度条,于是便想自己去实现一个,特此记录。
  11. JavaScript 箭头函数:适用与不适用场景 小编推荐:掘金是一个面向程序员的高质量技术社区,从 一线大厂经验分享到前端开发最佳实践,无论是入门还是进阶,来掘金你不会错过前端开发的任何一个技术干货。 现代 JavaScript 中最引人注目的功能之一是引入了箭头函数,用 =&gt; 来标识
  12. Webpack4.x 实践 Webpack 作为前端最火的构建工具,是前端自动化工具链最重要的部分。本文主要分为两部分,第一部分:比较 Webpack3 版本和 Webpack4 版本区别;第二部分:Webpack4版本基础配置。该文是笔者自己的学习记录和知识总结,比较基础。也希望文章能
  13. 「译」更快的 async 函数和 promises 翻译自:Faster async functions and promises JavaScript 的异步过程一直被认为是不够快的,更糟糕的是,在 NodeJS 等实时性要求高的场景下调试堪比噩梦。不过,这一切正在改变,这篇文章会详细解释我们是如何优化 V8
  14. React源码系列(三): 从ReactRoot的创建到scheduleWork的执行 React16源码阅读系列分享 喜欢的可以点个 watch/start 后面还会更新
  15. GatsbyJS 入门(一):打造开箱即用的现代化前端网站 前言 GatsbyJS 是一個現代化開發網站的網站產生系統,擁有完整、豐富且開源的生態圈。它利用 React + GraphQL 產生的多頁面應用,讓前端工程師,編輯,用戶都感到滿意。就讓我們一步步地探索這個系統吧。 GatsbyJS
  16. React手稿之类型检查Typechecking With PropTypes 类型检查是为了确保传入组件的参数正确性。 通常在项目中可以使用Flow或者TypeScript来实现。 React提供了PropTypes来检查类型。 示例: {代码...} PropTypes {代码...} Requiring S...
  17. ES6 系列之 Babel 是如何编译 Class 的(下)在上一篇 《 ES6 系列 Babel 是如何编译 Class 的(上)》,我们知道了 Babel 是如何编译 Class 的,这篇我们学习 Babel 是如何用 ES5 实现 Class 的继承。
  18. webpack-dev-server 原理探讨 原文链接 概述 我们都知道webpack是一个构建工具,但是在开发测试过程中,我们会经常修改代码后,然后频繁刷新页面查看效果,可惜我们就是厌旧重复工作的物种。 刚好webpack这个工具,提供了另外一个工具——webpack-dev-server,它可以帮我们

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

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

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