This site runs best with JavaScript enabled.

如果搜索不到你想找的内容,可以尝试 使用 Google.

🪂 又一个 H5 拖放平台

团队准备做一个很有意思的 toC 的个性化互动页面定制,找了一些开源方案,实在是感觉二次开发起来费了力气还是缺这缺那,不自己搭不舒服。

🪂 手动搭建一个 jsDeliver

writing, CDN, npm
jsDeliver 是一个非常棒的CDN托管服务,但是因为不可名状的原因很早之前就从稳定到不稳定,最终肯定也是稳定的不能用了。觉得整个体验很好,尤其是托管机制非常好玩,这里尝试做一个类似的东西,可以拿来进一步增强小的页面级应用开发体验。

⚡ 优化 webpack 开发体验以及依赖预编译方案

大型复杂项目的编译优化,提升开发体验,编译时长从 120s 到 10s,我发现了什么。

🌋 WebIDE 的开发记录其八(Textmate详解)

思考, 整理, WorkPad, WebIDE, 云开发, Textmate
WorkPad 是一个非常有意思的项目,之前抱着分享思路的想法,用很简略的文章说了下重点,之后非常多的人来信询问 Textmate、LSP 等问题,后面用几篇文章再多说一些。本文为第八篇文章,谈谈 Textmate 的高亮和扩展。

🤖 机器人眼睛动画的实现 2

整理, 思考
从爱死机的 k-vrc 到 Vector/Cozmo 的眼睛,机器人眼睛的趣味性让我无法自拔,于是实现了这个有意思的眼睛绘制,顺便总结下一个项目的开发过程。

🤖 机器人眼睛动画的实现

整理, 思考
从爱死机的 k-vrc 到 Vector/Cozmo 的眼睛,机器人眼睛的趣味性让我无法自拔,于是实现了这个有意思的眼睛绘制,顺便总结下一个项目的开发过程。

🪂 兜底和容灾

兜底和容灾
周末你和爱人吃着饭,突然一个电话过来,平台突然无法访问,数万活跃用户受到影响,你匆忙赶到公司,发现除了发版无法解决,最后紧急提交但是还是等到下周一才彻底解决,复盘发现大量用户流失。最后结论是:意外总是突如其来,你准备的越充分越能抗住

🏡 因为租房子我一口气写了两个项目

房租还有半个月到期,想着去找找房子吧,但是去哪找?搬去哪的问题是个大问题,北京城很大,房子很多,只要妥协总能找到,可惜我不想妥协。

🗻 把 MIUI 12 的超级雪山搬到 Web 上(二)

Three.js, 3D, Mars
万万没想到这篇文章居然还能写个二。MIUI 12.5 发布的时候增加了一个四姑娘山的超级壁纸,看腻了之前的超级火星,这次这个比较清新,过了很久还是忍不住又鼓捣着玩起来了。

🔂 数据驱动模式下状态和视图层逻辑

前端, 整理
“你需要精心设计好数据模型和组件状态才能得到一个运转良好的视图表现。” 无论是什么框架或者语言,这种架构优秀的应用都是减少状态变更牵扯的计算和渲染。

🌈 跨域任意门

前端, 整理
很多时候的小的个人项目需要一些数据,开发阶段只需要很少的请求别人的数据,也不值当收集或者搭建服务,就想着直接从客户端请求,但是大部分的服务都有跨域问题,常见的解决方案是服务器代理一下,今天把这种方案整理一下,做的全面一些方便使用。

🍻 跟着 Chrome 学技术

整理, 思考, 功能
Chrome 是一个很优秀的浏览器,好奇查看了一些页面的源代码,发现很多我们值得学习的技术和能力,面向大佬编程,奥利给!

📦 改进一个简单朴素的 react 数据管理层 NOVUS

整理, 思考, 功能, NOVUS, 状态管理
上次造的轮子在好几个项目中落地,因为造的有点仓促,只顾了几个痛点,很多没有考虑周到的地方在实践的时候暴露出来,这里记录下中间改进的地方。

🔗 30 分钟创建一个短链服务

短链, Baas
“域名很简练,如果用来做短链服务的话应该挺有意思” 这个想法一直存在,决定要做之后发现还是挺容易实现的,过程很有意思。

⛓ 未来协议

对未来互联网和生活的畅想,发挥点想象力的天马行空。

🐏 Web 实现 Fluent UI 的 Acrylic 亚克力效果和组件库的能力

CSS 的能力已经很强大了,前两天看到了微软的 FluentDesign,尝试用 CSS 实现下。

🐍 新技术尝个鲜 - deno

deno
Deno 刚发布的时候就关注到了,感觉还是很有前景的,面向未来,现在尝个鲜

💒 结婚撸个相册 🎈🎉💖💗💕💘

美好
看到自己的爱人穿上婚纱的样子,心里藏不住的开心

🌏 把 MIUI 12 的超级火星搬到 Web 上

Three.js, 3D, Mars
当初 MIUI 12 发布时,超级壁纸功能着实看起来特别的有感觉,之前已经申请开发版内测,第一时间体验下来整个桌面到息屏的动画流畅,最后手机息屏之后一个火星在屏幕上还是挺震撼的。但,不就是个3D球吗!?

