NVM 快速安装教程

2022-08-02
阅读 2 分钟
2.2k
nvm作为一款node的版本管理工具,在前端开发中是必不可少的,但是因为GitHub的特殊性,导致很多人是无法用官方教程安装成功,本文旨在整理出如德芙般丝滑的安装教程。
封面图

湖中剑 前端周刊 #18 | 动态图片、Chrome 97、依赖注入、Web IDE、Monorepo

2022-01-11
阅读 2 分钟
1.1k
在业务需求中,根据返回数据动态生成图片分享是很常见的场景。比如在起点读书小程序中,每本书都需要生成一个动态图片,包含:书名、作者、类别和当前页面小程序码,这几个内容都是会动态改变的。
封面图

湖中剑 前端周刊 #17 | CSS年度报告、富文本、设计模式、Web Components实践、TypeScript效率工具

2021-12-28
阅读 3 分钟
1.7k
周刊收集包括前端(但不限于前端)的文章、新闻、开源项目、工具等等,每周一更新。📖 文章看完了 2021 CSS 年度报告,我学到了啥?一起来查缺补漏。[链接]package.json中你还不清楚的browser,module,main 字段优先级题外话:在Vite中打包针对node环境的包时还是遵循以下逻辑,browser > module,没有main,这样就导...
封面图

湖中剑 前端周刊 #16 | Web3和区块链、Remix开源、V8编译、GitHub年度报告、Taro适配鸿蒙、React动画

2021-12-21
阅读 2 分钟
1.4k
周刊收集包括前端(但不限于前端)的文章、新闻、开源项目、工具等等,每周一更新。发布Taro 3.5 canary 发布:支持适配 鸿蒙[链接]Next.js 强劲对手来了!💿 Remix 正式宣布开源[链接]📖 文章为什么 Web3 与区块链有关互联网迄今有两个阶段:Web 1.0 和 Web 2.0。下一个阶段自然就是 Web 3.0(简称 Web3)。本文谈谈我对 ...
封面图

湖中剑 前端周刊 #15 | Whistle 抓包、浏览器原理、echarts做游戏、Sandpack浏览器打包、性能优化

2021-12-07
阅读 3 分钟
1.3k
周刊收集包括前端(但不限于前端)的文章、新闻、开源项目、工具等等,每周一更新。📖 文章Whistle 实现原理 —— 从 0 开始实现一个抓包工具通过这篇文章可以大致了解 Whistle 的实现原理,并学习如何实现一个简单的抓包调试工具。项目 Github 地址:[链接][链接]使用CSS做一碗营养充足的早餐面学习本文,你会学会::before...
封面图

湖中剑 前端周刊 #14 | React路由、React 18、RUST、AR撸猫、自动发布

2021-11-23
阅读 2 分钟
1.8k
周刊收集包括前端(但不限于前端)的文章、新闻、开源项目、工具等等,每周一更新。📰 NewsElectron 16.0.0常规更新,支持Chrome 96、Node 16.9.1、V8 9.6、WebHID API。[链接]React 18 beta正式版还要数月,最早可能在2022年前几个月Beta 版引入三个新 API,useSyncExternalStore、useId 和 useInsertionEffect目前是 fe...
封面图

湖中剑 前端周刊 #13 | Web录屏、Bundleless、低代码 Deco、Bundle Scanner、RN 低功耗蓝牙

2021-11-16
阅读 2 分钟
1.5k
随着互联网技术飞速发展,网页录屏技术已趋于成熟。例如可将录屏技术运用到在线考试中,实现远程监考、屏幕共享以及录屏等;而在我们开发人员研发过程中,对于部分偶发事件,异常监控系统仅仅只能告知程序出错,而不能清晰的告知错误的复现路径,而录屏技术或许能帮我们定位并复现问题。那么本文将从有感录屏和无感录屏...
封面图

湖中剑 前端周刊 #12 | React Router 6、React Hooks指南、海王Next.js、AppToolkit

2021-11-09
阅读 2 分钟
2k
自 4.5 Beta 后,最大的变更是延迟了 Node 12 ESM 的支持,目前可通过 moduleResolution:nodenext 和 module:nodenext 开启。
封面图

湖中剑 前端周刊 #11 | VSCode插件开发、策略模式、React Router 6、位运算技巧、Nuxt 3、打字机效果

2021-10-19
阅读 4 分钟
1.8k
周刊收集包括前端(但不限于前端)的文章、新闻、开源项目、工具等等,每周一更新。📰 NewsParcel 2Parcel 2由Rust重写,性能有了很大的提升,本次更新:🔌 全新的插件系统🌳 默认启用tree shaking,并支持ES modules、CommonJS、dynamic imports和CSS modules🚀 巨大的性能提升✂️ 自动code splitting🖼 图片尺寸变化、格式转...
封面图

湖中剑 GitHub周刊 #10 | 开源监控uptime-kuma、LVGL嵌入式UI、node版本管理nvm

