自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

知识点沉淀包括不限于前端

The best time to plant a tree is 20 years ago. The second-best time is now.

  • 博客(181)
  • 资源 (2)
  • 收藏
  • 关注

原创 Web视频会议

会议方案 会议流程 webRtc

2024-04-15 10:28:15 762

原创 Vue3入门大全(持续更新)

Vue.js 是一款流行的 JavaScript 前端框架,用于构建交互式的 Web 用户界面。Vue 3 是 Vue.js 的下一个主要版本,是对 Vue 2 的重大更新。Vue 3 在性能、开发体验和扩展性等方面都进行了改进和优化,其中一些重要的变化和功能包括:更好的性能:Vue 3 在虚拟 DOM 的更新算法和静态树提升等方面进行了优化,提升了渲染性能。

2024-04-11 17:20:22 384

原创 TypeError: (0 , import_node_util.parseArgs) is not a function

vue3 创建应用报错

2024-04-10 21:51:28 246

原创 vscode代码注释和文件头部注释

在 Visual Studio Code (VSCode) 中,你可以手动添加 JavaScript 的注释,也可以使用扩展来生成更加详细和格式化的函数注释。以下是如何在 JS 中添加注释的基本方法,以及一个流行的扩展来帮助你生成函数注释。在 Visual Studio Code (VSCode) 中,代码注释是标准的做法,用以解释代码的功能、目的、复杂之处或者暂时禁用某段代码。记住,注释应该是有意义的,它们应该帮助解释为什么代码是以某种方式编写的,而不只是说明它做了什么,这通常是代码本身就能告诉你的。

2024-03-26 10:48:03 1441

原创 前端-包管理器

npm yarn pnpm 三者对比

2024-03-25 17:57:07 999

原创 2024年Web前端面试题(最全、最详细、持续更新)

html、css、js、react、vue、typescript、webpack、小程序、手写方法、源码

2024-03-25 15:23:11 2305 4

原创 BrowserRouter、HashRouter、MemoryRouter 以及Vue router、React router 区别

BrowserRouter、HashRouter、MemoryRouter区别是啥Vue router Reactrouter

2024-03-25 11:57:13 1061

原创 [commonjs--resolver] Missing “./jsx-runtime.js“ specifier in “react“ package

vite构建 jsx-runtime.js 错误

2024-03-25 00:53:06 262

原创 前端知识图谱大全

前端、知识图谱大全、面试复习方向

2024-03-21 17:11:32 1034

原创 谷歌浏览器(Google Chrome) 常用快捷键和扩展程序

谷歌浏览器、快捷键、扩展程序

2024-03-21 16:36:23 1035

原创 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 145

原创 LeetCode每周五题_2024/01/15~01/19

LeetCode题目序号 82 2744 2171

2024-01-15 11:44:28 482 1

原创 LeetCode每周五题_2024/01/08~01/12

LeetCode 题目序号 447 2707 2696 2654 2085

2024-01-09 17:05:26 526

原创 位运算 (运算符)

位运算 运算符概述 二进制运算符 补码 JS number 编码

2024-01-04 15:48:37 961

原创 LeetCode每周五题_2024/01/01~2024/01/05

LeetCode每日一题 1599 466 2487 2397 1944 2807 383

2024-01-03 21:45:52 695

原创 Vscode运行调试文件

【代码】Vscode运行调试文件。 debugger . vscode .

2023-12-25 16:54:19 1464

原创 react-virtualized报bpfrpt_proptype_WindowScroller引入错误

react-virtualized,bpfrpt_proptype_WindowScroller,WindowScroller,[ERROR]

2023-11-29 17:59:50 472

原创 前端实现单元测试(代码版)

代码中的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 590 1

原创 前端实现端到端测试(代码版)

左侧是测试执行栏,会有每个指令的详细信息以及成功失败,箭头可以点开看详细信息. 右侧是内容显示栏会有页面显示。自动打开浏览器,点击左侧specs(测试文件菜单),点击内容区域.cy.ts文件。左侧端测试,右侧组件测试,点击左侧。选择你需要的浏览器,点击开始。

2023-04-19 16:45:34 725

原创 前端实现自动化测试

我们经常说的单元测试其实只是前端测试的一种。前端测试分为单元测试,UI 测试,集成测试和端到端测试。● 单元测试:是指对软件中的最小可测试单元进行检查和验证,通常指的是独立测试单个函数。● UI 测试:是对图形交互界面的测试。● 集成测试:就是测试应用中不同模块如何集成,如何一起工作,这和它的名字一致。● 端到端测试(e2e):是站在用户角度的测试,把我们的程序看成是一个黑盒子,我不懂你内部是怎么实现的,我只负责打开浏览器,把测试内容在页面上输入一遍,看是不是我想要得到的结果。

2023-04-17 17:16:03 862

原创 如何从零开始开发一个小程序

小程序

2023-01-03 11:14:55 1504

原创 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 2234

原创 Sublime Text(轻量级的文本编辑类软件)

Sublime Text是一个免费的开源文本和源代码编辑器,高速和易于访问的用户友好界面,简单,可靠且有效,可满足编码和文字处理需求。比其他一些专业的代码编辑工具,启动更快,占用资源更少,看代码,临时修改,都特别方便。无论您是编码人员,还是只是在寻找一个时尚,轻巧的文本编辑器,Sublime Text都适合您。

