- 博客(337)
- 收藏
- 关注
RSS订阅
原创 MetaWork：拜托，这样远程结对编程超酷的
1. 话说结对编程众所周知，结对编程（英语：Pair programming）是一种敏捷软件开发的方法，两个程序员在一个计算机上共同工作。一个人输入代码，而另一个人审查他输入的每一行代码。但是真实环境中，往往不止两人结对编程：众后端围着前端审查代码。产品/设计/老板 围着前端改样式。于是就会发展成下面这样：显然，这不符合疫情期间的防范规定。况且在如今轻则AB班，重则居家办...
2022-04-18 12:16:06
1551
原创 想要成为前端Star 吗？一首歌时间将React / Vue 应用Docker 化
前言 以前一直有疑问困扰着我：人人都在吹的Docker容器化，与前端有何关系？然而在近两年的编程生涯，在每一次产品迭代中，渐渐体会到了容器化其魅力所在。应用部署从刀耕火种，到DevOps...
2020-09-01 17:12:19
260
转载 使用 Vue 3.0，你可能不再需要Vuex了
Vuex 是一个很棒的状态管理库。它很简单，并与 Vue 集成的非常好。为什么会有人放弃 Vuex ? 原因可能是即将发布的 Vue3 版本公开了底层的响应式系统，并介绍了构建应用程序的...
2020-07-29 08:00:00
43111
6
原创 颜值即正义！这几个库颠覆你对数据交互的想象
前言作为一个对UI和动画敏感的切图仔，在日常开发之余，也会关注一些贼好看的图表库和插件。接下来，我将给大家介绍几款web/python/vue/react里漂亮得不行的几个开源库/实现。1. 手绘风图表库：roughViz.js基于D3(v5), roughjs, 和handy。1.1 衡量方式有三种衡量方式：粗糙度：线条种类：线条粗细：1.2 多种搭配简答CDN:...
2019-12-05 14:14:37
6278
16
原创 一文搞懂web中暗藏的密码学
前言开发网站登录功能时，如何保证密码在传输过程/储存的安全？相信不少前后端的朋友，在面试时都会被问到类似的问题。在我对密码学一无所知时，也仅会回答：“MD5加密啊。”诸不知，密码学在网络七层模型，甚至web开发中的应用比我想象得多得多。1. 什么是密码学？密码学是各种安全应用程序所必需的，现代密码学旨在创建通过应用数学原理和计算机科学来保护信息的机制。但相比之下，密码分析旨在解密此类...
2019-11-12 09:47:11
990
原创 「React Hooks」如何用120行代码，实现一个交互良好的拖拽上传组件
前言你将在该篇学到：如何将现有组件改写为 React Hooks函数组件useState、useEffect、useRef是如何替代原生命周期和Ref的。一个完整拖拽上传行为覆盖的四个事件：dragover、dragenter、drop、dragleave如何使用React Hooks编写自己的UI组件库。逛国外社区时看到这篇：How To Implement Drag an...
2019-09-03 17:59:59
1736
原创 切图仔最后的倔强：包教不包会设计模式 - 结构型.md
1. 什么是结构型模式结构型模式主要用于处理类和对象的组合，对应思维导图：2. 外观模式: Facade Pattern对接口二次封装隐藏其复杂性，并简化其使用。外观模式包含如下角色：Facade: 外观角色SubSystem: 子系统角色使用时机当我们将系统分成多个子系统时，我们会降低代码复杂性。编程时的最佳实践是最小化子系统之间的通信和依赖关系。实现这一目标的一个好方法...
2019-08-06 14:17:37
482
原创 「Vue实践」项目升级vue-cli3的正确姿势
一. 原以为升级vue-cli3的路线是这样的：创建vue-cli3项目，按原有项目的配置选好各项配置迁移目录src->srcstatic->public对比新旧 package.json，然后yarn install，完毕。然鹅… 运行项目，报错You are using the runtime-only build of Vue......：然后去查...
2019-01-29 12:00:26
3571
1
转载 JavaScript中的7个逆天console方法，你绝对想不到
在 JavaScript 中，console 不仅仅只有 log error 和 warn 方法。实际上console有20多个这样的方法。它们的功能不仅仅是记录文本，它还包括彩色数据可视化、调试、性能测试等等。让我们看看另外7个强大的方法1. table()console.table(): 可以很轻松的将对象数组显示为表格，每个对象一行，每个属性一列。在Node上有些不同：明显比使用consol...
2024-03-07 07:36:22
187
转载 玩转 Chrome DevTools，定制自己的调试工具
Chrome DevTools 是我们每天都用的工具，它可以查看元素、网络请求、断点调试 JS、分析性能问题等，是辅助开发的利器。今天不讲怎么使用它，而是讲一个好玩的方向：定制自己的调试工具。之前讲过，Chrome DevTools 和 Chrome 是分离的架构，两者之间通过 WebSocket 通信，通信协议是 Chrome DevTools Protocol，简称 CDP：其实这不准确，具体...
2022-08-23 11:40:58
1790
转载 有哪些值得学习的大型 React 开源项目？
之前有很多小伙伴问过我，通过文档或者视频学习 React 已经有一段时间了，想学习一些好的开源项目来获得一些实战经验。我之前也没有很好的答案，确实很难找，因为一般企业级应用都是不开源的，Github 上大部分都是很简单的 DEMO 项目，很难挑选。今天就给大家梳理了几个我觉得还不错的 React 开源项目。Jira Clone仓库：https://github.com/...
2022-08-01 16:00:52
1358
转载 脉脉上的 "前端三大浪漫" 是个啥？
背景今天在陌陌脉脉看到一个帖子，讲到前端三大浪漫.一、富文本编辑器富文本编辑器市面上已经有很多优秀的开源版本了，但是问题在于每个产品的富文本编辑器需求不一样，所以可能导致有一些时候需要手撸编辑器例如:Draft.jsSlate.jswangEditor这些富文本编辑器还有衍生出他们的针对不同框架的版本，例如React，还有一些插件。感兴趣的可以去github搜索给个s...
2022-07-20 16:22:11
316
转载 如何做一个坏面试官？
“这么简单的问题你都不会？”"写个红黑树吧。"“这就是你最终的答案？我们进入下一个问题吧。”“只会 Vue？说说 React 异步渲染的实现原理吧。”“回去等通知吧。”不知道大家面试的时候有没有遇到过这种回答呢????？今天跟大家来聊一个有意思的话题：“怎么做一个坏面试官”，当然不是真的教大家去做一个坏面试官，而是从这些很 “坏” 的面试习惯里分析出最好的面试方式。我聪明，你笨...
2022-06-22 17:05:30
238
转载 node_modules 是该好好治一治了
大家好，我是 ConardLi。作为前端开发者，大家有没有被 node_modules 困扰过呢？反正我是有。。。因为 npm 特殊的包管理机制，往往一个很小的项目就会携带一个很大的 node_modules 。相信大家都刷到过下面这张图，这就是对前端依赖最大的讽刺了。????有时候，可能不经意间我们就会引入一个意外的依赖包，或者不小心升级了一个有 break chage 的依...
2022-06-16 15:50:36
502
1
转载 2022 年的前端行业，咋样啦？
大家好，我是 ConardLi。今天我们来看看 2022 年最权威的前端行业调查，调查结果来自于全球 125 个国家的 3700 位开发者。开发者和工作现在在哪里办公？远程办公绝对称得上是开发行业最大的变化了，过去一年一直在远程办公的受访者居然高达 59%（可能跟海外的受访者占比较高有关，据我了解国内没有这么多），只有 5% 的受访者表示只在办公室办公。相信大部分前端同学...
2022-06-08 11:47:40
1446
转载 React 并发渲染的前世今生
大家好，我是 ConardLi。2161 天！这是 React 团队从计划为 React 增加 并发渲染 的能力，到 React 18 可用版本发布所花费的时间。为啥中间花费了这么长的时间？中间又发生了哪些有趣的故事？我们回到 2016 年，来回顾一下 React 并发渲染 诞生的过程！在 React 运行时优化方案的演进 一文中，我们从技术细节和实现原理的角度详细解...
2022-05-12 19:11:51
497
转载 小程序的鼻祖在国内就这么消亡了！
本文来自团队内部 独钓寒江雪 技术分享如果我说，我们要讨论一个 2016 年被提出、2017 年落地、至今在国内仍可算籍籍无名的概念，你是不是会觉得这没有什么意义？互联网发展了这么久，我们记住了“Native App”、“小程序”、“快应用”、“App clips”、“Hybrid App”、“Web App”，似乎独独没有 PWA，但 PWA 及其理念却一直在推动着前端...
2022-04-22 15:45:20
226
原创 MetaWork：拜托，这样远程结对编程超酷的！
1. 话说结对编程众所周知，结对编程（英语：Pair programming）是一种敏捷软件开发的方法，两个程序员在一个计算机上共同工作。一个人输入代码，而另一个人审查他输入的每一行代码。但是真实环境中，往往不止两人结对编程：众后端围着前端审查代码。产品/设计/老板 围着前端改样式。于是就会发展成下面这样：显然，这不符合疫情期间的防范规定。况且在如今轻则AB班，重则居家办公的如今，码农小菜鸡们想找...
2022-04-18 12:16:06
197
转载 Chrome 100：有风险也有机遇！
大家好，我是 ConardLi。最近 Chrome 刚刚发布了 100 版本，我们来看看有哪些我们需要注意的点？三位数的版本号记得 Chrome 在很久以前第一次达到版本号 10 时，随着主要版本号从一位数变为两位数，很多 User-Agent 解析库发生了很多问题。现在 Chrome 和 Firefox 都马上要突破 100 版本了，Edge 也不甘落后，我们可能需要...
2022-04-07 14:59:08
675
转载 给各位“老划水员”分享10款提高幸福指数的VSCode“摸鱼神器“
海阔凭鱼跃，天高任鸟飞。Hey 你好！我是秦爱德。????❝平平无奇上班摸鱼，甚至想着如何带薪拉屎 ????????????❞论一个职业程序员，我们如何在工作中悄无声息的「摸鱼」 ❓ 且老板还得拍手叫好，夸赞你是三好员工 ❓ 作为一位 “「老划水员????」” 我今天干点正事，分享「10」款可以提高幸福指数的「vscode摸鱼神器」让你的编码过程更加快乐 (◕ˇ∀ˇ◕)1.右下角的小可爱（backg...
2022-03-30 15:29:39
1428
转载 昨天看了一场尤雨溪的直播，聊聊过程和感受
大家好，我是这波能反杀。今天晚上，我和我的群友们，一起在掘金上看了一场尤大的直播。怎么说呢，我很享受这种氛围。和一群志同道合的朋友，看同一个东西，然后各自发表自己的意见和看法，这种感受与看直播发弹幕很不一样。我进入直播间的时候，直播已经开始了十多分钟了。尤大正在如数家珍的吐槽 React hooks 的缺点：心智负担，闭包陷阱，useEffect 的依赖项等等。不过对于这...
2022-03-25 17:26:49
598
转载 炸了... 百万周下载量的 npm 包以反战为名进行供应链投毒！
大家好，我是 ConardLi ，今天前端圈又炸了... 原因居然还是因为一个 npm 包。起因是某个同学在使用 npm 构建前端项目时，启动项目后桌面自动创建了一个《 WITH-LOVE...
2022-03-17 11:24:27
893
转载 HTTP 缓存别再乱用了！推荐一个缓存设置的最佳姿势！
大家好，我是 ConardLi，我又来给大家解读浏览器策略了，这次是缓存相关的。设置缓存大家可能大家都是从性能角度去考虑的，但是如果你不注意或者稍微设置不当，缓存也可能对我们的网站的安全性...
2022-02-22 16:00:00
588
原创 VS Code 整活：100行代码写一个悬浮翻译插件
前言要说哪个插件对效率提升最大，可能各有推荐，各有千秋。但我要说对初学者，以及英文有亿点点差的同学来讲：翻译，是日常开发中必不可少的一环。在下找过N个VSCode 翻译插件 发现一个神器：...
2022-02-18 18:04:32
2407
转载 初探 MicroApp，一个极致简洁的微前端框架
前言哈喽大家好，我是海怪。在微前端的领域里，相信大家都听说过阿里的 qiankun。我自己在上几个月也一直用它来做一些实践：微前端x重构实践落地总结当企微侧边栏遇上微前端在使用过程中我发现...
2022-02-10 11:24:43
15764
3
转载 Chrome 又搞事情，这种跨域方案要被禁用了！
大家好，我是 ConardLi ，今儿个又给大家来分析浏览器策略了～天天出新策略，业务都要改废了 ...一句话描述document.domain 将变为可读属性。别着急，预计最早变化时间是...
2022-01-28 11:16:48
520
转载 前端领域的 “干净架构”
大家好，我是 ConardLi，前端有架构吗？这可能是很多人心里的疑惑，因为在实际业务开发里我们很少为前端去设计标准规范的代码架构，可能更多的去关注的是工程化、目录层级、以及业务代码的实现...
2022-01-17 16:00:00
396
转载 神级程序员都在用什么工具？
Apifox最好用的接口管理神器，没有之一，秒杀市面上所有同类产品。Apifox 是 API 文档、API调试、APIMock、API测试一体化协作平台，定位 Postman + S...
2022-01-12 11:27:17
279
转载 2021 年 JavaScript 大事记
文末送一本《了不起的程序员2022》大家好，我是 ConardLi，不知不觉中，2021 年已经接近尾声了，不知道在 2021 这一年，你收获了什么？又失去了什么呢？又到了开始做年终总结的...
2021-12-29 12:25:48
362
转载 太卷了！浏览器也支持原生的深拷贝API了？
大家好，我是 ConardLi，今天来聊一个前端老生常谈的话题，深拷贝。在以前，由于浏览器并未对这个能力提供原生支持，所以它经常出现在 手写XXX 这样的面试题中，我之前也为它专门写过一篇...
2021-12-24 11:00:00
560
转载 看完了 2021 CSS 年度报告，我学到了啥？
大家好，我是 ConardLi，一年一度的 CSS年度报告 如期而至，我挑了一些我感兴趣的部分，和我一起来看看吧～这篇文章用了很久，因为平时 CSS 写的实在少，其实看报告的主要目的除了了...
2021-12-21 15:32:18
301
原创 赴11年的微博之约，见一位最重要的人
11年了，才见全所有微博必见之人，才见到最重要的兄长。始于微博 2010年时，高一的我拿着诺基亚N70注册了微博，那年围脖没有APP，仅有wap域名的页面。不知怎么得，也忘了是在@郑渊洁 ...
2021-12-15 08:05:00
443
1
转载 如何控制Web资源加载的优先级？
浏览器解析资源的优先级当浏览器开始解析网页，并开始下载图片、Script 以及 CSS 等资源的时候，浏览器会为每个资源分配一个代表资源下载优先级的 fetch priority 标志。而...
2021-12-07 16:48:15
858
转载 从 vue3 和 vite 源码中，我学到了一行代码统一规范团队包管理器的神器
1. 前言大家好，我是若川。最近组织了源码共读活动，感兴趣的可以加我微信 ruochuan12 参与，每周大家一起学习200行左右的源码，共同进步。已进行四个月了，很多小伙伴表示收获颇丰。...
2021-12-01 15:56:39
1747
转载 连尤大都说，Vue3 + script setup + TS + Volar真香…
在 Vue2.0 时代，国内大厂的前端开发框架，几乎清一色偏向 React。因为对于业务成熟的公司而言，一个项目，可能会包含很多非侵入式的代码和服务，并不是功能实现了就万事大吉。但随着 V...
2021-11-26 08:00:00
559
转载 每次新增页面复制粘贴？100多行源码的 element-ui 的新增组件功能教你解愁
1. 前言大家好，我是若川。最近组织了源码共读活动，感兴趣的可以点此加我微信ruochuan12 参与，每周大家一起学习200行左右的源码，共同进步。已进行三个月了，很多小伙伴表示收获颇丰...
2021-11-25 22:17:40
310
转载 学习技术要执着但也不能太执着
作为程序员，我们会用到很多的技术，这些技术涉及到不同的领域，而每一个领域都有很大的可以深挖的空间，那我们学习的时候怎么在深度和广度的做抉择呢？我的观点是在一个领域持续深入，成为这个领域的专...
2021-11-17 17:37:19
182
转载 每次启动项目的服务，电脑竟然乖乖的帮我打开了浏览器，100行源码揭秘！
1. 前言大家好，我是若川。最近组织了源码共读活动，感兴趣的可以加我微信 ruochuan12 参与，已进行三个月了，大家一起交流学习，共同进步。想学源码，极力推荐之前我写的《学习源码整体...
2021-11-15 16:06:00
346
转载 尤雨溪推荐神器 ni ，能替代 npm/yarn/pnpm ？简单好用！源码揭秘！
1. 前言大家好，我是若川。最近组织了源码共读活动，感兴趣的可以加我微信 ruochuan12 参与，已进行两个多月，大家一起交流学习，共同进步。想学源码，极力推荐之前我写的《学习源码整体...
2021-11-10 17:48:33
1586
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人