2 天前 / 冷星1024
作为前端工程师，前端框架几乎每天都要用到，需要好好掌握，而对某项技术的掌握程度可以根据是否能实现一个来判断。手写一个前端框架对更好的掌握它是很有帮助的事情。 现代前端框架经过多年的迭代都已经变得很复杂，理清它们的实现原理变得困难重重。所以我想写一个最简单版本的前端框架来帮助大家理清思路。 一个完整的前端框架涉及到的内容还是比较多的，我们一步步的来，这篇文章来实现下 vdom 的渲染。 vdom 的渲染 vdom 全称 virtual dom，用来声明式的描述页面，现代前端框架很多都基于 vdom。
5 天前 / 浪客书心
↓推荐关注↓ 转自：开源中国 在Faker.js 作者清空自己的开源项目 Faker.js 和colors.js一周后，Faker.js 现在已成为由社区控制的项目。目前项目的管理团队由 8 名来自不同背景和公司的工程师组成。 Faker.js 是十分流行的 Node.js 工具库，提供了各种类型的模拟数据，用于开发调试。最早的 Faker 项目于 2004 年由 Jason Kohles 首次使用 Perl 实现。后来 Marak 实现了 Node.js 版本，并投入了大量精力和时间来维护 Faker.js。据介绍，目前 Faker.js 团队短期内会将他们维护的库对外称为“官方库”，这样是为了消除许多非社区维护的重写和分支带来的混淆。
7 天前 / 冷星1024
大厂技术高级前端Node 进阶 点击上方程序员成长指北，关注公众号 回复 1，加入高级 Node 交流群 NVS (Node Version Switcher) NVS 是一个跨平台的 Node.js 的版本切换工具，并且 NVS 本身是用 Node.js[1]编写的。 这个工具显然是受到其他 Node.js 版本管理器工具的启发，特别是 nvm[2]，它借鉴了很多思想和一些命令行语法。 以下是基本的设置说明。有关设置 NVS 的更多细节和选项，请参阅设置页面。[3] Windowswindows 的 MSI 安装包可以从 NVS releases page on GitHub[4]这里获得。
8 天前 / 开发者头条
以下内容节选自「码农周刊 VIP 会员专属邮件周报 Vol.077」，查看完整链接版请点击「阅读原文」。 互联网广告的葬礼 https://mp.weixin.qq.com/s/gIwZfGiHtNM3B1fXZRO5dA “泡沫以肉眼可见的速度消失，身在其中的落差感确实很大。这要搁在两三年前，互联网的钱就像大风刮来似的，几十万的预算稀松平常，几百万的预算才能叫做重点项目。” 抖音生猛，张小龙以退为进 https://mp.weixin.qq.com/s/eJB6umYXkXao7PUUJYTILA 大如微信也无法与趋势为敌，张小龙终究还是妥协了。
34 天前 / cxc_xinconan
Pinia正式成为 vuejs 官方的状态库，意味着就是Vuex 5.x。先来看早期vue 上一个关于 Vuex 5.x 的 RFC ： 描述中可以看到，Vue 5.x 主要改善以下几个特性： 同时支持 composition api 和 options api 的语法；去掉 mutations，只有 state、getters 和 actions；不支持嵌套的模块，通过组合 store 来代替；更完善的 Typescript 支持；清晰、显式的代码拆分；而 Pinia 正是基于 RFC 所生成的一个玩物。
35 天前 / 冷星1024
Nest 是一个用于构建高效，可扩展的 Node.js 服务器端应用程序的框架。在底层，Nest 使用强大的 HTTP Server 框架，如 Express（默认）和 Fastify。Nest 在这些框架之上提供了一定程度的抽象，同时也将其 API 直接暴露给开发人员。这样可以轻松使用每个平台的无数第三方模块。 支持 TypeScript（也支持纯 js 编写代码）,默认支持最新的 ES6 等语法和特性 ( 用 babel 做代码转换)。node 版本要求 >= 10.13.0, v13 版本除外。 要了解 Nest ，建议先了解一下装饰器，因为 Nest 里面的方法很多都是以装饰器的方式提供的，下面我简单介绍一下。
37 天前 / 青年码农
最近在做有关车辆定位及历史轨迹的项目，需要显示车辆当前位置信息、车辆历史轨迹及行驶公里数，需要这样的效果。 轨迹回放使用的百度的路书功能，包含了开始、暂定、重置功能，但是后台返回的数据只包含了坐标点， 行驶里程数需要前台页面计算。开始查资料，百度提供计算里程的 api，提供开始和结束的几个坐标点，再选择是骑车、步行、驾车、是否走高速之类的条件，百度自动计算行车里程，但是这种误差相对比较大，于是放弃。换了另一种方案，根据两个坐标点计算段之间的距离，再累加，这种计算的是实际行驶的里程，开始 coding。
102 天前 / u589210
(1) 问题现状目前常见的词法分析器与语言耦合较为紧密且代码量较为庞大，难以关注词法分析器其本质原理。 (2) 项目萌芽为把关注重心放在词法分析器的工作原理上，不再需要考虑由不同语言造成的细枝末节差异，于是就有了此lexer项目。 (3) 解决方案lexer主要通过以下两个JS文件，实现词法分析器与语言的解耦 /src/lexer.js文件是词法分析器的核心，主要分为ISR（输入流读取器）和DFA（有限状态自动机），代码会保持在300行内/src/lang/{lang}-define.js文件是词法分析器的扩展，支持不同语言的接入...
136 天前 / 公众号-Android开发编程
前言 之前我们一直说要介绍下前端的知识点，一直没空总结，这不来了； js 运行机制，来一篇总结 一、js 的基础知识点介绍 js 作为浏览器脚本语言，它的主要用途是与用户互动，以及操作 DOM，因此 js 是单线程，也避免了同时操作同一个 DOM 的矛盾问题； 为了利用多核 CPU 的计算能力，H5 的 Web Worker 实现的“多线程”实际上指的是“多子线程”，完全受控于主线程，且不允许操作 DOM； js 引擎存在 monitoring process 进程，会持续不断的检查主线程执行栈是否为空，一旦为空，就会去 Event Queue 那里检查是否有等待被调用的函数。
237 天前 / 冷星1024
这是布兰的第 22 篇原创 为什么要写这类文章 作为一个程序员，代码能力毋庸置疑是非常非常重要的，就像现在为什么大厂面试基本都问什么 API 怎么实现可见其重要性。我想说的是居然手写这么重要，那我们就必须掌握它。 作为一个普通前端，我是真的写不出 Promise A+ 规范，但是没关系，我们可以站在巨人的肩膀上，要相信我们现在要走的路，前人都走过，所以可以找找现在社区已经存在的那些优秀的文章，比如工业聚大佬写的 100 行代码实现 Promises/A+ 规范，找到这些文章后不是收藏夹吃灰，得找个时间踏踏实实的学，一行一行的磨，直到搞懂为止。
250 天前 / 神策数据
本文根据神策数据资深前端研发工程师王磊《如何用 JS 实现页面录制与回放》的直播整理而成。以下为正文：一、业务背景对于研发来说，总是需要处理一些线上问题。To B 和To C企业在应对线上问题的流程上有很多相似之处，同时也存在一定差异点。对于 To C 企业，我们通常会通过用户反馈或线上实时监控系统获取到系统异常状态，同时我们整合获取到的用户环境、系统、配置、版本等信息在本地进行调试复现，成功复现后进行 bugfix 和发布操作。
252 天前 / warjiang
豆皮粉儿们，大家好呀。愉快的五一节就这么过去了，假期有没有好好游玩一番呢。今天给大家由 给大家讲解，如何用 go 实现一个 js 解释器。 作者：清风慕竹 背景前段时间在开发版本发布系统过程中，为了追求系统的灵活性，我们允许用户通过写 js 的方式生成 json 配置，业务上有定制的需求可以通过 js 代码来实现，这样在不调整底层系统的情况下可以尽可能的支持业务中的个性化需求。由于发布系统是用 golang 开发的，所以这里需要一个 go 版本的 js 解释器（不需要考虑 gc、jit、inline-cache 等复杂内容，只是一个简单的解释器的实现...
349 天前 / 阿来
函数式编程可以让代码更简洁易懂，更人性化，在主流编程语言中大行其道，像 scala， python 这些语言都是完全函数式编程语言。而 java 与 javascript 这两门前后端分别用得最广泛的语言，也与时俱进各自支持了函数式编程，下面就对它们从各方面进行对比： 1 遍历 java 代码 List list = Arrays.asList(1, 2, 3, 4, 5, 6, 7, 8, 9); list.forEach(System.out::print); list.forEach(item->System.out.println(item));运行结果 123456789javascript 代码 let list = [1,2,3,4,5,6,7,8,9]; list.forEach(item=>console.log(item));运行结果 1 2 3 4 5 6 7 8 9...
418 天前 / 冷星1024
前言本文将介绍前端如何封装一款js-sdk以及如何快速将你的应用变成js-sdk, 我们将总结一些封装js-sdk的原则和案例， 来帮大家更快的上手sdk开发。 其中笔者还会以 H5-Dooring为例子， 介绍如何将H5 页面编辑器封装成一个js-sdk供他人使用。 正文在开始文章之前， 笔者先来介绍一下什么是sdk.sdk 即软件开发工具包， 一般是一些软件工程师为特定的软件包、软件框架、硬件平台、操作系统等建立应用软件时的开发工具的集合。