2022-10-24 17:39:36 1212

原创 企业级项目之Git代码提交配置推荐

【代码】企业级项目之Git-husky代码提交配置推荐。

2022-10-13 11:31:37 411

原创 用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 4970 7

转载 前端年后面试真题,会80%直接进大厂

前端基础javascript原型链csshtml&浏览器性能工程化框架算法基础大前端其他

2021-05-23 09:59:00 1269 6

转载 浏览器的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 1010

原创 认识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 195

原创 SVN小乌龟

SVNSVN可视化工具(svn小乌龟)下载TortoiseSVN(svn小乌龟)下载完毕还需要下载一个汉化-语言包。

2021-04-26 02:04:22 510

转载 内存泄露(白屏)定位

什么是内存泄露代码的运行离不开内存,JavaScript程序每次创建字符串、数组或对象时都会分配内存来存储实体。但是我们的内存是有额度的,不能无限使用,如果一个对象不被使用时,内存就会被释放掉。JavaScript中的内存管理是自动执行的,当遇到这种情况时,js引擎将会帮我们把这部分垃圾清除掉,这也就是我们常说的垃圾回收。那什么会被认为是垃圾呢?一般来讲当一个对象不在被GC根引用时就会被清除。GC根可以时浏览器的window,也可以是nodejs中的global。但是垃圾回收

2021-04-26 02:00:00 486

原创 github高仿系列推荐

序真正的知识,真正的艺术,从来是乐于分享,而且是无私的分享的,追求精神价值才是实现共产主义的基础。以下都是github上找到的开源项目,侵权删。高仿斗鱼APPgithub链接flutter重构的斗鱼直播APP首页、娱乐为Material组件;直播间、鱼吧为纯自定义编写。另外整合各类优质的第三方开源库,打造出原生APP丝滑的用户体验尽可能接入更多功能,方法附带注释,帮助你在使用flutter进行开发新的应用提供实用的借鉴案例高仿微信iOS版github链接高仿微信,iO

2021-03-19 14:52:09 566 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 900

原创 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 4138

原创 Mac常用快捷键

Mac快捷键Command+Shift+. 可以显示隐藏文件、文件夹,再按一次,恢复隐藏finder下使用Command+Shift+G 可以前往任何文件夹,包括隐藏文件夹。文件删除:command+delete谷歌浏览器javascript控制台:option+command+j刷新: command+r...

2021-03-08 14:39:13 162 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 804

原创 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 371

原创 同步异步

同步异步当浏览器解析jS时,会先把所有的同步代码执行完,然后再执行异步;JS 是单线程: JS同一时间只能执行一行代码;浏览器是多线程线程是一个小的进程;线程是进程一个基本单位;是一个轻量级的进程;每一个进程都有自己独立的资源和空间(上下文),切换进程开销比较大;线程可以共享资源;切换线程开销比较小;异步: 定时器  ajax   事件(onload onclick ) prom

2021-03-01 01:41:40 143 2

原创 定时器加案例

定时器加案例定时器1.setTimeout(函数,间隔时间,函数的实参):他是一次性函数,到了规定的时间只会执行一次2.setInterval(函数,间隔时间,函数的实参):他是周期性函数,间隔一段时间只会执行一次3.间隔时间的单位是毫秒4.定时器的返回值是一个数字,代表当前定时器在页面中的位置(假如页面中有两个定时器,第一个定时器返回的值是1,第二个定时器的返回值是2)5.clearInterval(定时器的返回值)6.clearTimeout(定时器的返回值)可以混着清定时器,不建议

2021-03-01 01:17:09 193

原创 5分钟学会用代码发送邮件

前置条件两个邮箱发送邮件的邮箱要开通SMTP服务手机邮件应用配置过邮箱或者电脑电脑应用配置过邮箱->应该配置过SMTP服务(客户端软件需要权限才可以使用邮箱功能)例如:qq邮箱左上角设置 - > 账号 - > 开通下方服务 - > 拿到授权码然后创建一个文件夹文件夹里创建一个email.js终端执行npm init -ynpm i nodemailer引入第三方模块NODEMAILER功能挺多的,自己有兴趣可以都玩下用法

2021-02-10 18:51:40 1557

原创 一图胜千言WEB系列(持续更新)

TCP 三次握手 / 四次挥手 script加载 OSI七层模型 vim快捷键位图 mobx vue2生命周期 微前端 node.js工作流程 node.js事件循环

2021-02-10 16:26:58 212

面试题最全整理,包括原生JS,VUE,REACT-基础.doc

2020面试题最全整理,包括原生JS,VUE,REACT,工作后建议。 1 原生JS部分 2 2 ajax&http 19 3 vue相关 27 4 react相关 39 5 项目相关 50

2020-07-04

product.json

案例小Demo-JS原生加jquery商品排序-json文件, { "id": 1, "title": "HUAWEI全网通版(亮黑色)", "price": 499, "time": "2017-03-15", "hot": 198, "img": "img/1.jpg" }

2020-01-12

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除