- 博客(103)
- 资源 (1)
- 收藏
- 关注
原创 畅玩本地编程大模型:解锁 VSCode 与 NeoVim 高效编程新姿势
在当今的编程领域,AI 辅助编程已然成为一股不可忽视的潮流;无论是 Cursor 还是 VSCode 中的国内外各种厂商的编程助手插件,都为开发者们带来了极大的便利。然而,远端服务和收费服务存在诸多限制,比如网络不稳定可能导致服务中断,高额的费用也让一些开发者望而却步。与此同时,qwen、deepseek 等本地编程模型也日臻成熟,其具备数据隐私性高、不受网络限制等优点,逐渐成为开发者更理想的一种...
2025-01-23 16:51:30
683
原创 零帧起手!让程序员的效率再次伟大
北京的天气是愈加凉了,一早出门尤为明显,寒风一夜之间扫光了枝头仅存的枯叶,也让连日加班造成的疲惫困顿顷刻清醒了不少。双肩包中的笔记本电脑让我的脖颈酸痛感觉又明显了一些;不知道各位开发者朋友是否有类似的体验,如果没个舒适的编程环境,长时间的写代码不仅会腰酸背痛和眼睛干涩,更重要的是 -- 开发效率很难保持在良好状态。今天要分享的,就是一款能从根本上提升开发效率的专业编程显示器 -- 明基 RD280...
2024-11-26 23:43:43
898
原创 Python: 从 2.7 升级到 3,我比 vue 慢了一点点
小破站搜索云前端,查看视频版2024 年 7 月 7 日,据一位长期的Python观察者爆料,Fedora 41 系统最终将停止支持 Python 2.7。这是Python 2系列的最后一个版本,Python 2.7在Fedora Linux 41中将被退役且不再替代。除了PyPy之外,Fedora 41及以后的版本将不再包含Python 2,对于依赖于python2.7的包,在运行时或构建时需要...
2024-07-09 08:50:50
941
1
原创 React 19 Cheat Sheet
React 19让构建网站和应用程序变得更容易,更好。有了很酷的新东西,比如React编译器、Actions API和更好的Hooks,编写代码变得更快,管理应用程序的数据变得更简单React 19让构建网站和应用程序变得更容易,更好。有了很酷的新东西,比如React编译器、Actions API和更好的Hooks,编写代码变得更快,管理应用程序的数据变得更简单React 19让构建网站和应用程序...
2024-03-08 13:45:59
584
原创 Rust! 无VDom! 尤雨溪解析 Vue.js 2024 新特性
视频号搜索“云前端”观看视频版在 VueJS Amsterdam 2024 大会首日,Vue 创始人 Evan You 进行了开场主旨演讲。他首先回顾了 Vue 十年以来的累累硕果,指出 VueJS 从一个视图层工具,成功演化出全流程的社区生态。Vue 3.4谈到 Vue 3 的发展时他回顾了 2023 年末发布的 Vue 3.4。在这个版本中,Vue 完全重写了模板解析器;新的解析器不再依赖于许...
2024-03-04 22:26:53
1343
原创 [译]一种基于模块联邦的插件前端
原文:https://malcolmkee.com/blog/a-plugin-based-frontend-with-module-federation/在谈及模块联邦及其独立构建和部署的特性(通常称为微前端)时,一个常见的问题是,“为什么这比使用iframe更好?”虽然这的确是一个问题,特别是当只使用模块联邦拼接多个UI时,其好处可能不会立即显现的时候;答案就在于它无缝集成多个前端应用程序,并...
2024-02-05 09:45:38
562
原创 不是Typescript用不起,而是JSDoc更有性价比?
1. TS不香了? 2023年,几条关于 Typescript 的新闻打破了沉寂,让没什么新活好整的前端开发圈子又热闹了一番。先是 GitHub 的报告称:“TypeScript 取代 Java 成为第三受欢迎语言”。在其当年度 Octoverse 开源状态报告中,在最流行的编程语言方面,TypeScript 越来越受欢迎,首次取代 Java 成为 GitHub 上 OSS 项目中第三大最受欢迎的...
2023-12-05 20:50:38
990
原创 Web Component -- 即将爆发的原生的 UI 组件化标准
Web Component 概述 Web Component 是一种用于构建可复用用户界面组件的技术,开发者可以创建自定义的 HTML 标签,并将其封装为包含逻辑和样式的独立组件,从而在任何 Web 应用中重复使用。每个 Web Component 都具有自己的 DOM 和样式隔离,避免了全局 CSS 和 JavaScript 的冲突问题。它还支持自定义事件和属性,可以与其他组件进行通信和交互。不...
2023-09-11 17:31:41
7467
2
原创 [译] 实战 React 18 中的 Suspense
> 原文:https://dev.to/darkmavis1980/a-practical-example-of-suspense-in-react-18-3llnReact 18 带来了很多变化,它不会破坏你已经编写过的代码,并且有很多改进和一些新概念。它也让很多开发人员,包括我,意识到我们错误地使用了useEffect hook。但话说回来,我们被其名称所误导了,因为实际上useEffe...
2023-04-23 19:35:03
880
原创 [译] React 中的 "最新 Ref 模式"
原文: https://epicreact.dev/the-latest-ref-pattern-in-react/博文 《"How React Uses Closures to Avoid Bugs"》(https://epicreact.dev/how-react-uses-closures-to-avoid-bugs) 解释了当 React 从类和生命周期转换到函数和 hooks 时所做的一...
2023-03-11 13:38:59
267
原创 在 Typescript 中使用 Array.filter(Boolean)
https://www.karltarvas.com/2021/03/11/typescript-array-filter-boolean.html对于 Array.filter(Boolean) 这种过滤数组的方法,Typescript 却并没有天然地支持它。《a lot of history to this issue》(https://github.com/microsoft/TypeScr...
2023-02-01 19:18:22
710
原创 前端单元测试,更进一步
前端测试@2022 如果从 2014 年 Jest 的第一个版本发布开始计算,前端开发领域工程化的单元测试能力已经发展了八年有余。Jest 集成了 Jasmine 等以往各种被证明有效的单元测试框架和断言等工具,也可以用来完成包含外部接口服务的集成测试等。最近几年热门的 vite 打包工具配套的 vitest,也是完全兼容 Jest 工具栈的;除了本身相比于 Jest 带来了比较大的性能提升之外,...
2022-11-28 16:03:45
297
原创 [译] 为何 React 18 中 useEffect 会运行两次?
原文:https://flaviocopes.com/react-useeffect-two-times/在 2022 年 3 月发布的 React 18 的发布公告中,数量可观的新特性扑面而来。而对 useEffect() 的默认行为的改变,可能就此被淹没了。如果你的应用在更新到 React 18 之后行为迥异,或许正是因为 useEffect() 默认变为被运行 2 ...
2022-06-03 01:46:08
5810
2
原创 用 vite 2 平滑升级 vue 2 + webpack 项目实战
目录 Vite vs. Webpack完整迁移实战Vite vs. Webpack 指标对比经过实际运行,在同一项目中、采用几乎相同的设置,结果如下:指标 \ 工具ViteVite(leg...
2022-03-09 20:30:00
2154
原创 [译] 用 sendBeacon 发送分析信息的优点
在实践中,我们使用 HTTP 请求将一些匿名指标从浏览器发送到服务器端。这些收集来的信息用于验证应用的行为是否正常、监控其质量和速度、服务恶化时发出警告等,也有助于通过统计分析和研究改善平...
2022-01-20 16:24:19
1132
原创 微前端工具箱:用subtree解决多模块复用问题
在日常开发工作中,可能会面临这样一种需求:项目 A 中,存在一个或多个有价值的功能模块,这里的所谓模块指有一个或几个页面组成的功能模组;其他项目,如项目 B,也想借助这些模块给自己赋能,且...
2021-11-18 19:45:00
503
原创 全面了解 Vue.js 函数式组件
如果你是一位前端开发者,又在某些机会下阅读过一些 Java 代码,可能会在后者中看到一种类似 ES6 语法中箭头函数的写法(Stringa,Stringb)->a.toLo...
2021-10-27 22:04:51
3220
原创 正则表达式:在 Vim 中异于 Javascript 的用法
对于前后端各种编程语言中的正则表达式,开发者们已经再熟悉不过了;但如果你在使用 vim 编辑器,同样会在命令模式下遇到需要用正则实现搜索替换的情景。往往在此时你会发现,这里的正则语法和 J...
2021-08-21 23:15:13
148
原创 bash 和 zsh 命令行终端中的快捷键
bash 和 zsh 命令行终端都非常流行,后者尤为“精妙”。这两个终端的关键命令很相似,而对于经常使用它们的人来说,了解这些省时省力的快捷键命令 -- 大部分是用来对当前命令行进行快速导...
2021-08-06 19:47:10
1048
1
原创 [译] 改善 DaVinci Resolve 性能的 5 个秘诀
原文:https://blog.frame.io/2020/02/24/davinci-resolve-performance/暴风雨中的老爷车 你还记得有 GPS 之前如何开车去远方吗?...
2021-06-29 19:43:56
1563
原创 [译] 以和为贵!让 ESlint、Prettier 和 EditorConfig 互不冲突
原文链接:https://blog.theodo.com/2019/08/empower-your-dev-environment-with-eslint-prettier-and-edi...
2021-06-09 21:15:00
766
原创 在不同 webpack 版本的 Vue 项目中配置 Storybook
在之前的一篇文章中,介绍过组件化搭建工具 storybook 在 vue 项目中的安装和配置。相比于其成文的时间,vue 项目依赖的工具多有发展;并且在实际应用中,多种历史版本的项目并存的...
2021-04-20 21:15:00
816
1
原创 韬光敛彩:用 nginx + express 无痛实现前端项目本地 mock
自从用单页应用(SPA)风靡以降,对于 web 前端项目来说 -- 无论是目前绝大多数的基于 webpack 的项目,还是既有的 grunt/gulp 项目来说,其基本开发流程大都如下:...
2020-12-25 09:30:00
642
1
原创 [译] JavaScript ES2021 中激动人心的特性
原文地址:JavaScript ES2021 Exciting Features原文作者:Taran译文出自:juejin翻译计划本文永久链接:https://github.com/xi...
2020-11-07 13:29:29
2295
原创 立等可取的 Vue + Typescript 函数式组件实战
不同于面向对象编程(OOP)中通过抽象出各种对象并注重其间的解耦问题等,函数式编程(FP) 聚焦最小的单项操作,将复杂任务变成一次次 f(x) = y 式的函数运算叠加。函数是 FP 中...
2020-10-22 09:40:00
1280
原创 顺藤摸瓜:用单元测试读懂 vue3 中的 defineComponent
在 Vue 3 的 Composition API 中,采用了 setup() 作为组件的入口函数。在结合了 TypeScript 的情况下,传统的 Vue.extend 等定义方法无法...
2020-10-21 12:25:22
13607
7
原创 [译] VueJS 中更好的组件组合方式
原文地址:https://itnext.io/better-composition-in-vue-fd35b9fe9c79原文作者:????Francesco Vitullo译文出自:?...
2020-09-23 08:55:00
666
2
原创 人人都能看懂的鸿蒙 “JS 小程序” 数据绑定原理
在几天前开源的华为 HarmonyOS (鸿蒙)中,提供了一种“微信小程序”式的跨平台开发框架,通过 Toolkit 将应用代码编译打包成 JS Bundle,解析并生成原生 UI 组件...
2020-09-22 14:24:32
6812
原创 [译] 如何处理 JavaScript 比较中的临界情况
原文地址:https://medium.com/javascript-in-plain-english/how-to-handle-comparison-corner-cases-c96...
2020-09-08 20:30:00
305
原创 [译] 世界比以往任何时候都更需要 Web 可访问性
原文地址:https://levelup.gitconnected.com/the-world-needs-web-accessibility-now-more-than-ever-df...
2020-09-08 20:30:00
111
原创 [译] Vue 应用的代码覆盖率
原文地址:https://vuejsdevelopers.com/2020/07/20/code-coverage-vue-cypress/原文作者:Gleb Bahmutov译文出自:...
2020-09-08 20:30:00
1287
原创 [译] 在 Vue 组件中分离 UI 和业务逻辑
原文:https://vuejs-course.com/blog/separating-ui-and-business-logic-in-vue-components我在大型 Vue 和...
2020-09-05 21:41:26
3998
原创 [译] React 测试驱动开发:从用户故事到产品
原文:https://www.toptal.com/react/tdd-react-user-stories-to-development在本文中,我们将采用 测试驱动开发(TDD:te...
2020-08-06 19:30:00
697
原创 [译] 使用 microbundle 打包 TypeScript 组件库
原文:https://codewithhugo.com/microbundle-typescript-npm-module/对于那些想要编写一个组件并发布到 npm 上的开发者来说,Ty...
2020-08-04 20:30:00
1824
原创 [译] 使用 TypeScript 开发 React Hooks
原文:https://www.toptal.com/react/react-hooks-typescript-exampleReact hooks 在 2019 年二月被引入,以改善代码...
2020-07-20 21:00:00
924
原创 Vue 3 新特性:在 Composition API 中使用 CSS Modules
在 Vue 3 Composition API 最近的一次 beta 升级中,无论是 Vue 3 本 3 库 vue-next,还是面向 Vue 2 过渡用的 @vue/composit...
2020-07-12 19:54:16
1970
1
原创 [译] 用 Typescript + Composition API 重构 Vue 3 组件
原文:https://vuejs-course.com/blog/vuejs-3-typescript-options-composition-api译注:原文作者著有 “Vue Tes...
2020-07-08 09:30:00
1036
原创 实用!最新的几个 Vue 3 重要特性提案
在几天前开启的 SFC Improvements #182 中,yyx990803 提交了 3 个改进开发者体验的征求意见稿。虽然看上去都不是体量很大的改动,但都相当实用,开发者谁用谁知...
2020-07-07 09:20:00
1476
原创 [译] 用 Vue 3 Composition API 实现 React Context/Provider 模式
原文:https://markus.oberlehner.net/blog/context-and-provider-pattern-with-the-vue-3-composition...
2020-07-01 19:20:00
464
原创 顺藤摸瓜:用单元测试读懂 vue3 中的 provide/inject
React Context API 提供了一种 Provider 模式,用以在组件树中的多个任意位置的组件之间共享属性,从而避免必须在多层嵌套的结构中层层传递 props。其围绕 Con...
2020-07-01 19:20:00
3392
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人