- 博客(22)
- 收藏
- 关注
RSS订阅原创 前端常见业务
第一步：监听鼠标移动、鼠标点击、键盘按下这几个事件，获取当前的时间，与上一次操作的时间进行比较，判断过去有没有29分钟，如果没有就更新缓存的时间为当期时间、清除监听的事件、定时器，（这个步骤可以做一下节流），如果有超过29分钟（不能等到30分钟，因为等到30分钟的话已经失效了），就触发更新token的步骤，发送登录获取token的接口请求，这时只是加上了参数refresh_token,更新时账户和密码值由后端给。该方法根据滚动的距离计算出可见的列表项的起始索引，并更新 startIndex 的值。
2024-03-21 00:34:09
605
1
原创 react的基础概念
3）使用数据：在需要共享数据的子组件中，使用 Context.Consumer 组件来接收提供的数据，并在 render 方法中通过回调函数来使用这些数据。它通过使用中央化的事件中心来实现组件之间的解耦，从而简化了组件之间的通信流程。通过将事件绑定在 外面大的。重新渲染：对于需要更新的部分，React 会计算出新的虚拟 DOM 对象，并用这个新的虚拟 DOM 对象来更新实例的真实 DOM 对象。总结来说，React 的虚拟 DOM 是一种内存中的 DOM 表示，通过 diff 算法实现高效的渲染和更新。
2024-02-27 11:08:49
806
原创 referer认证与请求头与请求拦截
但是，如果是iframe嵌套窗口的时候：本地开发是子窗口，这时要拿到顶级窗口：也就是父窗口，的window.locaiton对像的地址url、不好意思，除非网页地址本就没有参数，否则无法做到。浏览器也根据是否同源做不一样的安全限制，并不能保证所有接口的referer都是完整的url，在非同源的情况下可能只发送网页的源。为满足所有的接口都加上请求头，就需要做实例的请求拦截与axios的直接拦截，经过本人实验，这两个拦截不冲突，2、有的请求使用了封装的axios实例的方法，而有的接口是直接调用了axios。
2023-09-28 16:46:11
417
原创 git 常见命令以及与gitee常见应用场景以及vim 命令
1、git init 给不是仓库的项目初始化项目git init2、与远程仓库建立连接，请注意，推送到远程仓库之前，确保你已经建立了与远程仓库的连接（通常使用 git remote add 命令添加远程仓库）。3、git status：显示当前工作目录和暂存区的状态。它会告诉你哪些文件已修改、新增或删除，并显示是否在暂存区或被忽略。（一般用来看要提交的是哪些文件，如果绿的，是已经add 加到暂存区了，如果不是绿的，说明使用的 不是add .，不是将全部代码文件加到暂存区，而是add 一个或多个具体文件名）
2023-09-15 18:38:02
99
原创 性能优化篇
然后具体的优化是分为几类，加载优化、图片优化css优化、js优化、渲染优化、首屏优化、打包优化、还有一些webpack优化、vue优化。答：对于js\css\html这些文件来说，当你开启gzip压缩之后，往往都会压缩到原有体积的1/3，但是对于图片开启gzip压缩之后，体积可能没有什么变化，因为主流格式的图片，比如jpg\png\gif,其实已经进行了压缩算法了，如果再用gzip压缩一回，体积不会有什么庇变化，甚至体积会变得更大。在优化的时候，有一些共性的问题,，也有一些比较特殊的问题。
2023-09-07 23:08:37
179
原创 js常见笔试题
2、typeof常见题目：toypeof null =>OBject。5、++x是前置自增，也就是先自增加1，再将x返回。3、数字和字符串类型转换。1、影响原数组的方法。
2023-08-23 23:25:11
57
原创 二、从零开始搭建权限路由架构
根路径-》指向layout首页，重定向到"/home"路由，编写children,children中的第一个路由就是给跟路由重定向到的’home’路由，meta中要有name,用来匹配权限路由，1、将写好的文件夹里的文件index.vue导入进router文件夹下的index.js文件。1）login页面，打开系统就是login页面，在固定路由处写。注意，是component而不是conpoment。2）定义并暴露 动态路由数组，里面写入。
2023-08-23 21:54:16
34
原创 三、从零开始搭建权限路由架构
5、如果不需要登录就能访问，则直接next()到下一页，如果要登录才能访问的页面则跳到’login‘登录页。4、如果未登录，则需要判断是是不是需要登录才能访问的页面且路由等中的.matched匹配的路由大于0。4、跳转路由到首页，this.$router.replace(‘/’)3）将全部路由与请请求回来的路由数据做比对，筛选出的路由做路由配置。1、在router文件夹新建一个permission.js文件。2、在permission.js中引入路由文件，引入store。1）定义好全部的路由地址。
2023-08-23 20:38:44
84
原创 一、从零开始搭建权限路由架构
3、按住shirt+上下键，空格键盘选择， 选择babel、progressive web app 、vue-router、vuex、css、取消Linter ->回车。5、选择 in dedicated config files ->回车。2、vue create xxx名称 ->回车。7、初始化仓库所有者名字 xxx -回车。2、components下的文件。4、选择less->回车。4、error错误文件夹。3、layout文件夹。1、view下的文件。2、login文件夹。
2023-08-22 16:31:38
33
1
原创 vue常见面试题
22. 说一下 watch 与 computed 的区别是什么？以及他们的使用场景分别是什么？21. Vue 与 Angular 以及 React 的区别是什么？18. 说一下 Vue complier 的实现原理是什么样的？14. nextTick 的作用是什么？17. 说一下 Vue 的 computed 的实现原理。10. 说一下 v-if 与 v-show 的区别。23. scoped 是如何实现样式穿透的？15. 说一下 Vue SSR 的实现原理。4. Vue 实现双向数据绑定原理是什么。
2023-07-28 15:39:58
44
1
原创 JavaScript为什么要进行变量提升，它导致了什么问题？
1）、解析和预编译过程中的声明提升可以提高性能，让函数可以在执行时预先为变量分配栈空间2）、声明提升还可以提高JS代码的容错性，使一些不规范的代码也可以正常执行。
2023-07-27 19:12:08
238
1
原创 如何回答事件循环机制？
如何回答事件循环机制？1、先说基本知识点，宏任务与微任务都有哪些？2、说事件循环机制的过程，边说边画，3、说async/await执行顺序，可以把chrome的优化，做法其实是违反了规范的，V8团队的PR这些也自信点说出来，显得好学。4、把node 的事件循环也说一下。重复1、2、3点，node的第三点要说的是node11前后的事件循环变动点。js执行机制（也叫事件轮询）浏览器中的事件循环Js是单线程语言，同一个时间只能做一件事情，所有任务都需要排队，前一个任务结束，才会后一个任务。除了函数调
2022-02-28 15:33:36
397
原创 js常用方法(js基础，遍历，浅、深拷贝)
js常用方法(js基础，遍历，浅、深拷贝)检测数据类型typeof(),//基本数据类型instanceof,//引用数据类型数据类型转换转成数字：转换函数：parseInt,parseFloat//只对string类型有用。强制类型转换：Number()//同理String(),Boolean()利用JS弱变量类型转换：算数运算，’字符串‘-0；字符串 操作方法转换为字符串的方法：变量.toString()查找位置：charAt:返回指定位置，indexOf:返回第一次出现的位置
2022-02-27 17:39:58
261
原创 computed与watch的区别、应用场景
computed与watch的区别、应用场景1、computed1）当参与计算的值发生变化的时候，就会触发函数。2）有缓存，值不变的情况下，computed里的函数不会被触发3）例如，computed里的函数被页面调用5次，computed函数只执行一次，其他四次调用的缓存的数据。关闭缓存就把cache属性设置为false.4）应用场景：购物车结算watch1）监听的数据发生改变，就会触发函数。没有缓存，支持异步。2）例如，watch函数被页面调用五次，那么如果监听的数据没有改变，一次都会执
2022-02-27 10:56:48
723
原创 vue3的props与emit在语法糖与非语法糖中的使用
vue3的props与emit的使用（包含语法糖方式）一、非语法糖中props用于父组件接收（或触发）子组件利用组件属性传过来的数据（或方法），触发（接收）子组件的方法（或数据）1、父组件模板中是：@click ="method"2、而子组件模板中是:method="method"3、props的使用：在父组件中，setup之前。多个需要以字符串形式被使用数组接收props: ['title', 'likes', 'isPublished', 'commentIds', 'auth
2022-02-22 17:46:07
6357
原创 Nginx反向代理
Nginx入门及配置反向代理1、概述Nginx是一个高性能的反向代理服务器。也提供一些邮件服务，例如pop3。占有内存小，并发能力强。可支持50，000个并发s连接数的响应Nginx的作用，Http代理，作为web服务器最常用的功能之一，尤其是反向代理。2、正向代理（vpn的例子）代理客户端的是正向代理，3、反向代理（后台服务器）代理后台服务器，（使用时使用同一个域名，无意识的用同一个域名访问许多台服务器）。4、Nginx其他作用负载均衡动静分离5、Nginx常用命令：cd /Ngi
2022-02-21 19:53:53
1398
原创 JavaScript的闭包形式与预编译
闭包形式与预编译闭包形式1、函数的返回值是函数2、返回的变量是函数3、全局变量定义的闭包4、函数参数的方式预编译1、全局对象GO2、全局函数3、活动对象AO4、局部变量5、全局预编译6、函数预编译闭包形式1、函数的返回值是函数function foo(fn){ var n = 0;return function (){};}2、返回的变量是函数function foo(){ var n= function(){ } return n;}3、全局变量定义的闭包
2022-02-21 11:57:42
418
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人