- 博客(25)
- 收藏
- 关注
原创 前端面试题(总结)
这是我总结的一些面试题,有兴趣的可以看看一、简述Vuex的工作流程1、在vue组件中,通过dispath来触发actions提交修改数据操作。2、然后在通过actions的commit来触发mutations来修改数据。3、mutations接受到commit的请求,就会自动通过Mutate来修改state里的数据。4、最后由store触发每一个调用它的组件更新二、vue-route...
2019-12-10 20:08:15
224
原创 vue 3.0脚手架搭建(详解)
一、下载升级npm i @vue/cli@3.6.3 -g//这里可以使用cnpm 下载的快点//下载好后可以使用 vue -V 查看版本这是3.6.3版本的,很多人看官网下载的都是最新版本的npm run serve——启动项目指令二、下载好后,搭建项目这是第一种方法vue create 项目名这里选择默认配置还是,自定义配置选择默认配置后,它会自行安装:自定...
2019-11-28 10:01:23
1749
原创 微信小程序 -- 请求接口封装
为了代码的优化,把小程序的请求接口方法进行封装!一、在项目里创建一个文件夹这是我创建的一个文件夹名为:util 文件夹名称你随意起,不是固定的。二、创建一个JS文件,名称随意起,我的是 config.jjs第一行代码是你要请求的域名第二个是把域名导出const baseURL = 'http://www.xxxxx.com:8001/user/';export { bas...
2019-11-27 17:17:48
270
原创 HTTP状态码(详解)
状态码管理:类别语句原因1XX消息、信息提示这一类型的状态码,代表请求已被接受,需要继续处理。这类响应是临时响应,只包含状态行和某些可选的响应头信息,并以空行结束。由于 HTTP/1.0 协议中没有定义任何 1xx 状态码,所以除非在某些试验条件下,服务器禁止向此类客户端发送 1xx 响应。2XX成功这一类型的状态码,代表请求已成功被服务器接收、理解、并接受。...
2019-11-26 08:38:25
323
原创 微信小程序 --- 生命周期(详解)
我对生命周期的一些理解!一、有哪些生命周期呢?(详解)onLaunch:当小程序初始化完成时,会触发onLaunch(全局触发一次)onShow:小程序启动或后台进入前台时,触发onShowonHide:小程序隐藏或从前台进入后台,触发onHideonError:当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息onLoad:听页面加载onRead...
2019-11-25 19:43:57
10625
原创 $nextTick()的理解
什么是$nextTick()简单的回答:因为Vue的异步更新队列,$nextTick是用来知道什么时候DOM更新完成的。实例介绍:有一个div,默认用v-if隐藏,点击按钮之后,改变v-if的值让它显示出来,并且读取到div中的值。<div id=app> <div id="div" v-if="showDiv">我是显示文本</div> &...
2019-11-19 15:41:12
1821
1
原创 在地址栏输入网址会发生什么?
从输入url到页面展示到底发生了什么详解当我们开始在浏览器中输入网址的时候,浏览器其实就已经在智能的匹配可能得 url 了,他会从历史记录,书签等地方,找到已经输入的字符串可能对应的 url,然后给出智能提示,让你可以补全url地址浏览器查找域名的 IP 地址。请求一旦发起,浏览器首先要做的事情就是解析这个域名,一般来说,浏览器会首先查看本地硬盘的 hosts 文件,看看其中有没有和这...
2019-11-19 11:12:35
1244
原创 BFC的理解
BFC通过这三个字母又引起了一个知识点BFC,以及BFC的一系列问题。全称:(Block Formatting Context)。基本概念块级格式化上下文它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其它元素的关系和相互作用具有BFC特性的元素可以看做是隔离了的独立容器,容器里面的元素不会在布局上影响到外面的元素,并且DFC具有普通容器所没有的一些特性...
2019-11-19 10:23:08
150
原创 vue-router导航守卫(钩子函数)
vue-router有哪几种导航守卫(钩子函数)概念导航发生变化时,导航钩子主要用来拦截导航,让它完成跳转或取消拦截方式(一)全局的(1)beforeEach - 前置钩子函数参数to、from、nextto:去哪里from:从哪里next():是否跳转由它决定使用场景 - 未登录去下单,跳转到登录页(2)afterEach - 后置钩子函数参数to、f...
2019-11-18 11:55:47
765
原创 vue中key的作用及diff算法
Vue2.0 v-for 中 :key 到底有什么用呢?其实呢不只是vue,react中在执行列表渲染时也会要求给每个组件添加key这个属性。key简单点来说就是唯一标识,就像ID一样唯一性要知道,vue和react都实现了一套虚拟DOM,使我们可以不直接操作DOM元素,只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法。详细的解释key的作用的话,那就得先介绍一下...
2019-11-18 11:24:29
1592
原创 ECharts的使用方法
这是我在Vue-cli中使用的方法摘要:在后台管理系统中,我们经常会遇到图表,比如说:柱形图,饼状图,折线图,雷达图等等,而用来写图表插件有很多,我这里主要介绍Echarts在项目里怎么使用,官网地址如下:https://echarts.baidu.com/index.html,详细信息请阅览他们的官网文档和实例,各种图表都比较完善。使用流程1.安装插件 → 2.引入Echarts ...
2019-11-14 09:52:36
6910
1
原创 vuex的工作流程
简述Vuex工作流程vuex的使用什么是Vuex专门为Vue应用程序开发的状态管理模式;状态可以理解为数据,其实就是用来管理数据的采用集中式存储管理应用的所有组件状态;在做一个webApp的时候,在里面会牵扯到很多数据,这个时候我们可以集中式的管理这些数据以相应的规则保证状态以一种可预测的方式发生变化当组件中有交互改变数据的时候我们就以一种规则去改变这种状...
2019-11-13 12:29:22
871
原创 vue生命周期
Vue2.0生命周期详情Vue实例有一个完整的生命周期,也就是说从开始创建、初始化数据、编译模板、挂载DOM、渲染-更新-渲染、卸载等一系列过程,我们称为Vue实例的生命周期。钩子就是在某个阶段给你一个做某些处理的机会。Vue实例生命周期示例:<script type="text/javascript"> var app = new Vue({ el:...
2019-11-13 01:12:26
175
原创 vue组件通信
组件通信父传子父传子 - 在组件标签上通过自定义属性的形式:list="list1"绑定数据,然后在子组件中通过props接收`props:[“list”]// 组件标签 - 父组件<custom-select :list="list1"></custom-select>// 子组件接收props: [ 'list' ],子传父在子组件中通过this...
2019-11-13 01:02:12
208
1
原创 SPA路由history模式上线刷新404的解决方法
SPA路由History模式 刷新404问题原因刷新404,为什么,因为本地路径中没有这个真实资源存在,这些访问资源都是在js里渲染的。我们只需要在服务器配置,如果URL匹配不到任何静态资源,就默认跳转index.html。解决方法使用nginx服务器配置nginx这里的配置意思是将所有的文件都指向Index.html文件server { listen ...
2019-11-13 00:51:24
1162
原创 vue的computed和watch区别
computed和watch区别1、从名字上,computed是计算属性,也就是依赖其它的属性计算所得出最后的值。watch是去监听一个值的变化,然后执行相对应的函数。computed是用于定义基于数据之上的数据,而watch是你想在某个数据变化时做一些事情。2、实现上,computed的值在getter执行后是会缓存的,只有在它依赖的属性值改变之后,下一次获取computed的值时才会重新调...
2019-11-12 12:20:17
228
原创 Vue中的跨域解决方案
Vue中的跨域解决方案什么是跨域?跨域指浏览器不允许当前页面的所在的源去请求另一个源的数据。源指协议,端口,域名。只要这个3个中有一个不同就是跨域。# 协议跨域http://a.baidu.com访问https://a.baidu.com;# 端口跨域http://a.baidu.com:8080访问http://a.baidu.com:80;# 域名跨域http://a.baid...
2019-11-12 11:10:57
550
原创 什么是MVC 、MVVM、MVP
对MVC 、MVVM、MVP的理解MVC模式的理解MVC是应用最广泛的软件架构之一,一般MVC分为:Model ( 模型 ) 、 Controller( 控制器 ) 、 View( 视图 ) 。这主要是基于分层的目的,让彼此的职责分开。View一般通过Controller来和Model进行联系。Controller是Model和View的协调者,View和Model不直接联系。基本联系都是...
2019-11-12 10:34:13
318
原创 Vue 的 v-if 与 v-show 的区别
Vue 的 v-if 与 v-show 的区别 v-if 与 v-show 的共同点v-if 与 v-show 都是动态显示DOM元素区别:1、编译过程:v-if 是 真正 的 条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-show的元素始终会被渲染并保留在 DOM 中。v-show只是简单地切换元素的 CSS 属性display。2、编译...
2019-11-12 09:53:39
288
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人