2021-10-14
阅读 2 分钟
1.8k
周榜1. Flipper本周 Star增长:910+,累计:9.8k+Flipper是facebook 开源的一个面向移动端(Android/iOS/React Native)的桌面调试平台。支持可视化、检查以及控制app,而且你可以编写插件扩展Flipper来实现自己的功能。[链接]2. LVGL本周 Star增长:580+,累计:7.4k+LVGL(轻量级的图形库)是一款开源图形库,它提供简单...
封面图

湖中剑 前端周刊 #10 | ESLint8、Web端侧AI、react-if

2021-10-12
阅读 3 分钟
2k
周刊收集包括前端(但不限于前端)的文章、新闻、开源项目、工具等等,每周一更新。📰 NewsESLint 8支持 ES2022。Class public instance fields and private instance fieldsClass public static fields and private static fieldsClass private instance methods and accessorsClass private static methods and accesso...
封面图

湖中剑 GitHub周刊 #9 | FreeCodeCamp、图解 React 源码系列、Portainer管理Docker

2021-09-30
阅读 2 分钟
2.2k
FreeCodeCamp 是一个自由开源的学习编程的社区,致力于帮助人们利用零散时间学习编程。它的使命是 Learn to code and help nonprofits(学习编程,去帮助那些非盈利组织)。FCC 涵盖 HTML5、CSS、React、JavaScript、Database 等课程,游戏化程度非常高,学员可以通过线上聊天室和线下社区活动(Coffee and Code)相互帮...
封面图

前端周刊 #9 | layui退出历史舞台、姿态检测TensorFlow.js、幽灵依赖危害、代码流程图

2021-09-28
阅读 4 分钟
2.2k
周刊收集包括前端(但不限于前端)的文章、新闻、开源项目、工具等等,每周一更新。📰 Newslayui 即将退出历史舞台layui 官网将于 2021 年 10 月 13 日进行下线。[链接]Webpack 5.54.0 发布Webpack 5.54.0 现已发布,主要更新内容有:Features改进常量折叠以允许跳过更多 && || 和 ?? 分支允许在 webpack 中使用...
封面图

湖中剑 GitHub周刊 #8 | 2021-09-14

2021-09-15
阅读 2 分钟
1.5k
1. 推荐1.1 lifeRestart:假如人生可以重来本周 Star增长:2200+,累计:7.6k+最近很火的游戏,让你体验不同的人生开局和结尾。如果起点不一样了,到底自己能不能成为人生赢家?[链接]2. 周榜2.1 Real-ESRGAN:强大的AI图片修复工具本周 Star增长:960+,累计:2.3k+通过AI加持,可以把模糊的图片变清晰。Windows、Linux...
封面图

湖中剑 前端周刊 #8 | 2021-09-13

2021-09-14
阅读 5 分钟
1.2k
周刊收集包括前端(但不限于前端)的文章、新闻、开源项目、工具等等,每周一更新。📰 NewsFirefox 92 for developers开发者需要注意的Firefox 92版本升级事项,Firefox 92已于2021年9月7日发布。[链接]Node v16.9.0此次更新里包含了一个实现性的”包管理“管理器Corepack,Corepack不仅能够管理npm,还支持Yarn和pnpm。V8...
封面图

湖中剑 GitHub周刊 #7 | 2021-09-07

2021-09-08
阅读 2 分钟
2.1k
Joplin 是一款全平台的开源且完全免费的笔记应用,同时也是一个高效的 To-Do 待办事项工具和生产力工具。你可以用标签或笔记本进行分类整理,笔记支持 Markdown,可实现全文搜索,并且你还可以使用自己喜欢的第三方外置编辑器如 Typora、VIM 来编辑笔记,以获得更好的写作体验。
封面图

湖中剑 前端周刊 #7 | 2021-09-06

2021-09-07
阅读 3 分钟
2.4k
周刊收集包括前端(但不限于前端)的文章、新闻、开源项目、工具等等,每周一更新。📰 NewsElectron 14.0.0 发布Electron 14.0.0 现已发布,此次带来了诸多更新,同时终止了对 Electron 11.xy 的支持。此更新带来了 Chromium 93, Node.js 14.17, and V8 9.3。[链接]github.dev近日 Github 新出了一个功能,用户可以通过将...
封面图

GitMaster支持Gogs自建git服务了

2021-09-03
阅读 1 分钟
1.5k
如果你日常用到了Gogs,也有在线浏览代码的需求,可以体验下GitMaster,不只是支持Gogs,还支持GitLab,Gitee,Gitea(Gogs的近亲)。
封面图

湖中剑 GitHub周刊 #6 | 2021-09-01

2021-09-02
阅读 2 分钟
2k
1. 推荐1.1 MockingBird:AI实时中文语音克隆本周 Star增长:950+,累计:3500+5秒内克隆您的声音并生成任意语音内容。支持普通话,适用于pytorch,仅使用新训练的合成器就有良好效果。0训练新手友好版可以参考 Quick Start 👇:[链接])[链接]1.2 whoogle-search累计:3500+Whoogle-search 是一个自托管、免广告的搜索引...
封面图

