- 博客(17)
- 收藏
- 关注
RSS订阅原创 前端常用判断符号??，?. ，! ，!! ，|| ，&&，?:
&该运算符取值逻辑为判断时转化为bool值判断左侧值为true or false，左侧值为false则直接返回false，左侧值为true再判断右侧，右侧为false则仍为false，为true则返回右侧值。||该运算符取值逻辑为判断时将值转化为bool值判断左侧值为true or false，左侧值为true则直接取左侧值，为false再判断右侧为true则返回右侧值都为false则返回false。:该运算符通过判断?前面的值为true or false 来决定返回:左右的值。
2023-08-18 15:56:58
2226
1
原创 Proxy与defineProperty实现递归嵌套对象的响应式处理
对于p.zhang.wang.name Proxy会依次调用其中set(p.zhang , zhang.wang ....) ,若最后为赋值,则最后一次调用set。还可将其函数改为工厂模式,直接返回结果,在外面接收。
2022-08-18 17:22:13
629
2
原创 css文字换行方式以及单行超出文字变省略号以及多行超出变省略号
可以用于文本换行，但是该属性不能使长标点符号换行；来实现文本的自动换行；当文本所在容器的宽度固定时，可以使用。可以用于将长标点符号进行换行；也可以用于长标点符号的换行。可以用于防止文本自动换行；可以用于使用连字符连接单词。...
2022-07-30 21:52:13
1154
原创 nodejs session与JWT的使用
工作原理session为为客户端浏览器生成一个cookie记录每个客户的id,当每次客户端发送请求时,携带这个id发送,在服务器端接口可以通过该id,获取该id用户的数据,通过req.session调用.用户信息存储在服务器端.JWT为将用户信息通过加密为jwt字符串发送给客户端,客户端将其保存在localStorage或sessionStorage,在客户端每次发送需要用户权限认证的请求时,将客户端浏览器中的jwt字符串通过...
2022-05-07 10:54:47
164
原创 服务器端解决访问跨域问题cors与jsonp解决方式
cors为一个第三方插件.通过添加htpp响应头解除浏览器阻止响应数据在express创建服务器代码中使用npm 安装require导入app.use(cors())使用cors三个响应头配置Access-Control-Allow-Originreq.setHeander("Access-Control-Allow-Origin" , "http://baidu.com") /
2022-05-05 15:31:48
192
原创 路由模块化以及Express中间件的使用
路由模块化将app上直接绑定的get/post等请求封装到一个js中const express = require("express")const Router = express.Router()Router.get("/user", (req , res)=>{ res.send({"name":"梦想","age":"20","gender":"男"})})Router.post("/user" , (req , res)=>{ res.send("
2022-05-03 10:53:08
176
原创 Express创建服务器/接口及Express中的一些Api
Express为nodejs中对本身http模块的第三方封装.创建服务器const express = require("express")const app = express(); app.listen(80 , ()=>{ console.log("127.0.0.1服务启动")})响应get/post请求app.post("/user",(req,res)=>{ res.send("post请求已收到,此为返回结果")})app.ge
2022-05-02 16:10:55
170
原创 iP地址与域名及端口 node http模块创建服务器
每台Web服务器对应一个ip地址,域名为ip地址的包装.网页输入域名,会自动解析成ip地址,再进行访问端口相当与一台服务器的各个房间,每个端口对应一个Web服务,不输入端口号默认访问服务器上端口为80的Web服务.本地电脑的服务端口为127.0.0.1 转换为域名及localhost创建服务器的步骤1.导入http模块const http = require('http')2.创建web服务器实例const server = http.createServer
2022-04-29 19:17:53
339
原创 自定义组件中使用v-model与sync
v-model父组件<template> <div> <CustomInput :value="msg" @input="msg = $event"/> //input为自定义事件,$event为$emit //传递的数据 <CustomInput v-mode
2022-04-14 16:14:25
83
原创 原生Dom事件与组件自定义事件
原生Dom绑定系统事件<template> <div> <button @click = "handler"></button> </div></template><script> export default{ name:"Event", method:{ handler(){console.log("原生点击事件")
2022-04-12 16:56:53
187
原创 js中数组方法
1.join()该方法用于将数组转化为字符串参数为一个字符,将数组每个元素转化为字符串时,由该字符连接.不输入参数默认为" , "let arr = ["1" , "2" , "3"];console.log(arr.join("-")); // 输出1-2-3//该方法不改变原数组arr.2.push()与pop()push()将其中内容加入到数组的末尾,并返回修改后数组的长度,数组本身改变pop()移除数组最后一项,并返回该项值.let arr = ["1" , "
2022-03-28 10:41:08
143
原创 排除但输入要求为数字时用户输入非法字符
非数字字符与数字相乘为NaN.let value = event.target.value*1;if(isNaN(value)){//判断非法字符后处理 this.skuNum = 1;}else{//取整 this.skuNum = parseInt(value);}
2022-03-24 11:48:47
98
原创 会话存储sessionStorage与本地存储localStorage
会话存储存储的数据持续时间为浏览器会话框存在期间本地存储存储的数据持续时间为浏览器本地缓存存在时间,不清除缓存则一直存在,但有存储上限.存储方式:sessionStroage.setItem("msg" , "...")localStroage.setItem("msg" , "...")存储都以键值对的形式存储获取方式:sessionStroage.getItem("msg")localStroage.getItem("msg")删除方式:sessionL
2022-03-24 11:18:53
946
原创 js中的防抖与节流
作用:用于解决用户操作行为过快导致的事件冲突以及浏览器卡顿问题1.函数的防抖(在与前一个触发间隔较小时,前一个是事件触发将取消,最后一次执行在规定的时间之后才会触发,即连续多次触发事件只会执行最后一次触发事件)防抖代码大致代码演示function throttle(method , context){ //method为回调方法,context为调用对象. clearTimeout(method.timer); method.timer = se
2022-03-22 10:15:09
83
原创 axios小结
axios APIaxios(config) config为配置项axios({ method: 'post', //以post形式发送请求 url: '/user/12345', data: { firstName: 'Fred', lastName: 'Flintstone' }});axios(url[, config]) 将配置项中url单独提出,config可以不写,默认为get请求axios('/user/12345');axios几种别
2022-03-21 10:55:53
95
原创 Vue 路由router传参方式,以及组件中获取数据方式
Router传参方式:1.query传参<router-link :to={ path:"...", //跳转地址 query:{ id:".." } }></router-link>编程式路由this.#router.push({ path:"...", query:{ id:"..." }})2.params传参p
2022-03-20 16:25:55
2016
原创 JS - ES6 async与await
async写法:async function fn(){}async所定义的函数返回的值有三种形式:1.返回一个非Promise(字符串/对象形式都可),返回值会被包装为一个sucess的Promise返回2.返回一个Promise,则直接将该Promise返回3.无返回值,则返回一个空Promise(状态为success)async与await合并使用:1.相应Promise不会出错async function fn(){ let result1 = a
2022-03-20 15:27:46
405
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人