🥧 一次意外的 Bug 竟然是因为它 ?!Array.sort 使用避坑

想要使用种子生成一个地图,然后遇到了一个很奇怪的问题,发现 sort 内部实现的黑盒\~\~~

🙅‍ 持续集成和部署(CI 和 CD)

持续集成是现代团队协作的基础建设了,一个成熟的团队肯定会搭建自己的整个持续集成和持续部署流程。

🌀 serverless 时代和云计算时代

serverless
serverless 就是不需要买/租服务器就能把程序运行起来。那程序放到哪?怎么触发?调用数据库怎么办?怎么写代码?怎么部署和运行?

📃 数据库和 SQL

SQL, 整理, 数据库
数据库在日常开发中接触很多,其中的存储思想和方法对于数据和接口的理解大有裨益,虽然很多端侧开发可能不会直接接触,但是系统的了解下是很有必要的。

👌 简单 6 步从零开始配置 ts 和 react 环境

工程化、脚手架等关键词,让现代人都忘了原始怎么从零开始了,怎么能搭建一个初始环境其实没有那么复杂,今天只用六步从零实现一下这个过程。

🍻 flutter 在不同 fit 图片上的 hero 动画

功能, 技巧, flutter
最简单的数学计算,实现不同 fitMode 图片的 hero 动画,避免出现动画割裂。 flutter hero 是个很酷的东西,经常在列表到详情切换中用到。

💊 flutter 性能优化

整理, 性能优化, flutter, 调试
flutter 已经不算是新生的事物了,毫无疑问是一个非常优秀、很有前景的技术栈,但是并不能说生产环境里这个一个多么低门槛的完美解决方案。

🚴‍♀️ 小公司的技术架构演进

不算实习也已经从业 5 年,在小公司见证了很多架构从零搭建起来,从零开始承接流量,这里分享下我眼里的大前端技术架构演进

📊 React 实践技巧和性能优化

如今单单实现业务目标已经不够了,性能和体验是上层产品的基础,更加优质、体验更好的业务变得越来越重要。所以实现极致的性能、提升产品体验,是很值得追求的一件事情。

🤔 技术背后隐含的思维方式

很多技术的实现不是简单的解决某个场景,解决方案之后还有着不同的思考和思维方式,比如 Hooks、Flux、Fiber、TypeScript,这篇文章聊聊\~~

📦 实现一个简单朴素的 react 数据管理层 NOVUS

整理, 思考, 功能, NOVUS, 状态管理
我喜欢的全局数据管理层只需要一个数据层,而不是各种范式、同步异步的需求,更不是没办法代码提示的各种 Action Type,尤其是没有 typescript 支持,不喜欢各种类型写好多次,不喜欢各种数据层概念,只想要实现一个简单朴素的数据管理工具

🌋 WebIDE 的开发记录其七(DirtyDiff 支持)

思考, 整理, WorkPad, WebIDE, 云开发, Dirty Diff
WorkPad 是一个非常有意思的项目,花了很多空闲时间打磨,光基础架构的重构就好几遍,现在略微记录下开发的思路和想法。本文为第七篇文章,谈谈怎么在 monaco-editor 上添加编辑器必备的 Git Dirty Diff 功能。

🌋 WebIDE 的开发记录其六(LSP 支持)

思考, 整理, WorkPad, WebIDE, 云开发, LSP
WorkPad 是一个非常有意思的项目,花了很多空闲时间打磨,光基础架构的重构就好几遍,现在略微记录下开发的思路和想法。本文为第六篇文章,谈谈怎么在 monaco-editor 上添加语言服务支持 LSP 的。

🌋 WebIDE 的开发记录其五(monaco-editor + textmate)

思考, 整理, WorkPad, WebIDE, 云开发, 在线编辑器
WorkPad 是一个非常有意思的项目,花了很多空闲时间打磨,光基础架构的重构就好几遍,现在略微记录下开发的思路和想法。本文为第五篇文章,谈谈怎么在 monaco-editor 用 textmate 替换内置语法和高亮的。

🌋 WebIDE 的开发记录其四(命令行终端)

思考, 整理, WorkPad, WebIDE, 云开发, 在线编辑器
WorkPad 是一个非常有意思的项目,花了很多空闲时间打磨,光基础架构的重构就好几遍,现在略微记录下开发的思路和想法。本文为第四篇文章,谈谈命令行终端是怎么集成的。

🌋 WebIDE 的开发记录其三(editor 集成)

思考, 整理, WorkPad, WebIDE, 云开发, 在线编辑器
WorkPad 是一个非常有意思的项目,花了很多空闲时间打磨,光基础架构的重构就好几遍,现在略微记录下开发的思路和想法。本文为第三篇文章,谈谈 monaco-editor 的集成的。

🌋 WebIDE 的开发记录其二(核心架构)

