20200622 前端开发日报

前端内存优化的探索与实践;字节前端岗位面试经历,我从里面得到了什么?;Vue1.x 2.x 3.x 的响应式实现;前端工程化之js模块化;深入理解 Vue3 Reactivity;webpack 与 rollup 背后的 acorn;Vue 3.x 项目环境搭建;JavaScript–执行环境和对象

  1. 前端内存优化的探索与实践

    前端内存优化的探索与实践 引 言 标注是地图最基本的元素之一,标明了地图每个位置或线路的名称。在地图 JSAPI 中,标注的展示效果及性能也是需要重点解决的问题。 新版地图标注的设计中,引入了 SDF ( signed distance field)重构了整个标注部分的代码。新的方式需要把标注的位置偏移,避让,三角拆分等全...

  2. 字节前端岗位面试经历,我从里面得到了什么?

    对于实习招聘(甚至校招)来说,项目经历可能是获得面试的敲门砖,但是基础绝对是赢得面试的通天索。 (互联网侦察注:校招就是考基础和潜力,基础扎实潜力不错的一般都会收) 即使是实习招聘,白板写代码也很可能逐渐成为主流面试的标配,平时要有意识地锻炼这方面能力,要不然面试时没有IDE真的是做不下去。 (互联网侦...

  3. Vue1.x 2.x 3.x 的响应式实现

    前言 Vue 的响应式原理一直都在被人解析,每个人都有不同的理解,在这里我只是记录自己所学的知识,以及尽可能写的清晰,并且希望能帮到还没有理解的同学。 响应式原理 vue响应式原理关系图 Observer 劫持 data 内的所有数据进行响应处理 Compile 编译模版,只要模版内引用了 data...

  4. 前端工程化之js模块化

    在没有CommonJS,AMD,CMD等规范的时候,人们为了让代码模块化,采用了下面这个链接里的方法: www.ruanyifeng.com/blog/2012/1… CommonJS NodeJS 是 CommonJS 规范的实现,webpack 也是以 CommonJS 的形式来书写。CommonJS 是一种只适用于 JavaScript 的静态模块化规范。只适用于 Node.js 开发,...

  5. 深入理解 Vue3 Reactivity

    尤雨溪表示,“ 标题应该叫深入理解... 这个是基础要吓跑一大批人了[捂脸]”

  6. webpack 与 rollup 背后的 acorn

    带你了解 acorn 内部的实现。

  7. Vue 3.x 项目环境搭建

    ​ 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 + ...

  8. JavaScript–执行环境和对象

    ​ JavaScript中一个最重要的概念,定义了变量或者函数有权访问的其他数据,决定了他们各自的行为.每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中 ​ 每个函数都有自己的执行环境,当执行流进入一个函数时.函数的环境对象就会被压入一个环境栈中.在函数执行完成之后将其环境弹出 ...

  9. 好消息,Vue3官方文档出中文版的啦

    今天在看vue-composition-api文档的时候,突然发现多出来个Languages选项: 咦奇怪,我记得以前好像没有这个选项的呀。赶紧点开看看有没有中文: 太棒了!还是尤大对咱好,感动得我热泪盈眶,虽然有可能压根就不是他翻译的。 因为在知乎,我曾看他发布过这么一段话: 当然是不是他...

  10. 图解JavaScript——代码实现【2】(六种异步方案,重点是Promise、Async、发布/订阅原理实现,真香)

    本节主要阐述六种异步方案:回调函数、事件监听、发布/订阅、Promise、Generator和Async。其中重点是发布/订阅、Promise、Async的原理实现,通过对这几点的了解,希望我们前端切图仔能够在修炼内功的路上更进一步。

  11. 「JS-Learning」事件循环机制,微任务和宏任务的关系

    JavaScript(后面简称 JS)是单线程的,同一时间只能做一件事情。如果碰到某个耗时长的任务(比如一个需要 3s 的网络请求),那么后续的任务都要等待,这种效果是无法接受的,这时我们就引入了异步任务的概念。 所以 JS 执行主要包括同步任务和异步任务: 同步任务:会放入到执行栈中,他们是要按顺序执行的任务;...

  12. Node.js写一个前端项目部署脚本

    部署流程:(执行 zr-deploy 后) 选择部署环境 配置文件 zr-deploy-config.JSON 打包:执行配置文件的 打包命令 buildCommand 打包项目 压缩:打包完成后将文件压缩 local.distDir -> local.distZip 连接服务器: node-ssh 连接服务器 上传代码:上传文件到项目目录( server.distDir ...

  13. 太赞了Git 从入门到精通,这篇包教包会

    作者:静默虚空 [链接] 1、简介 Git 是什么? Git 是一个开源的分布式版本控制系统。 什么是版本控制? 版本控制是一种记录一个或若干文件内容变化,以便将来查阅特定版本修订情况的系统。 什么是分布式版本控制...

  14. 替代 webpack?一文带你了解 snowpack 原理,你还学得动么

    近期,随着 vue3 的各种曝光,vite 的热度上升,与 vite 类似的 snowpack 的关注度也逐渐增加了。目前(2020.06.18)snowpack 在 Github 上已经有了将近 1w stars。

  15. 进来看,让你躺着就把JavaScript学完了(二)

    ​ JavaScript程序的执行单位为行(line),也就是一行一行地执行。一般情况下,每一行就是一个语句。 ​ 语句(statement)是为了完成某种任务而进行的操作,语句以分号结尾,一个分号即表示一个语句结束。多个语句可以写在一行内(不建议这么写代码),但是一行写多条语句时,语句必须以分号结尾。 ​ 表达式不需要分号...

  16. 进来看,让你躺着就把JavaScript学完了(三)

    JavaScript基础语法3 如果你想成为一名优秀的java架构师,看这里 → 乐字节免费公开课(腾讯课堂) 如需要跟多资料请点击右侧(记住入群暗号:66) → 这是一条不归路,有秃头风险,请慎重选择! 类型转换 自动类型...

  17. Module Federation in Webpack5(上)

    从提供依赖共享的第三方或者其他的Webpack构建中 import() 模块!运行时引入!欢迎来到 Module Federation ! Module Federation的起源项目为 webpack-external-import ,现已经并入 Webpack5, v2.2.4 为最后独立发布的版本。 原始文章信息 原标题:Module Federation in Webpack5 原作者: sokra ...

  18. 一文读懂 TypeScript 泛型及应用

    创建了一个 “重学TypeScript” 的微信群,想加群的小伙伴,加我微信 "semlinker",备注重学TS。已出 TS 系列文章 40 篇。 觉得 TypeScript 泛型有点难,想系统学习 TypeScript 泛型相关知识的小伙伴们看过来,本文从八个方面入手,全方位带你一步步学习 TypeScript 中泛型,详细的内容大纲请看下图: ...

  19. AngularJS集成HighCharts动态绘制CPU和内存变化曲线

    调研了下动态曲线绘制的开源项目, HighCharts 应用在AngularJS上相对容易使用和集成,来看下在AngularJS上集成HighCharts的StockChart图表,实现动态绘制Android内存和CPU的变化曲线。 一、实现效果 先看下HightCharts CPU和内存图表显示实现效果,图表左上角可以选择显示的区间范围,1分钟、5分钟或显...

  20. 使用 grpc-web, vue 和 Nginx 搭建一个简单 todo 示例

    关于 gRPC gRPC 是一个高性能、通用的开源 RPC 框架,其由 Google 主要面向移动应用开发并基于 HTTP/2 协议标准而设计,基于 ProtoBuf (Protocol Buffers) 序列化协议开发,且支持众多开发语言()。 gRPC 提供了一种简单的方法来精确地定义服务和为ios、Android 和 后台支持服务自动生成可靠性很强的客户端功能库...

更多内容请关注公众号【前端开发博客】每日更新
20200622 前端开发日报

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