【前端性能优化指南】5.1 – 优化你的 JavaScript;Promise的链式调用原理;Threejs绘制地图(geojson);JavaScript中对象的复制、浅拷贝、深拷贝;core-js@3, babel展望未来;Webpack 预处理器 loader;[深入11] 前端路由;Vue 中 强制组件重新渲染的正确方法
-
Promise的链式调用原理 关于 Promise 的基础概念和使用方法就不多讲了,我们来聊一聊它的实现原理 请大家配合最下方的 Promise/A+ 规范实现代码来阅读 首先明确一个概念:决议,就是指将 Promise 的状态从 pending 变为 fulfilled/rejected 其次 Promise/A+ 规范实现代码中的 setTimeout 可以理解将代码添加到平台的微任务队列中异步执行 …
-
Threejs绘制地图(geojson) 目前接触了一些室内地图的开发工作,二维的、三维的,数据源基本都是采用geojson格式 基于geojson的地图绘制目前已经有比较成熟的框架和解决方案了。 但是今天我们还是要在Threejs里来简单实现一下三维数据的展示。 代码地址 预览地址 主要实现了2个功能 三维地图展示 POI信息显示 数…
-
JavaScript中对象的复制、浅拷贝、深拷贝之前在开发中有遇到拷贝的问题,我也看到刚入门同学在用vue开发时所写的赋值相关问题,在使用时,概念使得不清楚使赋值数据模糊不清。为了帮助他人或者帮助自己更能深刻记住,在查阅了相关资料之后在此记录下自己…
-
core-js@3, babel展望未来 github.com/zloirock/co… 原文链接 经过一年半的开发,数十个版本,许多不眠之夜, core-js@3 终于发布了。这是 core-js 和 babel 补丁相关的功能的最大的一次变化。 什么是 core-js ? 它是JavaScript标准库的 polyfill,它支持 最新的 ECMAScript 标准 ECM…
-
Webpack 预处理器 loader 工程中,我们需要和 HTML、CSS、模板、图片和字体等打交道,那如何处理这些这类静态资源呢? 其实在 webpack 的眼中,这些静态资源都是模块。webpack 本身只认识 js,其他类型资源必须预先定义一个或多个 loader 转译,输出为 webpack 能接收的形式在继续进行处理,所以说 loader 做的就是预处理工作。 比如组件 js 中…
-
[深入11] 前端路由 URI:统一资源标识符 ( I => Identifier:标识符Id) (Universal Resource Identifier URL:统一资源定位符 ( L => Locator:定位器) Uniform Resource Locator 区别: URL:强调的是地址,即(定位)这个唯一的资源 URI:强调的是(标识)资源,资源具有的(唯一性) …
-
Vue 中 强制组件重新渲染的正确方法点赞再看,养成习惯本文 GitHub [链接] 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。
-
成为一名前端架构师 你是一位经验丰富的前端开发,你的经验和能力在不断成长。有一天,公司决定任命你为前端架构师。你踌躇满志决定大展身手,然而,一个问题困扰了你。 什么是前端架构,前端架构师的职责是什么? 今天,让我们从多个角度来看看什么是前端开发,什么是前端架构。 前端开发是什么 首先,让我们来回顾一下近年来前端开发…
前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多