思考, 整理, WorkPad, WebIDE, 云开发, 在线编辑器, NOVUS, 状态管理
WorkPad 是一个非常有意思的项目,花了很多空闲时间打磨,光基础架构的重构就好几遍,现在略微记录下开发的思路和想法。本文为第二篇文章,谈谈基础架构是怎么实现的。

🌋 WebIDE 的开发记录其一(前言和概览)

思考, 整理, WorkPad, WebIDE, 云开发, 在线编辑器
WorkPad 是一个非常有意思的项目,花了很多空闲时间打磨,光基础架构的重构就好几遍,现在略微记录下开发的思路和想法。本文为第一篇文章,谈谈想法、技术栈、基础核心等。

🔰 前端编辑器常见配置文件

前端, 整理
项目根目录会有很多配置文件,今天梳理一下有哪些,不是罗列,而是感叹下前端现在的工具和配置的 “艺术”

🏃‍♂️ TypeScript 以及一些理解和技巧

整理, TypeScript, TS, 前端
TypeScript 真的是一个很伟大的前端静态类型解决方案,已经离不开了,简单列举一些内容\~~

🚑 Eslint 周边

ESLint, 前端, 最佳实践
ESlint 一直在用,前端大杀器,团队协作最基础的一个支撑,简单写点记录下温故知新的东西.

🎨 使用 flutter 构建移动端 App

整理, 思考, flutter
flutter 已经不算是新生的事物了,毫无疑问是一个非常优秀、很有前景的技术栈,但是并不能说生产环境里这个一个多么低门槛的完美解决方案。

🔐 数据结构和算法 [ONGOING]

算法, 整理, 思考
数据结构对于一个程序员是一个基本功,出身计算机科学的肯定会接触过。算法也不用说,常见的算法思想对于业务和能力的提升是显而易见的,至少解决问题的能力建立在熟悉常见数据结构和常见算法的基础上。数据结构和算法是在 IT 行业想有精进的最基础的能力,日常业务、数据处理和算法都必须知道这些,必须好好打扎实这个基础。

💡 Babel 再理解和最佳实践

babel, ES6, polyfill, 最佳实践, 前端
现代前端技术发展的奠基石 Babel,一个神奇的存在,现代前端、工程化必不可少的一块拼图,简单梳理下体系和目前的最佳实践。

🚑 ES Class 相关

ESLint, 前端, TypeScript, 最佳实践
ES 的很多标准 ES6、ES7 甚至草案阶段的实现,加上 TS 等的实现,有时候会让人蒙圈。今天用到了 Class,相关的概念先梳理下。

🚀 全栈=全干

思考, 协作, 技巧
全栈=全干,一个在前后端都有生产能力、各类技术都有涉猎的工种,一般顶着这个头衔表示团队多面手、救火队员、项目全包的瑞士军刀,在一线岗位发扬不怕苦不怕累、哪里需要哪里搬的精神,广受小公司、创业公司的欢迎。

⚓ React Hooks 理解

react, hooks, 技巧, 思考, 功能
hooks 的思想是开发者不再需要去理清每一个生命周期函数的触发时机,以及在里面处理逻辑会有哪些影响。而是更关注去思考哪些是状态,哪些是副作用,哪些是需要缓存的复杂计算和不必要的渲染。class 更偏向的是清晰完整的生命周期,一个经典的面向对象思想,强调的是方法和属性。

📒 项目说明怎么写 - Readme 的自我修养

技巧, 最佳实践, 协作
项目的门面,项目的第一眼,交接的核心,质量的基础,沉淀和总结的关键,写好一个 ReadMe 是一个程序员的基本要求。

🎁 import 还是 require

整理, 思考, 模块, import, require, CMD, AMD, Webpack, ES5, ES6
webpack、node.js、ES5 的模块引用是不一样的,本文了解一下模块化的一些东西,重点说明不同的代码组织方式。

😜 算法双指针

算法中又一个比较常见的双指针方法,这篇文章来思考下那些场景用的比较多。

😋 最大的 K 元素

Leet-Code 中常见的一个技巧。

🐛 记录一次最失败的 debug 过程

思考, 调试
出现 bug 非常正常,但是 Debug 的过程中切忌浮躁、自以为是、胡乱猜测,其实你以为的并不对,反而让你一次一次的忽视简单的问题线索。

🖐 编程新手问题

思考, 协作, skills
带了一些实习生之后发现编程初学者和老鸟的区别,很多时候经验真的是很重要,在此记录下这些不同

😄 reduce 函数

js 中一般很少用(至少之前我很少用到)的一个内置函数,趁着有时间深入了解下。

🚢 前端进阶之路启程

思考, 闲聊
虽然不间断的学习,项目中也会用到接触到新技术,但是仍然觉得自己差的很多,特别的焦虑。可能很多人也会有这个阶段,焦虑,有想法,愿意努力,但是不得要领。

🌞 不要错过外面美妙的阳光~~

写给自己的初心、放下手机,吹吹外面世界真实的风\~~

🐞 关于

有时间就会分享一些技术文章、专业内容、经典问题、系列功能等。

{⛔ 未标注内容均为原创,请勿转载 ©️}