- 博客(40)
- 收藏
- 关注
RSS订阅
转载 DayDayUp：佛说：有果必有因。 黑格尔说：世界上没有无缘无故的爱，也没有无缘无故的恨。
有谁知道，前世究竟有多少次的回眸才赢得上苍的垂爱，使两个人由陌路，走向相识，走向相知，走向相爱，走向灵魂与肉体的完美结合。所以，不要抱怨，今天的每一个脚印，都为明天的行程指明了方向，过好每一天！很多人婚前一事无成，通过婚姻，寻到另一半，得到一个好的生活上的伴侣，事业上的得力助手，甚至强大的靠山！也能很好的改变命运！请记住，你读过的书，吃过的苦，你走过的路...你经历过的一切，都会铺就你前进的道路！两个相恋的人，如果最后能够幸运并且甜蜜的走在一起，当然并非源于浮浅的颜值，一定是两个人的认知和思维的高度统一(
2023-03-06 10:45:49
424
原创 vue中60余种工具类
1.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}
2023-02-21 17:28:20
789
原创 vue面试题（全）
初级（简单）1:Vue 解决了什么问题① 虚拟 dom：dom 操作时非常耗性能的，不再使用原生的 dom 操作节点，极大的解放 dom 操作，但具体操作的还是 dom，不过是换了一种方式。② 视图、数据、结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作。
2023-02-21 10:50:26
2723
原创 八个组件ui框架
最热门的微信小程序 UI 组件库大家在开发微信小程序的过程中，选择一款高大上且好用的UI组件库，可以达到事半功倍的效果。目前，网上已有不少开源的小程序 UI组件库，但选择太多往往让人眼花缭乱，纠结，下面小编就分享8个1.WeUI--------------start 24.7kWeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、act
2023-02-21 10:18:22
184
原创 vue3鼠标追踪器
import { ref, onMounted, onUnmounted } from 'vue'const x = ref(0)const y = ref(0)function update(event) { x.value = event.pageX y.value = event.pageY}onMounted(() => window.addEventListener('mousemove', update))onUnmounted(() =>
2023-02-21 10:03:40
170
原创 uniapp使用loading组件
如果要在点击事件里面加loading组件的话直接this.loading=true就可以了//loading组件
2023-02-21 09:33:19
2182
原创 uniapp一键链接指定WiFi功能
基本流程：先判断手机型号，通过之后，初始化WiFi模块 that.start_wifi(命名随意)， 一键联网
2023-02-20 18:07:31
2309
2
原创 作⽤域链的理解
作⽤域作⽤域，即变量和函数⽣效的区域或集合换句话说，作⽤域决定了代码区块中变量和其他资源的可⻅性将作⽤域分成：全局作⽤域函数作⽤域块级作⽤域全局作⽤域：任何不在函数中或是⼤括号中声明的变量，都是在全局作⽤域下，全局作⽤域下声明的变量可以在程序的任意位置访问函数作⽤域：函数作⽤域也叫局部作⽤域，如果⼀个变量是在函数内部声明的它就在⼀个函数作⽤域下⾯。这些变量只能在函数内部访问，不能在函数以外去访问块级作⽤域：ES6引⼊了 let 和 const 关键字,和 var 关键字不同，
2022-10-05 18:27:17
162
原创 **什么是防抖和节流？有什么区别？如何实现？**
防抖和节流都是防止一个函数多次被调用，假如一个用户多次调用一个函数，且每次调用的时间小于设定的时间，那么防抖只能执行一次，节流等待时间大于设定时间就会执行一次，节流: n 秒内只运⾏⼀次，若在 n 秒内重复触发，只有⼀次⽣效防抖: n 秒后在执⾏该事件，若在 n 秒内被重复触发，则重新计时相同点：都可以通过使⽤ setTimeout 实现⽬的都是，降低回调执⾏频率。节省计算资源不同点：函数防抖，在⼀段连续操作结束后，处理回调，利⽤ clearTimeout 和 setTimeout 实现。函数
2022-10-05 18:26:06
137
原创 **深拷⻉浅拷⻉的区别？如何实现⼀个深拷⻉？**
JavaScript 中存在两⼤数据类型：基本类型引⽤类型基本类型数据保存在在栈内存中引⽤类型数据保存在堆内存中，引⽤数据类型的变量是⼀个指向堆内存中实际对象的引⽤，存在栈中浅拷⻉浅拷⻉，指的是创建新的数据，这个数据有着原始数据属性值的⼀份精确拷⻉如果属性是基本类型，拷⻉的就是基本类型的值。如果属性是引⽤类型，拷⻉的就是内存地址即浅拷⻉是拷⻉⼀层，深层次的引⽤类型则共享内存地址存在浅拷⻉的现象有：Object.assignArray.prototype.slice() , Array
2022-10-05 18:25:15
160
原创 app是如何打包的
将写好的vue项目通过npm run build 命令进行打包,但是打包之前我们需要将路由配置hash, 将vue.config.js里面的publicPath配置为./
2022-09-13 14:57:17
428
1
原创 前端面试自我介绍话术
面试官您好 上午（下午好），我叫XXX,今天来应聘公司的前端工程师岗位，我从事前端开发有三年左右开发经验，有x年的vue开发经验，
2022-09-13 14:54:27
11960
原创 vue-router之 tag 和 v-solt 对比
1.在vue-router4.0之前，我们都是使用 tag 来自定义 router-link 渲染成什么标签接下来我们在来看一下 router-link-active及router-link-exact-active区别：2.在vue-router4.x 之后废弃了 tag 有了v-solt 概念
2022-07-01 10:53:39
182
原创 Fetch简单封装
1.Fetch本质上是一种标准，该标准定义了请求、响应和绑定的流程。2.Fetch标准还定义了Fetch () JavaScript API。3.可用于前后端，数据交互。4.fetch返回的是promise对象，比XMLHttpRequest的实现更简洁，fetch 使用起来更简洁 ，完成工作所需的实际代码量也更少5.fetch 可自定义是否携带Cookie。6.fetch不像axios需要安装使用，fetch可以直接使用。......
2022-07-01 10:47:20
346
原创 进新公司的工作流程
先把开发工具（vscode、git、乌龟git、nodejs）装好（如果之前电脑没装好的话），先问领导`git`用https还是ssh链接方式，如果是https的话就等领导给你开好账号，然后使用账号密码把代码 git clone 把代码克隆下来就行，如果是ssh的话就执行 ssh-keygen -t rsa 命令生成公私秘钥，并且将公钥给领导，领导将你的公钥添加完成后就可以使用 git clone 命令直接克隆代码了。...
2022-06-30 20:57:03
1768
原创 state 和 props 区别？
props和state是普通的 JS 对象。虽然它们都包含影响渲染输出的信息，但是它们在组件方面的功能是不同的。即state 是组件自己管理数据，控制自己的状态，可变；props 是外部传入的数据参数，不可变；没有state的叫做无状态组件，有state的叫做有状态组件；多用 props，少用 state，也就是多写无状态组件。...
2022-06-30 20:54:49
402
原创 为什么虚拟 dom 会提高性能？
虚拟 dom 相当于在 js 和真实 dom 中间加了一个缓存，利用 dom diff 算法避免了没有必要的 dom 操作，从而提高性能。用 JavaScript 对象结构表示 DOM 树的结构；然后用这个树构建一个真正的 DOM 树，插到文档当中当状态变更的时候，重新构造一棵新的对象树。然后用新的树和旧的树进行比较，记录两棵树差异把 2 所记录的差异应用到步骤 1 所构建的真正的 DOM 树上，视图就更新了。...
2022-06-30 20:53:56
212
原创 React的生命周期？
1. **componentWillMount\()** – 在渲染之前执行，在客户端和服务器端都会执行。2. **componentDidMount\()** – 仅在第一次渲染后在客户端执行。3. **componentWillReceiveProps\()** – 当从父类接收到 props 并且在调用另一个渲染器之前调用。4. **shouldComponentUpdate\()** – 根据特定条件返回 true 或 false。如果你希望更新组件，请返回**true** 否则返回 **fa
2022-06-30 20:53:24
106
原创 setState 同步还是异步？
React生命周期中以及事件处理中，为异步。原理：setState本身并不是异步，只是因为react的性能优化机制体现为异步。在react的生命周期函数或者作用域下为异步，在原生的环境下为同步。 因为每次调用setState都会触发更新，异步操作是为了提高性能，将多个状态合并一起更新，减少re-render调用。性能优化机制：在 React 的 setState 函数实现中，会根据一个变量isBatchingUpdates判断是直接更新 this.state 还是放到队列中。isBatchingUp
2022-06-30 20:52:42
544
原创 React## 什么是JSX？
JSX 是J avaScript XML 的简写。是 React 使用的一种文件，它利用 JavaScript 的表现力和类似 HTML 的模板语法。这使得 HTML 文件非常容易理解。此文件能使应用非常可靠，并能够提高其性能。
2022-06-30 20:51:46
173
原创 es6数组常用的方法
filter()：创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素（注意：它不会对空数组检测，它不会改变原数组）1、Array.from( )：将对象或字符串转成数组，注意得有length。2、Array.of( )： 将一组值转换为数组。3、copyWithin(target，start(可选)，end(可选))：数组内数据的复制替换target：从该位置开始替换数据；start：从该位置开始读取数据，默认为0；end：到该位置停止数据的读取，默认为数组的长度
2022-06-29 08:05:05
1410
原创 说⼀下 vue 和 jquery 的区别
⾸先呢 jquery 他是⽤ js 封装的⼀个类库,主要是为了⽅便操作 dom 元素,⽽ vue 他是⼀个框架,并且呢,他会从真实 dom 构建出⼀个虚拟的 dom 树,通过 di!算法渲染只发⽣改变的 dom 元素,其他的相同的 dom 元素不⽤在重新渲染. ⽽使⽤ jquery 去改变 dom 元素的时候,即使有相同的 dom 元素也会重新渲染, jq 重点操作 dom，而 vue 重点操作数据。以上就是我对 vue 和 jquery 区别的理解....
2022-04-27 14:09:09
1677
原创 axios 拦截器
拦截器有两种 一个是请求拦截一个是响应拦截拦截器不需要手动调用而是每次发送 http 请求的时候都会自动触发我们一般在请求拦截中 放全局的 loading 和 token在响应拦截中关闭全局的 loading 和对 token 进行过期处理 还可以处理错误编码字典...
2022-04-27 14:08:38
103
原创 axios 封装
1. 先创建 utils 文件夹2. 创建 request.js3. 引入 axios4. 配置 基本路径和超时时间5. 配置请求拦截和响应拦截6. 在请求拦截里可以放 loading 和 token7. 在响应拦截中 可以 清除 loading 还有处理错误编码字典8. 最后把我们封装的 axios 实例 导出...
2022-04-27 14:08:07
47
原创 vue跨域
什么是跨域跨域是浏览器的跨域 不符合 域名 协议 端口号一样（同源策略） 的请求都会出现跨域的问题跨域的解决方法最多的情况是后端处理跨域前端的跨域服务器代理jsonpvue 中是 proxy 代理实现跨域vue 的跨域用 proxy 实现...
2022-04-27 14:07:40
53
原创 slot插槽
⾸先呢,所谓的插槽就是⼀个占位符,将⾃定义组件的内容展示出来.我们知道⾃定义的组件⾥⾯如果写内容的话,⻚⾯是不会显示出来的,如果我们想让⾃定义组件⾥⾯的内容显示出来,我们就需要使⽤ slot 的插槽.⽽插槽分别具名插槽和匿名插槽、以及作⽤域插槽. 我们⽤的⽐较多的具名插槽和匿名插槽,具名插槽需要所有 slot 标签上指定name 属性,⽽在对应标签上添加# 属性指定名字.在项⽬中我们⼀般在进⾏组件封装的时候会使⽤插槽,以上就是我对插槽的理解.作用域插槽是把子组件里的数据传到父组件的插槽里使用.
2022-04-27 14:07:11
50
原创 Vue.extend
使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。可以理解为创建子组件的 可以用 mount 或者 el 指定这个子组件挂载到哪里
2022-04-27 14:05:58
46
原创 mixin 混入
混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。当组件和混入对象含有同名选项时，这些选项将以恰当的方式进行“合并”，出现冲突的时候以组件优先比如，生命周期函数就会合并 但是如果组件和混入有相同的变量的时候 会以组件的优先全局混入混入也可以进行全局注册。使用时格外小心！一旦使用全局混入，所有的实例都会触发...
2022-04-27 14:05:27
65
原创 Vue.use 是⼲什么的？
vue.use 是用来安装 Vue.js 插件。这个插件可以是一个组件也可以是一个函数，插件里要有一个 install 方法，install 方法调用时，他的第一个参数就是 Vue 在调用 vue.use 方法的时候就会执行 Vue.install 方法该方法需要在调用 new Vue() 之前被调用。...
2022-04-27 14:04:57
129
原创 diff 算法
diff 算法就是对虚拟 dom 进行对比，并返回一个 patch 对象，这个对象的作用是存储两个节点不同的地方，最后用 patch 里记录的信息去局部更新真实的 domdiff 算法的步骤1.js 对象表示真实的 dom 结构，就是我们说的生成一个虚拟 dom，再用虚拟 dom 构建一个真的 dom 树，放到页面中。 2.状态改变的时候生成一个新的虚拟 dom 跟旧的进行对比，这个对比的过程就是 diff 算法，通过 patch 对象记录差异 3.把记录的差异用在第一个虚拟 dom 构建的真实的 d
2022-04-27 14:03:57
637
原创 虚拟 dom
虚拟 dom 是利用 js 描述元素与元素的关系，用 js 对象来表示真实的 DOM 树结构，创建一个虚拟 DOM 对象由于在浏览器中操作 DOM 是很昂贵的。频繁的操作 DOM，会产⽣⼀定的性能问题.在组件渲染的时候会调用 render 函数，这个函数会生成一个虚拟 dom，再根据这个虚拟 dom 生成真实的 dom，然后这个真实的 dom 会挂载到我们的页面中。如果只是渲染一个页面后期不改动的话 那么虚拟 dom 其实成本更高 因为 都要渲染成真实的 dom如果组件内有响应的数据，数据发生改变的
2022-04-27 14:03:20
45
原创 methods computed watch
##5.1methods就是方法我们写的点击事件等各种事件都放在methods里##5.2计算属性computed计算属性有缓存功能就是当跟他有关的值发生变化的时候才会重新计算还有一个特点就是必须要有return值return就是把计算的结果return出去##5.3watchwatch可以监听数据和路由的变化watch监听路由的变化监听路由的话就是监听$router```jswatch:{$rout...
2022-04-22 21:09:41
93
原创 vue导航守卫
路由的导航守卫又叫做路由的钩子函数（生命周期函数）就是在跳转页面的时候把路由拦下来做一些操作再放行一共有三种第一种是全局守卫beforeEach路由进入之前afterEach路由进入之后第二种组件内守卫beforeRouteEnter路由进入之前beforeRouteUpdate路由更新之前beforeRouteLeave路由离开之前第三种独享守卫beforeEnter路由进入之前有三个参数tofromnex...
2022-04-22 21:08:31
83
原创 路由的模式 以及原理 区别
⾯试官您好,接下来我给您介绍⼀下vue的路由模式,vue的路由模式⼀共有两种,分别是哈希和history.他们的区别是hash模式不会包含在http请求当中,并且hash不会重新加载⻚⾯,⽽使⽤history模式的话,如果前端的url和后端发起请求的url不⼀致的话,会报404错误,所以使⽤history模块的话我们需要和后端进⾏配合.history的原理就是利⽤ht...
2022-04-22 21:06:35
81
原创 vuex 的理解
vuex是vue的状态管理工具管理项目中的公共数据能够在所有的组件中使用一共有五大核心state存放公共数据的地方通过this.$store.state.xxx调用mutations修改state的地方只有这里能修改通过this.$store.commit调用getters相当于是之前的计算属性通过this.$store.getters调用actions执行异步操作的地方通过this.$store.dispatch调用modules模块化...
2022-04-22 21:05:12
159
原创 一.生命周期
##1.什么是生命周期函数生命周期函数又叫钩子函数是到了某一个时间点会自动触发我们讨论的是vue实例的钩子函数从vue实例创建到销毁的过程中到了一定的时间节点就会触发##1.1生命周期函数有哪些创建阶段-beforeCreate实例创建之前这个时候什么都没有datamethods都不能用也没有this-created创建之后也是最早的可以使用data和methods的钩子函数这个时候有th...
2022-04-22 21:01:48
49
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人