- 博客(72)
- 收藏
- 关注
原创 【node】CORS跨域资源共享
CORS由一系列HTTP响应头组成,这些HTTP响应头决定了浏览器是否阻止前端JS代码跨域获取资源。浏览器的同源安全策略,默认会阻止网页“跨域”获取资源。但如果接口服务器配置了CORS相关的HTTP响应头,就可以解决浏览器端跨域范访问限制。CORS注意事项CORS主要在服务器端进行配置。客户端浏览器无需做任何额外的配置,即可请求开启cors的接口CORS在浏览器中有兼容性。
2025-06-09 18:53:19
687
原创 【node】中间件分类
定义中间件监听req的data事件监听req的end事件使用querystring模块解析请求体数据将解析出来的数据对象挂载req.body将自定义中间件封装为模块data事件来获取客户端发送到服务器的数据。数据量比较大的话,客户端会把数据切割分批发送到服务器端,data事件会触发多次 每次都获取到完整数据的一部分。end事件当请求体数据接收完毕之后,会自动触发req的end事件。因此可在end事件中,拿到并处理完整的请求体数据。// 自定义的中间件str+=chunk})
2025-06-09 18:52:08
648
原创 【node】Express创建服务器
Express是基于Node.js平台,快速、开放、极简的Web开发框架。基于http的express是专门用来创建web服务器的,可以极大的提高开发效率。1web网站服务器专门对外提供web网页资源的服务器2Api接口服务器专门对外提供Api接口的服务器。
2025-05-27 11:36:19
508
原创 【node】模块的加载机制
使用require()加载自定义模块是,必须以./或者../开头的路径标识符。在加载自定义模块时,如果没有指定./或者../这样的路径标识符,则Node会把它当做内置模块或者第三方模块进行加载。同时,在使用require()按照确切的文件名进行加载补全.js扩展名进行加载补全.json扩展名进行加载补全.node扩展名进行加载加载失败,终端报错。
2025-05-15 09:50:24
372
原创 【node】路由的模块化管理
为了方便对路由进行模块化的管理,Express不建议将路由直接挂载到app上,而是推荐将路由抽离为。1 创建路由模块对应的.js文件;3 向路由对象上挂载具体的路由;将路由抽离为单独的路由模块。
2025-05-15 09:46:04
154
原创 【node】如何把包发布到npm上
输入账号、密码、邮箱之后,根据提示输入邮箱中的验证码,即可登录完成。命令 ,输入用户名、密码(不可见输入方式)、邮箱,即可登录成功。2 填写账号相关信息,并记住账号 、密码、邮箱等信息;网站,点击sign up 按钮,进入注册用户界面;4 登录邮箱,点击验证链接,进行邮箱账号验证;命令,即可将包发布到npm上,注意要发布的。删除的包,在24小时内不允许重复发布;在正式发布之前可以测试发布流程是否正确。只能删除72小时以内发布的包;命令,即可从npm 删除包。查询当前登录的npm账户。
2025-05-14 09:58:33
668
原创 【node】5.模块化
模块化事指解决一个复杂问题时,自顶向下逐层把系统划分成若干个模块的过程。对于整个系统来说,模块化是可组合、分解和更换的单元在编程中,把大文件拆分成独立并相互依赖的多个小模块。代码模块化的好处1 提高了代码的复用性2 提高了代码的可维护性3 可以实现按需加载。
2025-03-24 14:23:50
732
原创 [node] 2 fs文件系统模块
fs模块是Node.js官方提供的内置Api,用来操作文件的模块。它提供了一系列的属性和方法,来满足用户对文件的操作需求1 掌握fs中文件处理方法readFile、writeFile等的基础用法2 node如何安装3 一些常用的终端快捷键fill:#333;color:#333;color:#333;fill:none;fs文件系统模块1 readFile的用法2 writeFile用法。
2024-11-03 12:58:21
653
1
原创 [node] 1 初识node
node是一个基于chomre V8引擎的JS运行环境浏览器是JS的前端运行环境node是JS的后端运行环境node是不能调用DOM BOM等浏览器内置APi。
2024-10-15 19:14:55
943
原创 [Vue3] 11 script_setup
fill:#333;color:#333;color:#333;fill:none;1 基本语法2 绑定后可直接在模版中使用3 动态组件。
2024-08-22 21:00:37
1066
原创 【TS】5 在React中使用TS
fill:#333;color:#333;color:#333;fill:none;项目使用TS1 使用CRA创建支持TS的项目2 TS配置文件tsconfig.json3 React中的常用类型。
2024-08-21 12:22:45
1086
原创 [Vue3] 12 pinia的使用
fill:#333;color:#333;color:#333;fill:none;Pinia1 为什么你应该使用 Pinia2 pinia的引入与使用3 用pinia创建购物车。
2024-08-21 12:02:02
943
原创 【TS】3 高级类型
1 掌握TS的高级类型用法2 了解交叉类型与接口继承的区别3 泛型工具类型的使用方法fill:#333;color:#333;color:#333;fill:none;高级类型1 class类2 类型兼容性3 交叉类型4 泛型和typeof5 索引签名类型和索引查询类型对象索引与数组索引索引查询6 映射类型。
2024-08-19 11:01:25
853
原创 【TS】4 类型声明文件
我们都知道TS提供了类型,才有了类型保护机制和代码提示等机制。但是在很多使用第三方库中你会发现,他们机会都有TS的类型,这些类型是怎么来的呢?这就要提到类型声明文件了。
2024-08-19 10:59:41
764
原创 【TS】2 常用类型
示例:定义变量a是number类型,相当于给变量a加了一个类型的约束约束了什么类型只能赋值该类型的值,否则就会报错可以将TS中的常用基础类型细分为两类:1JS已有类型2TS新增类型1 jS已有类型原始类型:number/string/boolean/null/undefined/symbol。对象类型:object(包含:数组、对象、函数等对象)。2 TS新增类型联合类型、自定义类型(类型别名)、接口、元组、字面量类型、枚举、viod、any等。
2024-08-18 15:40:03
832
原创 【TS】1 ts入门
相信很多开发人员再使用JS的过程中,都遇到过打包后的JS代码报错(类型错误问题),这种bug是非常花费时间的,严重影响了开发效率。对于JS来说:JS属于动态类型的编程语言,需要等到代码真正去执行的时候才能发现错误(晚)对于TS来说:TS属于静态类型的编程语言,在代码编译的时候(代码执行前)就可以发现错误(早)并且,配合VSCode 等开发工具,TS可以提前到在编写代码的同时就发现代码中的错误,减少找 Bug、改 Bug 时间。
2024-08-18 15:39:34
741
原创 [Vue3] 9 其它API
只处理对象最外层属性的响成式 (浅响应式)shallowRef:只外理是基本数据类型的响应式,不进行对象的的应式处理。什么时候用?。若有一个对象数居,结构比较深,但变化只是最外层变化 =》若有一个对象数据,后续功能不会修改对象中的属性,而是生成新的对象来替换 =>shallowRef。
2024-08-14 14:59:02
572
原创 [Vue3] 7 自定义hook函数
本质上是一个函数,把setup中使用的 Composition Api进行封装有点类似于vue2.0中的mixin优点:复用代码,让setup中的逻辑更清晰易懂。
2024-08-13 18:28:00
400
原创 [Vue3] - 5 watch与watchEffect用法
一全部属性firstName:'张',lastName:'三',job:{name:'前端工程师'}});接收的参数newValue与oldValue,person下的job对象改变,watch也能监视到,在vue2中只有开启了deep深度监视才会生效1 无法获取正确的oldValue2 deep设置无效,强制开启深度监视watch监听的是RefImpl或Proxy结构watchEffect监听回调中用到额度属性。
2024-08-09 16:12:15
776
原创 [Vue3] - 3 数据响应式
在前端开发过程中,最为注重的就是数据的即时性和响应。但随着技术的发展vue2.0的数据响应方式,不能响应属性的新增和删除、以及通过数组下标修改界面不会自动更新等弊端逐渐显露。vue3.0为开发者提供了更为便捷的数据响应方式,接下来就让我们一起去探索一下。
2024-07-31 11:53:33
1115
原创 [Vue3] - 2 setup
1. vue2的语法与setup是否可以混用?可以混用,不建议混用。以后vue3版本更新之后,是否还支持vue2还未可知2. setup下的this为什么是undefined?setup在之前执行一次,此时this还未初始化,所以setup下的this是undefined3. setup不能是async函数?加上async之后,setup的返回值就不在是一个单纯的对象了,而是一个promise,模板中无法看到对象中的属性。4. vue3如何接收组件传参?用接收传递过来的参数在中。
2024-07-29 10:56:02
890
原创 [Vue3] - 1 创建vue3工程
使用vue-cli和vite创建区别分类区别工程目录目录有略微的不同使用语法一样的都用的Vue3语法打包速度vite创建的工程更快参考vue3中文文档。
2024-07-22 14:23:22
823
原创 【Vue3】vue3-seamless-scroll实现无缝滚动+滚轮控制
前言…目标创建一个vue3项目,在项目中安装第三方组件1 安装2 引入并注册3 使用组件在正式开始之前,先看一下这个第三方组件有哪些参数或者属性官方文档:vue3-seamless-scroll组件配置以上仅列出了接下来可能用到的属性。这里用的是表格组件。若直接将el-table表格插入到vue-seamless-scroll组件中,会导致el-table表格中的表头也会进行滚动,这不是想要的效果。这里用两个el-table,一个保留表头部分,一个保留内容部分。保留内容部分的放入vue-s
2024-07-09 09:58:49
1352
原创 【vue2】实现自动轮播+滚轮控制
有一个`无缝轮播+滚轮控制`的需求,找了很多的方法发现都没办法完美的实现这种效果。用原生的js实现不是无缝滚动用无缝滚动插件实现,发现pc端无法实现滚轮控制
2024-07-03 16:16:57
1754
原创 【Vue】vue-router路由使用
hash模式1.地址中永远带着#号,不美观。2.若以后将地址通过第三方手机app分享,若app校验严格,则地址会被标记为不合法。3.兼容性较好。4.hash值不会包含在 HTTP 请求中,即:hash值不会带给服务器。history模式1.地址干净,美观。2.兼容性和hash模式相比略差。3.应用部署上线时需要后端人员支持,解决刷新页面服务端404的问题。1、如何配置路由?2、如何使用导航进行路由跳转声明式:router-link。
2024-06-24 22:49:04
777
原创 【Vue】接口调用方式
1、xhr是js封装的一个库;2、jquery基于xhr,接口调用$.get $.post是DOM操作;3、axios基于xhr,减少DOM操作,推荐使用;4、fetch是js封装的,与xhr平级。两次promise操作、兼容性比较差;5、vue-resource,Vue提供的在vue1.x版本中经常被使用,后续不在更新;
2024-05-28 16:04:04
1742
原创 【Vue】跨域问题解决
前言目标proxy代理的用法fill:#333;color:#333;color:#333;fill:none;解决跨域corsjsonp代理服务器nginxvue-cli 前端代理corscors是跨域资源共享,是一种基于 HTTP 头的机制,该机制通过允许服务器标示除了它自己以外的其它 origin(域,协议和端口),使得浏览器允许这些 origin 访问加载自己的资源。服务端设置了Access-Control-Allow-Origin就开启了CORSjsonp。
2024-05-28 10:42:30
1014
原创 【Vue】组件用法
一种组件间通信方式,适用于父子组件间通信。通过父组件给子组件传递函数类型的props实现: 子给父传递数据通过父组件给子组件绑定一个自定义事件实现: 子给父传递数据(第一种写法,使用@或v-on、$emit通过父组件给子组件绑定一个自定义事件实现: 子给父传递数据(第二种写法,使用refthis.$off('atguigu') //解绑一个自定义事件this.$off(['atguigu',demo']) //解绑多个自定义事件this.$off() //解绑所有的自定义事件。
2024-05-23 17:25:44
1250
1
Vue2 实现无缝滚动+滚轮控制
2024-07-03
OBS Studio是一款视频直播录制软件,为用户提供了视频、文本、图像等的捕获录制功能
2024-03-20
控制台netWork 接口返回字符串,但是console.log打印为undefined
2023-05-06
onlyoffice在线编辑问题
2023-03-13
dist打包文件运行报错
2023-02-21
iview table 多选框
2023-02-16
tinymce 右击显示菜单
2023-02-13
APP打包遇到的问题
2022-12-06
uniapp 消息推送
2022-11-24
前端实现帮助文档效果
2022-11-01
TA创建的收藏夹 TA关注的收藏夹
TA关注的人