- 博客(23)
- 收藏
- 关注
RSS订阅原创 支付宝支付使用流程
/调用setMethod并传入get，会返回可以跳转到支付页面的url。subject'商品',body'商品详情',注意测试要使用无痕浏览。
2022-07-26 08:11:41
301
1
原创 CSS中面试题个人理解
1:常见页面布局设置表格布局display:table2.CSS预处理器和后处理器当一门语言的能力不足而用户的运行环境又不支持其他选择的时候，这门语言就会沦为"编译目标"语言。 开发者将选择另一门更高级的语言(功能更多)来进行开发，然后编译到底层语言以便实际运行。CSS预处理器包含一套自定义的语法(为CSS增加一些编程的特性，例如原生CSS不具备或者不完善的功能) 及一个解析器，用户根据这些语法定义自己的样式规则。这些规则最终...
2022-06-07 23:12:37
430
原创 EX6及promise的简介
1.什么是 es6？是 ECMAScript 的第六个版本 在 es5 的基础上新增加了一些语法js 分成三部分 dom（文档对象模型） bom（浏览器对象模型） ECMAScript（js 语法）2.promisepromise 是 es6 提供的一种异步解决方案，在我的理解中 promise 就是把异步操作换了一种写法从之前的嵌套回调函数 变成了链式的写法promise 本身其实就是一个容器 里面放异步的代码 这样就可以让这个异步的代码执行.then .catch .
2022-04-28 13:10:50
213
原创 简述Vue.use,mixin混入 及 Vue.extend的理解
1. Vue.use 是⼲什么的？vue.use 是用来安装 Vue.js 插件。这个插件可以是一个组件也可以是一个函数，插件里要有一个 install 方法，install 方法调用时，他的第一个参数就是 Vue 在调用 vue.use 方法的时候就会执行 Vue.install 方法该方法需要在调用 new Vue() 之前被调用。2.mixin 混入混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组
2022-04-26 16:58:25
435
原创 什么是虚拟DOM和diff算法？
1、虚拟DOM虚拟 dom 是利用 js 描述元素与元素的关系，用 js 对象来表示真实的 DOM 树结构，创建一个虚拟 DOM 对象由于在浏览器中操作 DOM 是很昂贵的。频繁的操作 DOM，会产⽣⼀定的性能问题.在组件渲染的时候会调用 render 函数，这个函数会生成一个虚拟 dom，再根据这个虚拟 dom 生成真实的 dom，然后这个真实的 dom 会挂载到我们的页面中。如果只是渲染一个页面后期不改动的话 那么虚拟 dom 其实成本更高 因为 都要渲染成真实的 dom如果组件内.
2022-04-26 11:52:31
315
原创 vue 中 data 发⽣变化,视图不更新如何解决?
在 vue2 中 vue 实例的 data 数据是响应式 的 就是数据变了 视图也会跟着变，如果给某一个 data 新添加了一个字段 这个新添加的字段因为 js 的限制不响应，需要使用 this.$set 方法代替原本的普通添加方法 就能实现响应，这个方法的三个参数 是给谁添加 添加的字段 初始值 如果不是在组件中 用这个方法 那么就用 Vue.set...
2022-04-26 11:50:00
1601
原创 简述vue和jquery的区别
⾸先呢 jquery 他是⽤ js 封装的⼀个类库,主要是为了⽅便操作 dom 元素,⽽ vue 他是⼀个框架,并且呢,他会从真实 dom 构建出⼀个虚拟的 dom 树,通过 di!算法渲染只发⽣改变的 dom 元素,其他的相同的 dom 元素不⽤在重新渲染. ⽽使⽤ jquery 去改变 dom 元素的时候,即使有相同的 dom 元素也会重新渲染, jq 重点操作 dom，而 vue 重点操作数据;简单的来说就是：jquery是通过使用选择器（$）选取dom对象，进行dom对象的操作，实现数据操作；它
2022-04-26 11:48:37
879
原创 axios的简单封装及使用以及什么是拦截器
axios的封装及使用：1. 先创建 utils 文件夹2. 创建 request.js3. 引入 axios4. 配置 基本路径和超时时间5. 配置请求拦截和响应拦截6. 在请求拦截里可以放 loading 和 token7. 在响应拦截中 可以 清除 loading 还有处理错误编码字典8. 最后把我们封装的 axios 实例 导出什么是axios拦截器？拦截器分为几种？1、拦截器顾名思义就是对请求的拦截2、拦截器有两种 一个是请求拦截一个是响应拦截拦截器..
2022-04-26 11:45:05
131
原创 简述对于跨域的理解
跨域是浏览器的跨域 不符合 域名 协议 端口号一样（同源策略） 的请求都会出现跨域的问题跨域的解决方法最多的情况是后端处理跨域前端的跨域服务器代理jsonpvue 中是 proxy 代理实现跨域vue 的跨域用 proxy 实现...
2022-04-26 11:38:33
927
原创 什么是vue中的插槽？
首先插槽有三种：分别是 匿名插槽、具名插槽、作用域插槽所谓的插槽就是⼀个占位符,将⾃定义组件的内容展示出来.我们知道⾃定义的组件⾥⾯如果写内容的话,⻚⾯是不会显示出来的,如果我们想让⾃定义组件⾥⾯的内容显示出来,我们就需要使⽤ slot 的插槽.⽽插槽分别具名插槽和匿名插槽、以及作⽤域插槽. 我们⽤的⽐较多的具名插槽和匿名插槽,具名插槽需要所有 slot 标签上指定name 属性,⽽在对应标签上添加# 属性指定名字.在项⽬中我们⼀般在进⾏组件封装的时候会使⽤插槽,以上就是我对插槽...
2022-04-26 11:36:30
1228
原创 对于filter的理解和使用
所谓的 vue 过滤器就是将数据进⾏⼆次处理,得到我们想要的结果数据vue 的过滤器分为两种,第⼀种是全局过滤器,通过 vue.filter 来进⾏定义,第⼆种是局部过滤器,需要定义在组件内部，用 filters 过滤项⽬中我们通过过滤器将后台返回的状态 0 和 1 转化为⽀付或者未⽀付 还有对时间格式进行过滤vue3 中没有过滤器了...
2022-04-26 11:33:44
676
原创 简述对$nextTick⽅法的理解
⾸先呢,$nextTick也叫做异步更新队列方法其次$nextTick是在 dom 更新之后执行的延迟回调因为 vue 的 dom 更新是异步的 所以 当 dom 还未更新的时候我们无法拿到最新的 dom 来用放在 nextTick 里的代码 就会在 dom 更新之后执行 就能拿到最新的 dom 来用了...
2022-04-24 11:40:54
229
原创 浅谈对vue组件通讯的理解
1、组件的通讯方式有很多种 而我们常用的有四种，分别是：父传子、子传父、兄弟组件通讯、vuex1.1、父传子⽗传⼦ 在⼦组件的标签上定义属性 ⼦组件通过props来进⾏接受,可以通过数组的⽅式进⾏接受,也可以通过对象的⽅式来进 ⾏接收,如果⽗组件没有传递属性,⼦组件可以default来设置默认值1.2、子传父首先在使用子组件的标签上定义一个自定义事件 在子组件里通过 this.$emit 去调用这个自定义事件 $emit 方法的第一个参数是自定义事件的名字 第二个参数是就是子.
2022-04-24 11:36:07
293
原创 v-if与v-show的区别？
一、相同点 都是控制元素的隐藏与显示二、不同点 v-if：v-if是销毁和创建dom元素节点，在频繁的显示与隐藏时会造成性能上的浪费，所以频繁的显示与隐藏时不推荐使用v-if；值得注意的是 v-if和v-for不建议在一起使用，因为v-for的优先级比v-if要高，就意味着每次循环都要去判断，会造成大量性能资源浪费，非要使用时 可以在for循环内部添加template包裹元素 在template上进行判断；其次它还可以和v-else、v-else-if一起配合使用，但要求结构不能...
2022-04-24 11:14:54
269
原创 methods computed watch 的使用方法
1.1 methods 就是方法 我们写的点击事件等各种事件都放在 methods 里1.2 计算属性 computed 计算属性 有缓存功能就是当跟他有关的值发生变化的时候才会重新计算 还有一个特点就是必须要有 return 值 return 就是把计算的结果 return 出去1.3 watch watch 可以监听 数据和路由的变化watch 监听路由的变化监听路由的话就是监听 $router```js watch: { $route: { ...
2022-04-22 19:10:06
292
原创 浅析vue2的路由和导航守卫及扩展的问题以及使用方法
1.1 路由的模式有两种分别是哈希和 history.他们的区别是 hash 模式不会包含在 http 请求当中,并且 hash 不会重新加载⻚⾯,⽽使⽤ history 模式的话,如果前端的 url 和后端发起请求的 url 不⼀致的话,会报 404 错误,所以使⽤ history 模块的话我们需要和后端进⾏配合.history 的原理就是利⽤ ht1.2导航守卫路由的导航守卫 又叫做路由的钩子函数（生命周期函数）就是在跳转页面的 时候把 路由拦下来 做一些操作 再放行一共有三种..
2022-04-22 19:07:33
276
原创 浅谈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 12:04:50
614
原创 vue2的项目开发的过程中 在生命周期里都做了哪些事情呢？
一般在开发的过程中遇到的最多的就是在生命周期钩子函数内发送http请求一般时在created或者muthods中，在updated内使用监听事件去监听data内数据的变化。请求时我们习惯性的在created里面去请求，这是因为此时的实例刚刚被创建完毕可以访问data等数据和方法且请求时会有一个请求延迟；在methods中请求的好处时可以直接操作dom节点。注：一般获取本地存储的数据也是在created中去获取的...
2022-04-22 11:58:55
456
原创 vue2.0 生命周期总结
一、vue的生命周期有哪些? 首先vue生命周期分为三类：1.1 第一类是实列创建阶段： beforeCreate：实例创建之前（创建之前什么都还没有 所以无法访问页面内的数据和方法，这时候还没有this） created： 实列创建之后 （ 创建之后 是最早可以使用和访问data声明数据以及methods里的方法 也是this最早出现的时候）...
2022-04-22 11:46:32
1972
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人