- 博客(100)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 React 19 Cheat Sheet
React 19让构建网站和应用程序变得更容易，更好。有了很酷的新东西，比如React编译器、Actions API和更好的Hooks，编写代码变得更快，管理应用程序的数据变得更简单React 19让构建网站和应用程序变得更容易，更好。有了很酷的新东西，比如React编译器、Actions API和更好的Hooks，编写代码变得更快，管理应用程序的数据变得更简单React 19让构建网站和应用程序...
2024-03-08 13:45:59
480
原创 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
1054
原创 [译]一种基于模块联邦的插件前端
原文：https://malcolmkee.com/blog/a-plugin-based-frontend-with-module-federation/在谈及模块联邦及其独立构建和部署的特性（通常称为微前端）时，一个常见的问题是，“为什么这比使用iframe更好？”虽然这的确是一个问题，特别是当只使用模块联邦拼接多个UI时，其好处可能不会立即显现的时候；答案就在于它无缝集成多个前端应用程序，并...
2024-02-05 09:45:38
425
原创 不是Typescript用不起，而是JSDoc更有性价比？
1. TS不香了？ 2023年，几条关于 Typescript 的新闻打破了沉寂，让没什么新活好整的前端开发圈子又热闹了一番。先是 GitHub 的报告称：“TypeScript 取代 Java 成为第三受欢迎语言”。在其当年度 Octoverse 开源状态报告中，在最流行的编程语言方面，TypeScript 越来越受欢迎，首次取代 Java 成为 GitHub 上 OSS 项目中第三大最受欢迎的...
2023-12-05 20:50:38
892
原创 Web Component -- 即将爆发的原生的 UI 组件化标准
Web Component 概述 Web Component 是一种用于构建可复用用户界面组件的技术，开发者可以创建自定义的 HTML 标签，并将其封装为包含逻辑和样式的独立组件，从而在任何 Web 应用中重复使用。每个 Web Component 都具有自己的 DOM 和样式隔离，避免了全局 CSS 和 JavaScript 的冲突问题。它还支持自定义事件和属性，可以与其他组件进行通信和交互。不...
2023-09-11 17:31:41
2908
1
原创 [译] 实战 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
744
原创 [译] 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
217
原创 在 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
486
原创 前端单元测试，更进一步
前端测试@2022 如果从 2014 年 Jest 的第一个版本发布开始计算，前端开发领域工程化的单元测试能力已经发展了八年有余。Jest 集成了 Jasmine 等以往各种被证明有效的单元测试框架和断言等工具，也可以用来完成包含外部接口服务的集成测试等。最近几年热门的 vite 打包工具配套的 vitest，也是完全兼容 Jest 工具栈的；除了本身相比于 Jest 带来了比较大的性能提升之外，...
2022-11-28 16:03:45
221
原创 [译] 为何 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
5150
2
原创 用 vite 2 平滑升级 vue 2 + webpack 项目实战
目录 Vite vs. Webpack完整迁移实战Vite vs. Webpack 指标对比经过实际运行，在同一项目中、采用几乎相同的设置，结果如下：指标 \ 工具ViteVite(leg...
2022-03-09 20:30:00
2041
原创 [译] 用 sendBeacon 发送分析信息的优点
在实践中，我们使用 HTTP 请求将一些匿名指标从浏览器发送到服务器端。这些收集来的信息用于验证应用的行为是否正常、监控其质量和速度、服务恶化时发出警告等，也有助于通过统计分析和研究改善平...
2022-01-20 16:24:19
980
原创 微前端工具箱：用subtree解决多模块复用问题
在日常开发工作中，可能会面临这样一种需求：项目 A 中，存在一个或多个有价值的功能模块，这里的所谓模块指有一个或几个页面组成的功能模组；其他项目，如项目 B，也想借助这些模块给自己赋能，且...
2021-11-18 19:45:00
408
原创 全面了解 Vue.js 函数式组件
如果你是一位前端开发者，又在某些机会下阅读过一些 Java 代码，可能会在后者中看到一种类似 ES6 语法中箭头函数的写法(Stringa,Stringb)->a.toLo...
2021-10-27 22:04:51
2927
原创 正则表达式：在 Vim 中异于 Javascript 的用法
对于前后端各种编程语言中的正则表达式，开发者们已经再熟悉不过了；但如果你在使用 vim 编辑器，同样会在命令模式下遇到需要用正则实现搜索替换的情景。往往在此时你会发现，这里的正则语法和 J...
2021-08-21 23:15:13
99
原创 bash 和 zsh 命令行终端中的快捷键
bash 和 zsh 命令行终端都非常流行，后者尤为“精妙”。这两个终端的关键命令很相似，而对于经常使用它们的人来说，了解这些省时省力的快捷键命令 -- 大部分是用来对当前命令行进行快速导...
2021-08-06 19:47:10
845
1
原创 [译] 改善 DaVinci Resolve 性能的 5 个秘诀
原文：https://blog.frame.io/2020/02/24/davinci-resolve-performance/暴风雨中的老爷车 你还记得有 GPS 之前如何开车去远方吗？...
2021-06-29 19:43:56
1073
原创 [译] 以和为贵！让 ESlint、Prettier 和 EditorConfig 互不冲突
原文链接：https://blog.theodo.com/2019/08/empower-your-dev-environment-with-eslint-prettier-and-edi...
2021-06-09 21:15:00
675
原创 在不同 webpack 版本的 Vue 项目中配置 Storybook
在之前的一篇文章中，介绍过组件化搭建工具 storybook 在 vue 项目中的安装和配置。相比于其成文的时间，vue 项目依赖的工具多有发展；并且在实际应用中，多种历史版本的项目并存的...
2021-04-20 21:15:00
662
1
原创 韬光敛彩：用 nginx + express 无痛实现前端项目本地 mock
自从用单页应用（SPA）风靡以降，对于 web 前端项目来说 -- 无论是目前绝大多数的基于 webpack 的项目，还是既有的 grunt/gulp 项目来说，其基本开发流程大都如下：...
2020-12-25 09:30:00
450
1
原创 [译] JavaScript ES2021 中激动人心的特性
原文地址：JavaScript ES2021 Exciting Features原文作者：Taran译文出自：juejin翻译计划本文永久链接：https://github.com/xi...
2020-11-07 13:29:29
2250
原创 立等可取的 Vue + Typescript 函数式组件实战
不同于面向对象编程（OOP）中通过抽象出各种对象并注重其间的解耦问题等，函数式编程（FP） 聚焦最小的单项操作，将复杂任务变成一次次 f(x) = y 式的函数运算叠加。函数是 FP 中...
2020-10-22 09:40:00
1093
原创 顺藤摸瓜：用单元测试读懂 vue3 中的 defineComponent
在 Vue 3 的 Composition API 中，采用了 setup() 作为组件的入口函数。在结合了 TypeScript 的情况下，传统的 Vue.extend 等定义方法无法...
2020-10-21 12:25:22
13287
7
原创 [译] VueJS 中更好的组件组合方式
原文地址：https://itnext.io/better-composition-in-vue-fd35b9fe9c79原文作者：????Francesco Vitullo译文出自：?...
2020-09-23 08:55:00
597
2
原创 人人都能看懂的鸿蒙 “JS 小程序” 数据绑定原理
在几天前开源的华为 HarmonyOS （鸿蒙）中，提供了一种“微信小程序”式的跨平台开发框架，通过 Toolkit 将应用代码编译打包成 JS Bundle，解析并生成原生 UI 组件...
2020-09-22 14:24:32
6660
原创 [译] 如何处理 JavaScript 比较中的临界情况
原文地址：https://medium.com/javascript-in-plain-english/how-to-handle-comparison-corner-cases-c96...
2020-09-08 20:30:00
257
原创 [译] 世界比以往任何时候都更需要 Web 可访问性
原文地址：https://levelup.gitconnected.com/the-world-needs-web-accessibility-now-more-than-ever-df...
2020-09-08 20:30:00
76
原创 [译] Vue 应用的代码覆盖率
原文地址：https://vuejsdevelopers.com/2020/07/20/code-coverage-vue-cypress/原文作者：Gleb Bahmutov译文出自：...
2020-09-08 20:30:00
1112
原创 [译] 在 Vue 组件中分离 UI 和业务逻辑
原文：https://vuejs-course.com/blog/separating-ui-and-business-logic-in-vue-components我在大型 Vue 和...
2020-09-05 21:41:26
3718
原创 [译] React 测试驱动开发：从用户故事到产品
原文：https://www.toptal.com/react/tdd-react-user-stories-to-development在本文中，我们将采用 测试驱动开发（TDD：te...
2020-08-06 19:30:00
641
原创 [译] 使用 microbundle 打包 TypeScript 组件库
原文：https://codewithhugo.com/microbundle-typescript-npm-module/对于那些想要编写一个组件并发布到 npm 上的开发者来说，Ty...
2020-08-04 20:30:00
1679
原创 [译] 使用 TypeScript 开发 React Hooks
原文：https://www.toptal.com/react/react-hooks-typescript-exampleReact hooks 在 2019 年二月被引入，以改善代码...
2020-07-20 21:00:00
873
原创 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
1867
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
954
原创 实用！最新的几个 Vue 3 重要特性提案
在几天前开启的 SFC Improvements #182 中，yyx990803 提交了 3 个改进开发者体验的征求意见稿。虽然看上去都不是体量很大的改动，但都相当实用，开发者谁用谁知...
2020-07-07 09:20:00
1434
原创 [译] 用 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
382
原创 顺藤摸瓜：用单元测试读懂 vue3 中的 provide/inject
React Context API 提供了一种 Provider 模式，用以在组件树中的多个任意位置的组件之间共享属性，从而避免必须在多层嵌套的结构中层层传递 props。其围绕 Con...
2020-07-01 19:20:00
3275
原创 [译]: Vue.js 函数式组件：what, why & when?
原文：https://medium.com/js-dojo/vue-js-functional-components-what-why-and-when-439cfaa08713要义：如...
2020-07-01 19:20:00
467
原创 [译] 监听第三方 Vue 组件的生命周期钩子
原文：https://vuedose.tips/listen-to-lifecycle-hooks-on-third-party-vue-js-components/在某些情况下，开发者...
2020-06-29 09:15:00
435
原创 [译] 用 Vue.js 3 Composition API 创建 i18n 插件
原文：https://vuedose.tips/create-a-i18n-plugin-with-composition-api-in-vuejs-3/在 Vue.js 3 中用 Co...
2020-06-29 09:15:00
1333
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人