- 博客(28)
- 收藏
- 关注
RSS订阅
1原创 vue页面登录守卫
举例：router.beforeEach((to,from,next)=>{ var itemx=sessionStorage.getItem("data") // 登录的时候进行一次本地存储，以有无此存储内容进行判断// '/deng' 代表为登录界面// '/zhu' 代表为注册页面// '/' 代表为登录页面// to.path 代表为所进行前往的页面路径 （可在控制台里面打印出） if(itemx == null || itemx==""){
2021-08-15 13:36:28
207
原创 vue axios请求进行相应拦截
需提前下载axios插件在vue项目src目录中新建一个文件夹名字为 API，在API文件夹中建立名字为https的js文件。写入内容为：import axios from 'axios';axios.defaults.timeout = 30000;// 添加响应拦截器axios.interceptors.response.use(function (response) { //可以写if判断，提前拦截错误信息 return response;}, f
2021-08-15 13:36:08
107
原创 Vue项目性能优化?
代码减少对服务器请求次数** **减小对服务器** **请求代码的体积v-if 和 v-show选择调用为item设置唯一key值减少watch的数据全局事件解绑函数节流函数防抖Keep- alive缓存css精灵图字体图标spa单页应用图片(数据)懒加载<!--使用前需先安装配置vue-lazyload-->路由懒加载Webpack打包压缩代码...
2021-08-14 21:08:16
52
原创 **React** **两个路由页面之间怎样传递参数？**
1动态路由配置传参配置： path=’/detail/:id’传参 ： to=’/detail/100’接收： this.props.match.params.id2 js跳转传参 this.props.history.push({ pathname : '/user' ,query : { day: 'Friday'} }) this.props.location.query.day3 通过state同query差不多，只是属性不一样，而且state传的参数是加密的...
2021-08-14 21:07:00
474
原创 vue与React的异同
技术层面：》》》》 Vue 生产力更高（更少的代码实现更强劲的功能） React 更 hack 技术占比比较重 两个框架的效率都采用了虚拟 DOM 性能都差不多 组件化 Vue 支持 React 支持 数据绑定 都支持数据驱动视图 Vue 支持表单控件双向数据绑定 React 不支持双向数据绑定 它们的核心库都很小，都是渐进式 JavaScript 库
2021-08-14 21:05:32
61
原创 小程序项目的生命周期函数与小程序中组件的生命周期
小程序项目的生命周期函数 ：onLoad() 页面加载时触发，只会调用一次。可获取当前页面路径中的参数。Onshow() 页面显示/切入前台时触发，一般用来发送数据请求;onReady() 页面初次渲染完成时触发，只会调用-次，代表页面已可和视图层进行交互onHide() 页面隐藏/切入后台时触发，如底部tab切换到其他页面或小程序切入后台等。onUnload()页面卸载时触发，如redirectTo 或navigateBack到其他页面时。小程序中组件的生命周期：...
2021-08-14 21:04:18
96
原创 style标签实现移动端与PC适配样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
2021-08-14 20:52:05
258
原创 JavaScript数组去重
使用 indexOf() 方式 var arr=[1,2,3,4,5,6,1,2,3,4,5,6] var arr1=[] function unia(index,indexxx){ for(var i=0;i<index.length;i++){ if( indexxx.indexOf(index[i])==-1 ){ arr1.push(index[i]); } } console.log(arr1) } uni..
2021-08-14 20:42:37
103
原创 vue深浅拷贝
深拷贝 使用json转字符串，再将字符串转换为对象的方法实现var arr=[1,2,3,4,5,6,1,2,3,4,5,6] var _obj = JSON.stringify(arr) objClone = JSON.parse(_obj);console.log(objClone)浅拷贝，使用等号赋值let a=[1,5,8,9], b=a; console.log(a===b) a[0]=2 console.log(a,b)...
2021-08-14 20:40:15
67
原创 如何实现页面同时在移动端和pc端的兼容问题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="k...
2021-08-13 09:28:24
1039
原创 用css写一个三角
答：.box{ Width:0; Height:0; Border:20px solid red; Border-left-color:transparent; Border-right-color:transparent; Border-top-color:transparent;}
2021-08-13 09:23:34
56
原创 深拷贝，浅拷贝
如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。我的回答是：浅拷贝是拷贝了对象的引用，当原对象发生变化的时候，拷贝对象也跟着变化；深拷贝是另外申请了一块内存，内容和原对象一样，更改原对象，拷贝对象不会发生变化；但是面试官给我说：浅拷贝是拷贝一层，深层次的对象级别的就拷贝引用；深拷贝是拷贝多层，每一级别的数据都会拷贝出来；浅拷贝实现：（1）手动赋值（2）Object.assi
2021-08-13 09:21:56
61
原创 http状态码有哪些分别表示什么？
<br class="Apple-interchange-newline"><div></div>200:请求已成功，请求所希望的响应头或数据体将随此响应返回。302:请求的资源临时从不同的URI 响应请求。由于这样的重定向是临时的，客户端应当继续向原有地址发送以后的请求。只有在Cache-Control或Expires中进行了指定的情况下，这个响应才是可缓存的304:: 如果客户端发送了一个带条件的GET请求且该请求已被允许，而文档
2021-08-13 09:21:19
383
原创 邮箱的正则验证
//验证邮箱var emailReg= /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;emailReg.test(str)
2021-08-13 09:20:12
216
转载 函数节流(throttle)和函数去斗(debounce)
函数节流和函数去斗是解决什么问题的：大家都知道，人的眼睛能感知的最快反应速度是在0.1秒到0.4秒之间，所以0.1秒内的变化从视觉上来说是无意义的。而且如果涉及dom操作，或者网络操作会严重浪费资源，可能导致浏览器崩溃，或者服务器崩溃。例如一下场景： (1) 浏览器滚动事件scroll (2) 鼠标的点击事件 mouseup, mousedown,mousemove (3) 键盘的keyup, keydown， input事件 (4) window的resize事件 以上四个场景...
2021-08-13 09:19:18
95
原创 **冒泡排序**//选择排序//快速排序//
var arr=[1,8,7,3,5,4,9,40]for(var i=0;i<arr.length;i++){ for(var a=i+1;a<arr.length;a++){ if(arr[i]>arr[a]){ [arr[i],arr[a]]=[arr[a],arr[i]] } }}console.log(arr)(注意a=i+1 不是a=a+1,使用了解构赋值的写法)...
2021-08-13 09:18:06
40
原创 什么是宏任务，什么是微任务
答：**宏任务和微任务都是异步任务在同步任务队列之后而宏任务一般是:包括整体代码script, setTimeout, setInterval、 setlmmediate（node 独有）。微任务:原生Promise(有些实现的promise将then方法放到了宏任务中)、process.nextTick、Object.observe(已 废弃)记住就行了new.promise是宏任务。执行顺序微观任务先于宏观任务...
2021-08-13 09:17:30
682
原创 **js实现斐波那契数列**//等比数列//水仙花//1+2+3+...100//九九乘法表//选择排序//冒泡排序//
斐波那契数列数列：0 1 1 2 3 5 8 13...，用数学公式表示为：fn(n) = fn(n-1) + fn(n-2), n>1; fn(0) = 0; fn(1) = 1; 简单的来说就是后一项是前两项只和。1,2,4,8 //等比0,2,4,6 //等比/* 递归 */function fb1(n) { if (n < 1) return -1; if (n == 1 || n == 2) return 1;...
2021-08-13 09:16:58
246
原创 Vue3.0安装环境
1，卸载node.js（如果装了2.0的脚手架想换成3.0的需要先卸载重装，如果没有装过任何vue请从第4部开始）2，C:\Users\18613\AppData\Roaming 目录下删除npm 和npm-cache(如果装了2.0的脚手架,请先删除)3，安装新版本的node.js参考：https://www.runoob.com/nodejs/nodejs-install-setup.html》.安装nodejs，自带npm环境。地址：https://nodejs.org/en/down
2021-08-13 09:13:36
254
原创 小程序两个页面之间怎样传递和接受数据？
1，<navigator url='/pages/test/test?id=111&name=张三' >跳转</navigator> onLoad: function(datas) { console.log(datas); }2，使用全局数据存储const app = getApp()app.globalData.userid = 998888 /
2021-08-01 10:57:09
116
原创 小程序页面内部有什么参数传值的方法？
id ={{item.id}}或者data-xxxx={{item.index}}获取： e.currentTarget.dataset.id 或者 e.currentTarget.dataset.xxxxform表单获取值：e.detail.value.xxxx
2021-08-01 10:46:07
122
原创 微信小程序的相关文件类型
WXML:(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统，可以构建出页面的结构， 内部主要是微信自己定义的-套组件。WXSS:(WeiXin Style Sheets)是一套样式语言，用于描述WXML的组件样式，js : 逻辑处理，网络请求json：配饰文件小程序设置，如页面注册，页面标题及tabBar注册组件。 项目启动文件app.json 必须要有这个文件，如果没有这个文件，项目无法运行，因为微信框架把这个作...
2021-08-01 10:33:04
130
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人