- 博客(28)
- 收藏
- 关注
RSS订阅原创 Webpack学习笔记
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mDTPuj5f-1689042707139)(C:\Users\mzhj\AppData\Roaming\Typora\typora-user-images\image-20230705221304210.png)]
2023-07-11 10:32:02
155
原创 Web 的开发模式学习笔记
服务器发送给客户端的 HTML 页面，是在服务器通过字符串拼接，动态生成的。因此，客户端不需要使用 Ajax 这样的技术额外请求页面的数据。${${
2023-07-11 10:31:32
89
原创 Vue2 的学习笔记
指令名定义时不加 v- 但使用时要加//element 为绑定的标签，binding 是绑定的值自定义指令名(element, binding) {//指令与元素绑定时bind() {},//指令所在元素被插入页面时},//指令所在的模板被重新解析时update() {//定义全局过滤器 Vue . filter('过滤器名' , function(value) {return 过滤的方法 }) //定义局部过滤器 filters : {'过滤器名'() {
2023-07-11 10:31:01
116
原创 URLSearchParams的用法学习笔记
URLSearchParams是前端做查询字符串拼接、特别是实现前端路由的好帮手。当我们遇到需要实现带参请求时，URLSearchParams可以很方便的帮助我们。
2023-07-11 10:30:14
169
原创 Node.js学习笔记
Node.js 是一个跨平台 JavaScript 运行环境，使开发者可以搭建服务器端的 JavaScript 应用程序。封装了与本机文件系统进行交互的，方法/属性在 Node.js 中，每个文件都被视为一个单独的模块。好处提高代码复用性，按需加载，独立作用域使用需要标准语法导出和导入进行使用npm是 Node.js 标准的软件包管理器。功能命令执行 js 文件node xxx初始化 package.json下载本地软件包npm i 软件包名下载全局软件包npm i 软件包名 -g。
2023-07-11 10:28:13
31
原创 Express学习笔记
业务处理环节中的中间处理环节//业务处理完毕后，必须调用 next() 函数 next() }//以下两种写法都可 app . get('/路径' , mw1 , mw2 ,(req , res) {res . send('') }) app . get('/路径' , [ mw1 , mw2 ] ,(req , res) {模拟一个类似 express.urlencoded 的中间件，解析 POST 提交到服务器的表单数据。
2023-07-11 10:25:54
32
原创 AJAX与axios与fetch学习笔记
Fetch 被称之为下一代 Ajax 技术，内部采用 Promise 方式处理数据API 语法简洁明了，比 XMLHttpRequest 更简单易用采用模块化设计，API 分散多个对象中（如：Response对象、Request对象、Header对象）通过数据流（Stream对象）处理数据，可以分块读取，有利于提高网站性能，对于大文件或者网速慢的场景极为有用兼容性不兼容 IE。
2023-07-11 10:25:24
36
原创 fetch
Fetch 被称之为下一代 Ajax 技术，内部采用 Promise 方式处理数据API 语法简洁明了，比 XMLHttpRequest 更简单易用采用模块化设计，API 分散多个对象中（如：Response对象、Request对象、Header对象）通过数据流（Stream对象）处理数据，可以分块读取，有利于提高网站性能，对于大文件或者网速慢的场景极为有用。
2023-07-02 23:53:18
374
1
原创 JS中的事件
鼠标事件mousemove：鼠标移动mouseup：鼠标点击松开时触发mousedown：鼠标点击按下时触发mouseout：鼠标移开时触发mouseover：鼠标移开到其他元素时触发点击事件click：单击事件dblclick：双击事件焦点事件blur：失去焦点时触发focus：获得焦点时触发键盘事件keydown：某个键盘按键被按下keyup：某个键盘按键被松开keypress：某个键盘按键被按下并且松开选择和改变事件change：在文本域/文本框选择
2023-06-30 11:53:50
23
原创 JS性能优化——节流
单位时间里，频繁触发事件，只执行一次使用场景高频事件：鼠标移动mousemove、页面尺寸缩放resize、滚动条滚动scroll等等。
2023-06-30 11:30:34
51
原创 JS深拷贝与浅拷贝
在使用深拷贝的时候，一定要弄清楚对深拷贝的要求程度，是仅深拷贝第一层级的对象属性或者数组元素，还是递归拷贝所有层级的对象属性和数组元素。上述代码拷贝的是 arrA 的值，所以 arrB 的值改变并不会影响 arrA 的值。但深拷贝会另外创造一个一模一样的对象，新对象跟原对象。浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是。首先，浅拷贝和深拷贝只针对引用类型。
2023-06-29 23:27:12
24
原创 JS中的原型链
基于原型对象的继承使得不同的构造函数的原型对象关联在一起，并且这种关联的关系是一种链状的结构，我们将原型对象的链状结构关系称为原型链1、原型链是查找规则（当你想使用某种属性或者方法时，通过 __proto__ 向上查找）2、__proto__对象原型的意义就是为对象成员查找机制提供一个方向，或者说一条路线3、可以使用 instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例的原型链上只要是对象，就有 __proto__，指向原型对象。
2023-06-29 22:53:20
21
原创 JS的闭包
一个函数对周围状态的引用捆绑在一起，内层函数中访问到其外层函数的作用域。作为局部变量，在使用完后应该被回收，但却没被回收，所以造成了。，这就是一个简单的闭包。上面的例子中，内层函数。能调用外层函数的变量。就能实现变量的私有，但是。封闭数据，提供操作，让。函数的变量，也是闭包。
2023-06-29 20:28:48
11
原创 Vue的生命周期
（创建前）什么都未初始化；created（创建后）props、data、methods、watch、computed等属性已经初始化可以获取；（载入前）仍不能获取具体的DOM元素，但vue根节点已经挂载；mounted（载入后）数据和DOM都已经渲染；（更新前）数据更新后虽然没有立即更新数据，但是DOM中的数据会改变，这是vue双向数据绑定的作用；updated（更新后）DOM会和更改过的内容同步；（销毁前）清除vue实例与DOM的关联，调用destroy方法可以销毁当前组件，销毁前触发；
2023-06-29 18:36:02
458
原创 JS异步函数async和await
用于声明异步函数它以类似同步的方式来写异步方法，语法与声明函数类似：他的调用与函数相同：的返回结果是一个对象，如果 的值是除 以外的任何值，都算是成功的，都会调用 方法，所以他的输出结果为：如果返回的值是 或者错误，都会调用 方法：或者结果为：与要获取 函数的返回结果，就需要用到 的 或 来获取获取成功的结果：结果：获取失败的结果：结果：如果函数调用时注册了回调函数，那么注册的回调函数就会被放到中，主线程会先执行下面的代码，再回来执行函数：结果：不注册回调
2023-06-29 17:50:16
1122
原创 Vue实现在标签页关闭时删除localstorage
应为标签页在关闭前会执行 onbeforeunload 方法，不过，此方法的弊端是，页面刷新时也会执行 onbeforeunload 方法，所以，页面刷新时也会清除 localstorage。如果想在标签页关闭的时候删除。
2023-06-29 16:00:04
392
原创 CSS中的伪元素选择器与伪类选择器
匹配符合Selector的选择器，而且必须是与他同类型、同级的兄弟元素中的倒数第n个元素。：匹配符合Selector的选择器，而且必须是与他同类型、同级的兄弟元素中的最后一个元素。：匹配符合Selector的选择器，而且必须是与他同类型、同级的兄弟元素中的唯一一个元素。：匹配符合Selector的选择器，而且必须是与他同类型、同级的兄弟元素中的第一个元素。：匹配符合Selector的选择器，而且必须是与他同类型、同级的兄弟元素中的第n个元素。：匹配符合Selector的选择器的元素中。
2023-06-27 22:26:33
127
1
原创 间歇函数setTimeout和setInterval
, 1000)setTimeout() 方法接收两个参数，第一个参数为回调函数或字符串，第二个参数为触发时间(单位：毫秒)setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式，用法如下。} , 1000)方法会不停地调用方法，返回的是一个 ID 值（当前为本代码中的第几个）。如果想要停止方法，需要调用方法或窗口被关闭，方法需要传一个参数，该参数为方法的ID值。
2023-06-27 21:19:17
128
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人