6 天前 / Ryan众乐
AlienZHOU快手 前端工程师 246 人赞同了该文章近期，随着 vue3 的各种曝光，vite 的热度上升，与 vite 类似的 snowpack 的关注度也逐渐增加了。目前（2020.06.18）snowpack 在 Github 上已经有了将近 1w stars。 snowpack 的代码很轻量，本文会从实现原理的角度介绍 snowpack 的特点。同时，带大家一起看看，作为一个以原生 JavaScript 模块化为核心的年轻的构建工具，它是如何实现“老牌”构建工具所提供的那些特性的。 1. 初识 snowpack 近期，随着 vue3 的各种曝光，vite 的热度上升，与 vite 类似的 snowpack 的关注度也逐渐增加了。
7 天前 / Ryan众乐
写文章 Vue3 的 Proxy 能做到哪些精确的拦截操作？原理揭秘晨曦时梦见兮前端攻城狮 70 人赞同了该文章前言大家都知道，Vue2 里的响应式其实有点像是一个半完全体，对于对象上新增的属性无能为力，对于数组则需要拦截它的原型方法来实现响应式。 举个例子： let vm = new Vue({data() {return {a: 1}}})// oops，没反应！vm.b = 2let vm = new Vue({data() {return {a: 1}},watch: {b() {console.log('change !!')}}})// oops，没反应！vm.b = 2 这种时候，Vue 提供了一个 api：this.$set，来使得新增的属性也拥有响应式的效果。
9 天前 / 楼外青山
这是第56篇不掺水的原创，想要了解更多，请戳上方蓝色字体：政采云前端团队关注我们吧～本文首发于政采云前端团队博客：分分钟教会你搭建企业级的 npm 私有仓库 https://www.zoo.team/article/npm-registry 前言 npm 作为一种包管理工具，无论你是泛前端还是大前端都已经离不开它。它的出现方便了万千少年。让我们跨过了 Ctrl+C、Ctrl+V，通过 npm install x 的方式将别人的优秀代码模块引入到自己的项目中。这些优秀的模块能被共享的原因，一方面是有 npm 这么一个包管理工具，另外就是 npm 仓库。
9 天前 / semlinker
前端的数据存储方式，你除了用过 Cookies、localStorage 和 sessionStorage 外，还有用过其它的存储方式么？其实除了前面提到的 3 种存储方式，目前主流的浏览器还支持 Web SQL 和 IndexedDB。 目前市场上主流的浏览器有 Chrome 、Safari、Firefox、Opera、UC Browser 和 Internet Explorer 等，其中截止 2020 年 5 月，Chrome 的市场占有率为 「63.93%」，远远超过第二名 Safari 浏览（「18.19%」）。
11 天前 / Dunizb
NodeJS 的作者 Ryan Dahl 发布了一个新的运行时，旨在解决 Node 的许多缺点。你最初的反应可能是“哦，太棒了，另一个 Javascript 框架？正是我所需要的。..”。别担心，我也有同样的反应。在了解了优势之后，我也看到了为什么 Deno 正是 2020 年后端 Javascript 开发人员所需要的。让我们来看看 javascript 开发人员使用 Deno vs. Node 获得更流畅，更现代的体验的 5 大原因。 1.现代 Javascript——ES Modules 如果你是像我这样的 React 开发人员，你会注意到使用 NodeJS 导入软件包的语法是不同的。
15 天前 / 实时音视频A桑
在 RTC 2020 编程挑战赛春季赛中，像素级、低流量的屏幕共享工具「Syncit」获得了第二赛道的第一名。项目作者余彦臻同时还是拥有 6500+Star 的开源项目 rrweb 的作者。 在此前 CSDN 对获奖者的采访中我们了解到，从事前端开发的余彦臻，在平时工作中会用到 Teamviewer 等远程桌面工具。但是，大部分只需远程控制对方的浏览器，不需要操作系统级别的控制。于是他从浏览器入手，开发出了这款既关注隐私保护和易用性，又能不占用过多网络带宽的屏幕共享与远程控制工具「Syncit」。Syncit 传递的数据是文本格式的快照和 op-log。
15 天前 / Ryan众乐
首发于 imgcook 设计稿智能生成代码平台写文章 35 岁以后，在阿里做前端是怎样一种体验琪磊搞机器学习的前端籽 86 人赞同了该文章都说 ~ 在阿里，程序员 35 岁后如果没有转型就会被 “陆续淘汰”。 而我 ~ 35 岁以后作为一线程序员在阿里寻找新的大陆。XD 写这篇文章主要是想分享两件事情： 阿里前端的一些现状 35 岁后，在这里办公的一些见闻和心得。从去年 2019 年回到天猫团队，一年之间见证了淘系一系列前端组织结构的调整，到 2020 年初变化还是很大的。 我简单描述一下我观察到的淘系前端。
16 天前 / Ryan众乐
首发于前端早早聊写文章前端搞基建|小爝 - 如何推动基础架构项目落地 ScottDong 创业是场成长修行（微信： codingdreamer）86 人赞同了该文章下期预告下周六 - 6-20，是第十期 - 跨端跨栈 https://www.huodongxing.com/go/tl10 下下周六 - 6-27，是第十一期 - 女生专场 https://www.huodongxing.com/go/tl11 另外，每一期都提供了全年的联票，可以看所有场次的录播视频，包括下半年到年底的所有直播视频 本文是第一场讲师 - 小爝的讲稿文字版，给大家带来的分享是《如何推动基础架构项目落地》，今天的 PPT 风格是市面上失传了很久的高桥风 PPT...
18 天前 / 冷星1024
前段时间有朋友问我一个他们公司遇到的问题， 说是后端由于某种原因没有实现分页功能， 所以一次性返回了 2 万条数据，让前端用 select 组件展示到用户界面里。 我听完之后立马明白了他的困惑， 如果通过硬编码的方式去直接渲染这两万条数据到 select 中，肯定会卡死。 后面他还说需要支持搜索， 也是前端来实现，我顿时产生了兴趣。 当时想到的方案大致如下： 采用懒加载 + 分页 ( 前端维护懒加载的数据分发和分页)使用虚拟滚动技术 ( 目前 react 的 antd4.0 已支持虚拟滚动的 select 长列表)懒加载和分页方式一般用于做长列表优化...
19 天前 / 冷星1024
前端一说起刀耕火种，那肯定紧随着前端工程化这一话题。随着 react/vue/angular，es6+，webpack，babel，typescript 以及 node 的发展，前端已经在逐渐替代过去 script 引 cdn 开发的方式了，掀起了工程化这一大浪潮。得益于工程化的发展与开源社区的良好生态，前端应用的可用性与效率得到了很大提高。 前端以前是刀耕火种，那前端应用部署在以前也是刀耕火种。那前端应用部署的发展得益于什么，随前端工程化带来的副产品？ 这只是一部分，而更重要的原因是 devops 的崛起。
21 天前 / 嘉民617
点击前端充电营，关注我们 还是接着我们的上文，接下来谈谈 js 对于新手入门需要掌握哪些东西； 分清楚 ECMAScript 标准和 W3C 标准所谓的 ECMA，我们看百度百科的定义： ECMAScript 是一种由 Ecma 国际（前身为欧洲计算机制造商协会，European Computer Manufacturers Association）通过 ECMA-262 标准化的脚本程序设计语言。这种语言在万维网上应用广泛，它往往被称为 JavaScript 或 JScript，所以它可以理解为是 JavaScript 的一个标准，但实际上后两者是 ECMA-262 标准的实现和扩展。
23 天前 / u145168
在讲之前得说下 前端覆盖率的水真的是很深的，其实到目前为止还有很多未解之谜，由于对 babel 的编译以及 ast 了解的不是很多。所以确实分析问题起来很困难。 前端代码覆盖率方案关于前端代码覆盖率还不了解这块内容的同学们，可以参考下以下几篇文章，这里就不做赘述了。 基于 Istanbul 优雅地搭建前端 JS 覆盖率平台 前端精准测试探索：覆盖率实时统计工具 了解了上述两篇文章以后，你应该对前端的代码覆盖率有一定的了解了。那下来说下具体的方案吧。
27 天前 / Ryan众乐
文末福利：开发者藏经阁 NO.1 vite 是什么 vite —— 一个由 vue 作者尤雨溪开发的 web 开发工具，它具有以下特点： 快速的冷启动 即时的模块热更新 真正的按需编译 从作者在微博上的发言： Vite，一个基于浏览器原生 ES imports 的开发服务器。利用浏览器去解析 imports，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用。同时不仅有 Vue 文件支持，还搞定了热更新，而且热更新的速度不会随着模块增多而变慢。针对生产环境则可以把同一份代码用 rollup 打。
35 天前 / 冷星1024
本文来自阿里巴巴飞猪前端专家 @ 孝瓘，在移动端容器建设有深厚的经验，热爱前端 /iOS/Android 开发，从端视角负责过飞猪 H5/RN/Weex/ 小程序 /Flutter 容器的建设，本文试图从前端视角，向读友揭一揭“App 容器”的面纱，欢迎大伙一起交流。 App 容器，简言之，App 承载某类应用（H5/RN/Weex/ 小程序 /Flutter ...）的运行环境，可主动干预并进行功能扩展，达到丰富能力、优化性能、提升体验的目的，如页面数据预取（prefetch）缩短页面可用耗时、WebAR 将 AR 能力赋予 H5、Native 地图与 H5 复合渲染交互。
36 天前 / Ryan众乐
最近因为一些原因想要换份工作，通过猎头帮我投递了几家公司，收到了蚂蚁、字节和拼多多的面试邀约，先来说下面试的结果 蚂蚁：收到 offer，定级 P6+ 字节：收到 offer，定级 2-1 拼多多：1 面之后未继续流程拼多多先来说说拼多多，本来投的是 C 端，结果鬼使神差简历去到了 A 端（管理后台），一面简单了解之后并不愿意去做 A 端，之后也就没有继续后续的流程了。 一面合并两个数组 concat、for 循环、扩展运算法、push.apply 这些方法都可以 合并两个对象 Object.assign、扩展运算法、手写深浅拷贝 都可以 interface 和 type 的区别 常规题...