- 博客(75)
- 资源 (1)
- 收藏
- 关注
原创 Script标签中 defer 和 async 属性的区别
defer :异步加载。直到文档解析完成才会执行,保证执行顺序。async :异步加载。不阻塞文档解析,执行时间不确定,不保证执行顺序。
2024-03-07 14:32:56
429
原创 在命令行执行命令后出现 Permission denied 的问题解决
解决在项目目录安装一个有 “bin” 配置的依赖包后,执行 “bin” 命令,出现了 Permission denied 的问题。
2023-07-17 18:46:32
815
原创 懒人自动化生成e2e测试文件:JSON => playwright
使用简单的 JSON 配置,生成可执行的 playwright UI 测试文件。有野心的playwright测试工具。
2023-07-17 16:13:06
1696
原创 Grafana 图形面板定制方案
Grafana 在一个 Panel 中添加多数据源同时展示以及修改通过 transform 修改图表图例的方式。
2023-07-11 16:08:44
2027
原创 xcrun: error: invalid active developer path, missing xcrun 错误解决
遇到 xcrun: error: invalid active developer path , missing xcrun 的解决方案
2023-04-10 11:38:47
161
原创 为项目添加路径映射即使用 @* 来替换相对路径
在项目中会遇到目录结构嵌套比较深的情况,这样会导致最深处的文件想引用根目录或者外层的资源会导致引用路径过长的问题。
2023-02-28 09:48:43
253
原创 使用 husky 进行基础代码审查
在日常提交 PR 的过程中,我们提交的文件不应该有例如 console、debugger、test.only 等调试语句,这会影响到线上代码。那每次提交之前都检查似乎又像是一个繁琐的工作,如果有个工作能代替我们检查我们提交的代码,让不能提交到线上的代码在 commit 阶段停止下来,对 code reviewer 的工作会减少不少。这里就来跟大家探讨一下我的一个实现方式。
2023-02-22 14:13:09
810
原创 中文文案排版指北
好的样式不仅能提高页面整洁度,还能让部分阅读者专注于内容。当然,正如开头说得「格式规范千千万,内容创作 No.1」,好的内容才是根本,排版之类的是锦上添花的操作。中文文案排版指北 -地址使用 chrome 插件解决阅读文档中不加空格的问题 -地址为什么你们就是不能加个空格呢 -地址。
2023-01-12 12:15:00
536
原创 使用 Github Actions 自动构建发布 Angular App
使用 Github Actions 自动构建发布 Angular AppGithub Actions 想必都听说过。它是为 Github 上的项目添加 CI/CD 工作流的自动化工具。 之前使用过 Github Actions 构建 React 项目,这次使用 Github Actions 来构建 Angular 项目。创建一个 Github项目这个就不说了,很简单。包括创建完成之后初始化 Angular 项目。 创建完成之后,可以在项目详情页的 tab 栏看到 Actions 选项,这个就是我们这次
2021-12-13 09:59:40
1111
原创 在angular 项目中使用 `npm run build` 出现 `* exceeded maximum budget` 警告或错误
在angular 项目中使用 npm run build 出现 * exceeded maximum budget 警告或错误Warning or Error in exceeded maximum budget for scss file in Angular.在 Angular 项目中使用 npm run build or npm run build:prod 时,在命令行可能出现一下警告或错误:主要的问题有:/Users/Documents/angular-basic-practice
2021-12-08 14:08:27
1478
原创 使用 git tag 恢复版本并发布新 tag
在日常的开发流程中,我们总会遇到一些bug需要发布 hotfix 版本,可能需要针对某一tag(因为可能部署在了不同的环境)。那就来问题了,如何从 tag 恢复版本,并重新打tag 发布:
2021-10-30 17:15:04
1220
原创 在macOS 中修改 zsh 的 alias 命令
日常开发中,经常会重复的使用一些命令。如果是简单的命令,如 git pull 之类的还好。但是如果是比较长的命令,每次重新输入总是很麻烦。那这时候就需要使用命令行的 alias 命令来进行简化这一步的操作。
2021-10-22 10:48:02
2038
原创 git 同步远程仓库分支
问题在使用 Git 配合 GitHub 开发的时候,往往是在合并完 GitHub PR 之后自动删除分支。但是这仅仅删除了线上的分支,本地的分支如果没有及时删除的话,那时间久了,还是很多的。不便于开发的后续工作,经常的更新本地分支状态也是有必要的。那一个个手动删除显然是不合理的,现在我们就使用 Git 的一些命令来同步线上分支:解决方式1.git branch -a 查看远程分支,红色的是本地远程远程分支记录。2.执行下面命令查看远程仓库分支和本地仓库的远程分支记录的对应关系:git remo
2021-10-19 15:15:09
687
原创 如何在 Angular 项目中自定义引用路径
在项目的开发过程中我们总会出现这样的问题组件嵌套多,子组件想要使用顶层 `app` 定义的一些全局枚举或者常量以及一些其他数据的时候,使用**相对路径**引用的时候往往会比较繁杂,并且使引入路径代码看
2021-05-27 13:53:23
1563
1
原创 如何读取上传文件中的 JSON 数据
上传文件是某些应用场景中比较常见的功能。一般都是拿到源文件,直接发送相关 `Blob` 类型数据给接收者。但是如果我们要处理上传的文件数据或者需要根据上传的文件中的数据做一些其他事情时,那就需要一些其他操作了。
2021-05-24 15:45:39
1014
原创 git stash pop 和 git stash apply 的区别
git stash pop 与 git stash apply 的区别
2021-01-17 12:12:36
3176
1
原创 使用 npm scripts 你可能不知道的几件事
使用 npm scripts 你可能不知道的几件事在开始前确保已经安装了 npm。什么是 npm scripts当我们说 ‘npm scripts’ 的时候,我们说的是 package.json 中的 ‘scripts’ 属性值。你可以在此制定要公开的各种命令和脚本,然后可以使用 npm run <script-name> 去执行它们。我们使用 npm init 初始化一个项目,生成的 package.json 像下面这样:使用:npm run test将会打印错误并退出。
2021-01-01 22:58:49
644
原创 使用 zsh不能创建 #(hash)符号开头的分支
解决使用 zsh不能创建 #(hash)符号开头的分支以及使用 zsh 创建 git 分支时显示 `zsh: zsh: bad pattern `
2020-12-21 10:32:23
363
原创 在 Angular 中添加 class (css 类)的几种方式
在 Angular 中添加 css 类的几种方式主要是探索为 Angular 中的 HTML 元素动态的添加类的几种实现,包括 className 指令的使用,NgClass 的使用等。
2020-12-19 16:47:41
4240
1
原创 zsh 中 command not found:brew
zsh 中 brew not found问题在使用 iTerm2 中,切换 command 为 /bin/zsh 之后,使用 brew -v 会出现zsh: command not found brew .解决方式使用 vim ~/.zshrc 打开~/.zshrc 文件。或者其他熟悉的文本编辑器。然后取消注释下面这行:# If you come from bash you might have to change your $PATH.export PATH=$HOME/bin:/usr/
2020-11-17 10:01:19
15091
4
原创 MacOS 使用命令行查看端口占用与结束进程的方法
查看某一端口被占用的情况,在命令行中使用:lsof -i:8008该命令会显示占用 8008 端口的进程:可以看到显示出的信息中有其 pid ,有 USER 以及其他更多内容.如果想关闭某一进程,可以通过:kill 71152来杀死进程...
2020-05-15 18:04:16
1053
原创 由浅入深的 D3.js 初级及进阶指南之二 了解SVG 中的基础图形(rect , line ,circle 等)及在 D3.js 中的应用
svg 中基础的图形单元的创建,包括 rect 、 line 、 circle 等常见的.
2020-04-26 14:50:32
842
原创 由浅入深的 D3.js 初级及进阶指南 之一 HelloWorld
任何教程的开端离不开 hello world ,我们也不能免俗. D3.js 拥有中非常强大的对 DOM 进行操作的能力.现在就简单的操作一下.
2020-03-31 00:43:41
269
原创 由浅入深的 D3.js (v5/v4) 初级及进阶指南 之零 背景介绍与环境安装
毋庸置疑的是图表在页面中发挥着重要的作用.而对图表进行封装的插件/组件也是层出不穷,像 ECharts 、HighChart 、G2 等.这些都是非常优秀的图表组件.我也在实际项目中使用过 ECharts 做各种图表,也是发现了它的强大之处,但随着工作的复杂以及其他要求,ECharts 这种告诉封装的图表组件开始不能满足我们的设计需...
2020-03-24 23:12:24
557
原创 SVG 中的基础图形(rect , line ,circle 等)以及在 D3.js 中的应用
SVG 中的基础图形(rect , line ,circle 等)以及在 D3.js 中的应用文章目录SVG 中的基础图形(rect , line ,circle 等)以及在 D3.js 中的应用矩形 - rect直线 - line圆形 - circle椭圆 - ellipse在 D3.js 中,根据要展示的数据,我们挑选合适的 svg 中的基础图形,然后进行一系列的设置等,使其达到我们的要求...
2020-03-15 20:01:25
4426
原创 D3.js 中动态计算 x 轴 y 轴的宽度以及偏移量
在 D3.js 中经常会遇到这样的情况:某一坐标轴不能正确展示的情况。 这就需要动态的计算坐标轴的宽度/高度,进行相应的偏移来使坐标轴达到合适的地方。
2020-03-05 16:21:25
2143
原创 在 Emberjs 项目中由浅入深使用 D3.js 绘制图表
ember-d3-demod3是声明式的,不是命令式的d3的第一个核心是:数据驱动的dom元素创建,把这个思想上的弯绕过来,掌握1/3了它是数据处理包,不是图形绘制包d3的第二个核心是:它的大量的api,提供的是对数据的转换与处理,无论是scale、layout还是svg.line等,都仅仅是对数据的处理,...
2020-03-04 21:05:52
539
原创 在 Ember.js app 中使用 TypeScript
在 Ember.js app 中使用 TypeScriptember cli version 3.16ember-cli-typescript version 3.1.3生成新的项目ember new ember-quickstart --yarn && cd ember-quickstart生成名为 ember-quickstart 的新 ember 项目,并进入...
2020-02-25 18:35:06
352
2
原创 JavaScript 实现链表(单向)
文章目录1. 什么是链表。2. 链表的表现形式3. 链表的生成4. 链表的操作4.1 链表的查询4.2 向链表中插入节点4.3 展示链表4.4 删除链表中某一节点4.5 单向链表的总结5. 循环链表6. 双向链表6.1 插入7. 总结线性表的一大结构:链式存储结构的一些知识点总结归纳。并使用 JavaScript 来实现简单的单链表。循环链表以及双向链表是在单链表的基础上扩展。code res...
2020-02-17 00:21:32
485
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人