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