IWANABETHATGUY

大家好，我是 Steven。 虽然我不打机，但我都知道 赛博朋克 2077 这个游戏，在它的网页上，有一个 Available Now 的按钮，当游标移到它之上的时候，会有一个好像故障的毛刺效果。 这一期，我们就会模仿并且实现这个效果。 打开 CodePen 编辑器 ( htt…

1995 年，在我刚满周岁的时候，大洋彼岸有个叫 Brendan Eich 的人在十天内创造了一门今天我正以它谋生的编程语言，这就是 JavaScript。 这个快速创造 JavaScript 的故事在程序员群体中广为流传。但对于今天的人们来说，或许已经没有多少人记得（甚至体验…

本篇文章针对于 vue2，目前正在基于 vue3 做一个开源的脚手架，如果有感兴趣的同学，可以来这里贡献代码。 考虑到后续招人和现有人员的技术栈，选择 Vue 作为框架。 公司主要业务是 GIS 和 BIM，通常开发一些中大型的系统，所以 vue-router 和 vuex 都…

在大型项目开发中，经常会遇到这样一个场景，QA 丢给你一个出问题的链接，但是你完全不知道这个页面 & 组件对应的文件位置。 react-dev-inspector 就是应此需求而生。 可以在 预览网站 体验一下。 需要加一个 webpack loader 去遍历编译前…

当我们讨论「应用架构」的时候，可以理解为通过以下几个部分组合来构建网站。 Component model 组件模型。 Rendering and loading 渲染和加载。 Routing and transitions 路由和过渡。 Data/state managemen…

这是分析和理解句子的第一阶段。 词法分析是由词法分析器完成的,词法分析器会扫描(scanning)代码,提取词法单元。 词法分析器将代码分解成 Token 后,会将 Token 传递给解析器进行解析,我们来看下解析阶段是如何工作的。 Javascript 在语法中是一个主语名词…

每天看代码，写代码，修Bug，突发奇想做了这么一款小工具【代码年历】来统计自己一年提交了多少次代码。~~（然后就可以跟朋友炫耀了啊哈哈哈哈哈哈哈哈）~~（是的！不要Github profile 页的统计图！是好程序员就应该自己Host！）

Vue 3.0 的两个提案，最近吸引了许多开发者的注意跟讨论。一个是 script-setup 提案，一个是 ref-sugar 提案。 对于 script-setup 提案，大部分开发者持正面态度。 对于 ref-sugar 提案，却有相当数量的开发者表达否定态度。 在 Gi…

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …