- 博客(184)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 TypeError: Unknown file extension “.ts“
ts-node TypeError: Unknown file extension ".ts"
2024-04-25 19:29:47
321
原创 Vue3入门大全（持续更新）
vue3 reactive redonly shallowReactive ref isRef shallowRef triggerRef customRef toRef toRefs toRaw
2024-04-11 17:20:22
404
原创 TypeError: (0 , import_node_util.parseArgs) is not a function
vue3 创建应用报错
2024-04-10 21:51:28
264
原创 vscode代码注释和文件头部注释
在 Visual Studio Code (VSCode) 中，你可以手动添加 JavaScript 的注释，也可以使用扩展来生成更加详细和格式化的函数注释。以下是如何在 JS 中添加注释的基本方法，以及一个流行的扩展来帮助你生成函数注释。在 Visual Studio Code (VSCode) 中，代码注释是标准的做法，用以解释代码的功能、目的、复杂之处或者暂时禁用某段代码。记住，注释应该是有意义的，它们应该帮助解释为什么代码是以某种方式编写的，而不只是说明它做了什么，这通常是代码本身就能告诉你的。
2024-03-26 10:48:03
1756
原创 2024Web前端面试大全
html、css、js、react、vue、typescript、webpack、node、小程序、面试流程、项目优化、打印题、手写题、业务题、源码
2024-03-25 15:23:11
3253
原创 BrowserRouter、HashRouter、MemoryRouter 以及Vue router、React router 区别
BrowserRouter、HashRouter、MemoryRouter区别是啥Vue router Reactrouter
2024-03-25 11:57:13
1100
原创 [commonjs--resolver] Missing “./jsx-runtime.js“ specifier in “react“ package
vite构建 jsx-runtime.js 错误
2024-03-25 00:53:06
283
原创 mac升级到14.3.1vscode源代码管理Tab修复
vscode源代码管理Tab修复mac更新到14.3.1,vscode 源代码管理Tab树提示需要更新git应用商店更新xcode, 控制台输入：sudo xcodebuild -license accept，重启vscode
2024-02-20 11:18:43
150
原创 LeetCode每周五题_2024/01/01~2024/01/05
LeetCode每日一题 1599 466 2487 2397 1944 2807 383
2024-01-03 21:45:52
697
原创 react-virtualized报bpfrpt_proptype_WindowScroller引入错误
react-virtualized，bpfrpt_proptype_WindowScroller，WindowScroller，[ERROR]
2023-11-29 17:59:50
480
原创 前端实现单元测试(代码版)
代码中的undefined, null, and false有不同含义，若你在测试时不想区分他们，可以用真值判断。匹配所有后缀为 .test.js 或 .spec.js 的文件（.jsx .ts .tsx 也可以）expect(value).toBeCloseTo(0.3);可以通过根目录下的 jest.config.js 文件自定义测试文件匹配规则。文件夹下的 .js 文件（.jsx .ts .tsx 也可以）可以使用与匹配相反的 not 来进行测试。
2023-04-21 16:00:08
591
1
原创 前端实现端到端测试(代码版)
左侧是测试执行栏,会有每个指令的详细信息以及成功失败,箭头可以点开看详细信息. 右侧是内容显示栏会有页面显示。自动打开浏览器,点击左侧specs(测试文件菜单),点击内容区域.cy.ts文件。左侧端测试,右侧组件测试,点击左侧。选择你需要的浏览器,点击开始。
2023-04-19 16:45:34
726
原创 前端实现自动化测试
我们经常说的单元测试其实只是前端测试的一种。前端测试分为单元测试，UI 测试，集成测试和端到端测试。● 单元测试：是指对软件中的最小可测试单元进行检查和验证，通常指的是独立测试单个函数。● UI 测试：是对图形交互界面的测试。● 集成测试：就是测试应用中不同模块如何集成，如何一起工作，这和它的名字一致。● 端到端测试（e2e）：是站在用户角度的测试，把我们的程序看成是一个黑盒子，我不懂你内部是怎么实现的，我只负责打开浏览器，把测试内容在页面上输入一遍，看是不是我想要得到的结果。
2023-04-17 17:16:03
868
原创 VScode快捷键(win + mac)
拓展性 (Shift + Alt + Right) 或者收缩性 (Shift + Alt + Left) 的选中文本。在上方复制一行Shift + Alt + Up，在下方复制一行Shift + Alt + Down。Ctrl + Shift + Alt + PgDown 列选择 向下翻页。Ctrl + Shift + Alt + Right 列选择 向右。Ctrl + Shift + Alt + Down 列选择 向下。Ctrl + Shift + Alt + Up 列选择 向上。
2022-11-02 16:14:36
2317
原创 Sublime Text(轻量级的文本编辑类软件)
Sublime Text是一个免费的开源文本和源代码编辑器，高速和易于访问的用户友好界面，简单，可靠且有效，可满足编码和文字处理需求。比其他一些专业的代码编辑工具，启动更快，占用资源更少，看代码，临时修改，都特别方便。无论您是编码人员，还是只是在寻找一个时尚，轻巧的文本编辑器，Sublime Text都适合您。
2022-10-24 17:39:36
1226
原创 用Electron将web网页程序包装成桌面应用
用Electron将web网页程序包装成桌面应用前提web 端页面，真的太容易一不小心关掉了，或者,标签页比较多的时候不太容易找到,所以决定快速包装一个认识electronelectron快速入门搭建electron项目第一步 创建项目,下载依赖mkdir my-electron-app && cd my-electron-appnpm initnpm install --save-dev electron (devDependencies:只在开发环境中使用
2021-12-13 16:15:20
5025
7
转载 浏览器的performance API与页面首屏加载分析
浏览器的performance API与页面首屏加载分析https://juejin.cn/post/6940656977919868959前言现代浏览器提供了performance（性能）这个API来帮助我们分析页面的加载性能，从MDN上可以看到从IE9时代（约2011年）就开始支持了，所以目前来说兼容性还算可以，所以可以研究一下这个API具体有啥功能。window.performance1.1 整体结构先看看performance主要结构：image.png其中页面整体的性能时间顺序
2021-05-01 16:50:21
1015
原创 认识SVG
意为可缩放矢量图形（Scalable Vector Graphics）。SVG 使用 XML 格式定义图像。图像在放大或改变尺寸的情况下其图形质量不会有所损失svg编辑器<!-- 矩形 rect 元素的 width 和 height 属性可定义矩形的高度和宽度 style 属性用来定义 CSS 属性 CSS 的 fill 属性定义矩形的填充颜色（rgb 值、颜色名或者十六进制值） CSS 的 stroke-width 属性定义矩形边框的宽度 CSS 的 stroke 属性定.
2021-04-26 02:17:27
196
转载 内存泄露（白屏）定位
什么是内存泄露代码的运行离不开内存，JavaScript程序每次创建字符串、数组或对象时都会分配内存来存储实体。但是我们的内存是有额度的，不能无限使用，如果一个对象不被使用时，内存就会被释放掉。JavaScript中的内存管理是自动执行的，当遇到这种情况时，js引擎将会帮我们把这部分垃圾清除掉，这也就是我们常说的垃圾回收。那什么会被认为是垃圾呢？一般来讲当一个对象不在被GC根引用时就会被清除。GC根可以时浏览器的window，也可以是nodejs中的global。但是垃圾回收
2021-04-26 02:00:00
496
原创 github高仿系列推荐
序真正的知识，真正的艺术，从来是乐于分享，而且是无私的分享的，追求精神价值才是实现共产主义的基础。以下都是github上找到的开源项目，侵权删。高仿斗鱼APPgithub链接flutter重构的斗鱼直播APP首页、娱乐为Material组件；直播间、鱼吧为纯自定义编写。另外整合各类优质的第三方开源库，打造出原生APP丝滑的用户体验尽可能接入更多功能，方法附带注释，帮助你在使用flutter进行开发新的应用提供实用的借鉴案例高仿微信iOS版github链接高仿微信，iO
2021-03-19 14:52:09
569
4
转载 WEB电子藏书总览
转载HTML CSS 响应式百度网盘链接提取码：h7mdCSS3专业网页开发指南.pdfCSS世界.pdfCSS揭秘.pdfCSS高效开发实战.pdfHTML&CSS设计与构建网站.pdfHTML5 与 CSS3 设计模式.pdfHTML5移动Web开发实战.pdfHTML5移动Web开发指南.pdfHTML5从入门到精通.pdfHTML5数据推送应用开发.epubHTML5开发精要与实例详解.pdfHTML5基础知识、核心技术与前沿案例.pdfWeb前端开发最佳实
2021-03-18 19:47:21
908
原创 Vue或者React项目打包成一个HTML文件(包含CSS,JS,svg,png,ttf,eot,woff等)
需求把所有文件打包成一个html文件项目环境：webpack4 + vue 2 +vue-cli 4使用vue-cli脚手架打包出来的问件，包括css,fonts（字体图标相关文件）,img(png,svg等),js，html最终配置完成打包后：https://chastephp.com/js/202003/83.htmlconst HtmlWebpackPlugin = require('html-webpack-plugin');const HtmlWebpackInlineSo
2021-03-17 15:37:43
4180
原创 Mac常用快捷键
Mac快捷键Command+Shift+. 可以显示隐藏文件、文件夹，再按一次，恢复隐藏finder下使用Command+Shift+G 可以前往任何文件夹，包括隐藏文件夹。文件删除：command+delete谷歌浏览器javascript控制台：option＋command＋j刷新: command+r...
2021-03-08 14:39:13
164
1
原创 iTerm2
介绍iTerm2是一款完全免费的，专为 Mac OS 用户打造的命令行应用直接在官网上下载并安装即可快捷键 - 标签 - 新建标签：command + t - 关闭标签：command + w - 切换标签：command + 数字 command + 左右方向键 - 切换全屏：command + enter - 查找：command + f - 分屏 - 垂直分屏：command + d - 水平分屏：command + shift + d
2021-03-08 14:22:29
808
原创 ES6模块化管理
ES6模块化管理ES6模块化管理// require module.exports={} common.js规范 AMD CMD ES6模块// 模块 export import// export：用于该模块向其他模块导出的接口// import : 用于接收其他模块导入的值// 模块指定默认输出 export default {}export：导出// export var a = 100;// export var b = 200;// export ：可以导出变量，
2021-03-01 01:46:27
372
原创 同步异步
同步异步当浏览器解析jS时，会先把所有的同步代码执行完，然后再执行异步；JS 是单线程： JS同一时间只能执行一行代码；浏览器是多线程线程是一个小的进程；线程是进程一个基本单位；是一个轻量级的进程；每一个进程都有自己独立的资源和空间（上下文）,切换进程开销比较大；线程可以共享资源；切换线程开销比较小;异步： 定时器 ajax 事件（onload onclick ） prom
2021-03-01 01:41:40
145
2
面试题最全整理，包括原生JS，VUE，REACT-基础.doc
2020-07-04
product.json
2020-01-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人