前端内存优化的探索与实践；字节前端岗位面试经历，我从里面得到了什么？；Vue1.x 2.x 3.x 的响应式实现；前端工程化之js模块化；深入理解 Vue3 Reactivity；webpack 与 rollup 背后的 acorn；Vue 3.x 项目环境搭建；JavaScript–执行环境和对象
-
前端内存优化的探索与实践 引 言 标注是地图最基本的元素之一，标明了地图每个位置或线路的名称。在地图 JSAPI 中，标注的展示效果及性能也是需要重点解决的问题。 新版地图标注的设计中，引入了 SDF （ signed distance field）重构了整个标注部分的代码。新的方式需要把标注的位置偏移，避让，三角拆分等全…
-
对于实习招聘（甚至校招）来说，项目经历可能是获得面试的敲门砖，但是基础绝对是赢得面试的通天索。 (互联网侦察注：校招就是考基础和潜力，基础扎实潜力不错的一般都会收) 即使是实习招聘，白板写代码也很可能逐渐成为主流面试的标配，平时要有意识地锻炼这方面能力，要不然面试时没有IDE真的是做不下去。 (互联网侦…
-
前言 Vue 的响应式原理一直都在被人解析，每个人都有不同的理解，在这里我只是记录自己所学的知识，以及尽可能写的清晰，并且希望能帮到还没有理解的同学。 响应式原理 vue响应式原理关系图 Observer 劫持 data 内的所有数据进行响应处理 Compile 编译模版，只要模版内引用了 data…
-
在没有CommonJS，AMD，CMD等规范的时候，人们为了让代码模块化，采用了下面这个链接里的方法： www.ruanyifeng.com/blog/2012/1… CommonJS NodeJS 是 CommonJS 规范的实现，webpack 也是以 CommonJS 的形式来书写。CommonJS 是一种只适用于 JavaScript 的静态模块化规范。只适用于 Node.js 开发，…
-
尤雨溪表示，“ 标题应该叫深入理解… 这个是基础要吓跑一大批人了[捂脸]”
-
带你了解 acorn 内部的实现。
-
1.全局安装 Vue-CLI npm install -g @vue/cli@3.10.0 //后面去掉版本号 安装的就是最新版 复制代码 2.查看版本 vue -V //注意：大写V 复制代码 1.1.2 Vue CLI 创建项目 1.创建项目命令 vue create demo // vue create 项目名 复制代码 2.启动项目测试 npm run serve // 退出指令 ctrl + …
-
JavaScript中一个最重要的概念,定义了变量或者函数有权访问的其他数据,决定了他们各自的行为.每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中 每个函数都有自己的执行环境,当执行流进入一个函数时.函数的环境对象就会被压入一个环境栈中.在函数执行完成之后将其环境弹出 …
-
今天在看vue-composition-api文档的时候，突然发现多出来个Languages选项： 咦奇怪，我记得以前好像没有这个选项的呀。赶紧点开看看有没有中文： 太棒了！还是尤大对咱好，感动得我热泪盈眶，虽然有可能压根就不是他翻译的。 因为在知乎，我曾看他发布过这么一段话： 当然是不是他…
-
图解JavaScript——代码实现【2】（六种异步方案,重点是Promise、Async、发布/订阅原理实现，真香）
本节主要阐述六种异步方案:回调函数、事件监听、发布/订阅、Promise、Generator和Async。其中重点是发布/订阅、Promise、Async的原理实现，通过对这几点的了解，希望我们前端切图仔能够在修炼内功的路上更进一步。
-
「JS-Learning」事件循环机制，微任务和宏任务的关系
JavaScript（后面简称 JS）是单线程的，同一时间只能做一件事情。如果碰到某个耗时长的任务（比如一个需要 3s 的网络请求），那么后续的任务都要等待，这种效果是无法接受的，这时我们就引入了异步任务的概念。 所以 JS 执行主要包括同步任务和异步任务： 同步任务：会放入到执行栈中，他们是要按顺序执行的任务；…
-
部署流程：（执行 zr-deploy 后） 选择部署环境 配置文件 zr-deploy-config.json 打包：执行配置文件的 打包命令 buildCommand 打包项目 压缩：打包完成后将文件压缩 local.distDir -> local.distZip 连接服务器： node-ssh 连接服务器 上传代码：上传文件到项目目录（ server.distDir …
-
作者：静默虚空 [链接] 1、简介 Git 是什么？ Git 是一个开源的分布式版本控制系统。 什么是版本控制？ 版本控制是一种记录一个或若干文件内容变化，以便将来查阅特定版本修订情况的系统。 什么是分布式版本控制…
-
替代 webpack？一文带你了解 snowpack 原理，你还学得动么
近期，随着 vue3 的各种曝光，vite 的热度上升，与 vite 类似的 snowpack 的关注度也逐渐增加了。目前（2020.06.18）snowpack 在 Github 上已经有了将近 1w stars。
-
JavaScript程序的执行单位为行（line），也就是一行一行地执行。一般情况下，每一行就是一个语句。 语句（statement）是为了完成某种任务而进行的操作，语句以分号结尾，一个分号即表示一个语句结束。多个语句可以写在一行内（不建议这么写代码），但是一行写多条语句时，语句必须以分号结尾。 表达式不需要分号…
-
JavaScript基础语法3 如果你想成为一名优秀的java架构师，看这里 → 乐字节免费公开课（腾讯课堂） 如需要跟多资料请点击右侧（记住入群暗号：66） → 这是一条不归路，有秃头风险，请慎重选择！ 类型转换 自动类型…
-
Module Federation in Webpack5(上)
从提供依赖共享的第三方或者其他的Webpack构建中 import() 模块！运行时引入！欢迎来到 Module Federation ！ Module Federation的起源项目为 webpack-external-import ，现已经并入 Webpack5, v2.2.4 为最后独立发布的版本。 原始文章信息 原标题：Module Federation in Webpack5 原作者: sokra …
-
创建了一个 “重学TypeScript” 的微信群，想加群的小伙伴，加我微信 “semlinker”，备注重学TS。已出 TS 系列文章 40 篇。 觉得 TypeScript 泛型有点难，想系统学习 TypeScript 泛型相关知识的小伙伴们看过来，本文从八个方面入手，全方位带你一步步学习 TypeScript 中泛型，详细的内容大纲请看下图： …
-
AngularJS集成HighCharts动态绘制CPU和内存变化曲线
调研了下动态曲线绘制的开源项目， HighCharts 应用在AngularJS上相对容易使用和集成，来看下在AngularJS上集成HighCharts的StockChart图表，实现动态绘制Android内存和CPU的变化曲线。 一、实现效果 先看下HightCharts CPU和内存图表显示实现效果，图表左上角可以选择显示的区间范围，1分钟、5分钟或显…
-
使用 grpc-web, vue 和 Nginx 搭建一个简单 todo 示例
关于 gRPC gRPC 是一个高性能、通用的开源 RPC 框架，其由 Google 主要面向移动应用开发并基于 HTTP/2 协议标准而设计，基于 ProtoBuf (Protocol Buffers) 序列化协议开发，且支持众多开发语言（）。 gRPC 提供了一种简单的方法来精确地定义服务和为iOS、Android 和 后台支持服务自动生成可靠性很强的客户端功能库…
更多内容请关注公众号【前端开发博客】每日更新