湖中剑 前端周刊 #6 | 2021-08-30

2021-08-31
阅读 4 分钟
1.4k
周刊收集包括前端(但不限于前端)的文章、新闻、开源项目、工具等等,每周一更新。📰 NewsTypeScript 发布4.4版本主要变更:提供针对 Aliased Conditions 的控制流分析 (Control Flow Analysis)Catch 变量中默认使用 unknown 类型新增 Exact Optional Property 类型Class static Blocks针对 tsc --help 的升级和改进性能...
封面图

Homebrew 图形化管理软件Cakebrew,再也不用记命令了

2021-04-26
阅读 1 分钟
8k
Cakebrew是macOS平台上一款管理Homebrew的应用,使用它你可以摆脱命令,直接使用可视化的界面,从此再也不用担心怎么用,哪里不会点哪里。
封面图

mac之 iTerm2 + Oh My Zsh 终端安装教程

2021-04-16
阅读 3 分钟
22.8k
作为开发者人手一个的强大终端,你有什么理由不使用呢?废话不多说,直接开始安装吧。安装zsh一定先执行zsh --version检查是否已安装zsh。返回类似zsh 5.7.1的内容说明可以跳过zsh直接安装iTerm2。macOSmacOS最新系统已经内置zsh,所以你很可能不需要执行这一步操作。安装Homebrew可以访问:[链接] ,教你如何飞速安装Ho...
封面图

GitHub加速指南进阶版

2021-03-30
阅读 3 分钟
3.3k
这个有什么用?最直观的效果是GitHub图片可以正常加载,网页也稳定了。GitHub Hosts主要是通过修改host的方式加速GitHub访问,解决图片无法加载以及访问速度慢的问题。主站: [链接]镜像地址: [链接]使用方式hosts内容定时更新,最近更新时间:2021-03-29 18:16:31。最新版请从前文中的站点地址获取。 {代码...} 手动配置...
封面图

记一次Chrome更新带来的登录Cookie问题

2021-03-25
阅读 4 分钟
8.8k
本地开发环境下,业务系统只支持http协议,所以对应访问地址为http://h.xxx.com,登录接口始终是https://passport.xxx.com。
封面图

SwitchHosts! 还能这样管理hosts,后悔没早点用上

2021-02-01
阅读 2 分钟
9.9k
今天介绍一款管理hosts文件的利器:SwitchHosts!。在此之前,我们修改hosts需要经历以下几个步骤:找到hosts文件从一长串内容里查找修改项目有权限问题还需复制替换文件当你的工作严重依赖hosts,或者需要分类管理时,值得体验下SwitchHosts!。这也是我在B站才接触到的软件,在此推荐给大家。它有以下几个特点:跨平台支...
封面图

无需软件,教你用 Chrome 原生工具给网页长截图

2021-01-21
阅读 2 分钟
6.4k
通常我们会使用系统的截图工具或者浏览器扩展给网页截图,然而实际上Chrome和Safari都已经内置了网页截图功能,而且支持长图效果。虽然这个方法也不是完美的,但也是一个触手可得的方案,让你不借助额外工具截图。打开检查工具按下F12会弹出开发者工具。选择命令然后按下快捷键⌘Command + ⇧Shift + P(Windows为Ctrl + Sh...
封面图

M1芯片Mac上Homebrew安装教程

2021-01-07
阅读 2 分钟
8.2k
目前Homebrew还没有完成对搭载Apple Silicon CPU的Mac机型完成适配,安装教程也比较混乱,所以我整理这篇文章,希望能帮到大家。
封面图

解决GitHub网页githubusercontent地址无法访问问题

2020-12-30
阅读 2 分钟
8.3k
GitHub里面图片都在githubusercontent.com域名上,我们只需要在hosts里面加上相关地址即可。如果你有代理,把域名加入到许可名单也可以的。
封面图

GitMaster 是如何定制 file-icons/atom

2020-07-13
阅读 5 分钟
1.8k
Octotree是直接从file-icons/atom复制相关样式和字体文件到项目里,这样耦合的方式很不利于维护,所以我在处理文件图标时进行了额外的处理,把所有文件图标通过npm包的形式引入。

GitMaster:树形展示项目代码插件,支持GitHub、GitLab、Gitee

2020-07-03
阅读 2 分钟
5.2k
什么是GitMaster 相信很多人知道Octotree,是一款针对GitHub的浏览器扩展,主要功能是在网页上展示项目的树形结构和文件代码。 而GitMaster的核心功能和Octotree是一致,同时也有自己的特性。 ? 支持GitHub、GitLab、Gitee ?️ 支持私有部署页面,一键标记 ? 黑暗模式(仅GitHub) ? 通知提醒功能(仅GitHub) ⬇️ 目录、...