- 博客(16)
- 收藏
- 关注
RSS订阅原创 vue面试题
1.vue优点？答：轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；双向数据绑定：保留了angular的特点，在数据操作方面更为简单；组件化：保留了react的优点，实现了html的封装和重用，在构建单页面应用方面有着独特的优势；视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需...
2020-03-17 20:40:40
192
原创 vue和react的区别
1、 创建组件ReactReact 有两种类型的组件，分别是functional component, class component，所以有两种定义方式:functional componentfunction Test(props) {return ({props.name})}ReactDOM.render(,document.getElementById(‘app...
2020-03-16 22:48:14
118
原创 vuex的基本使用
vuex的特点1.多组件共享状态: 多个组件使用同一个数据2.任何一个组件发生改变, 其他组件也要跟着发生相应的变化基本使用：安装vuex npm install vuex创建实例import Vuex from ‘vuex’import Vue from ‘vue’Vue.use(Vuex)const state = {name : ‘韩梅梅’,age : 18}co...
2020-03-11 23:06:35
92
原创 vue动画效果
1 v-enter定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。v-enter：定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。v-enter-active：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。这个类可以被用来定义进入过渡的过程时间，延迟和曲线函数。v-enter...
2020-03-08 23:24:17
215
原创 SEO 搜索引擎优化
SEOseo 叫搜索引擎优化作为前端开发人员需要注意的事情：为每一个页面添加关键词和描述信息(添加在 header 标签中)为每一个 img 设置一个 alt 属性优化网页加载速度不要在页面中数显空链接写代码要规范，使用语义化标签在网页中尽量设置 h1-h6 标签，增加 seo 的命中权重定期更新网站内容，发布新的文章 增加搜索引擎的收录vue 中如果做 seo 优化设置一个...
2020-03-06 22:10:05
286
原创 vue的常识
1、el：div id或class2、data：定义数据 是一个对象3、methods：定义方法4、v-model： 双向绑定实际上就是通过子组件中的方法派发 input 事件，子组件中绑定 input 的value 属性5、v-on:click：绑定点击事件，也可以用@click，写在methods里面。6、v-for：（a，b）in list ：key=“b”a为循环的每一个对象，...
2020-03-05 23:11:06
93
原创 HTTP状态码都有哪些以及它的含义
http状态码是表示服务器对请求的响应状态，主要分为以下几个部分1**：这类响应是临时响应，只包含状态行和某些可选的响应头信息，并以空行结束2**：表示请求成功，3**：表示重定向4**：表示客户端错误5**：表示服务器端错误100（continue），客户端应当继续发送请求。这个临时响应是用来通知客户端它的部分请求已经被服务器接收200（OK），表示请求成功，请求所希望的响应头或数...
2020-03-04 20:16:00
163
原创 vue路由的基本使用
1、下载安装路由 npm install vue-router2、创建路由表 router.jsa .引入vue和vue-routerb .在vue中使用vue-routerc .创建路由实例确定路径和组件的对应关系d. 抛出路由实例3 、在main.js注册路由4、就可以使用两个组件 控制地址栏改变开启一片空间渲染指定的组件总结：当前三步都完成后，才能执行4步两个组件1、...
2020-03-03 22:58:52
67
原创 关于Vue中路由守卫全方位解析
一、定义和理解导航守卫的作用：vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。项目中应用场景举例：路由页面跳转时候进行登陆验证；路由跳转判断；有多种机会植入路由导航过程中：全局路由, 单个路由独享的, 或者组件级的。全局守卫包括：router.beforeEach（是全局前置守卫）、router.beforeResolve（是全局解析守卫）、router.afte...
2020-03-01 22:36:43
604
原创 Vue生命周期
Vue生命周期详解下面这个图详细介绍了每个周期函数发生的事件，接下来在详细全面的解释一下生命周期Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。每一个组件或者实例都会经历一个完整的生命周期，总共分为三个阶段：初始化、运行中、销毁。实例...
2020-02-25 23:59:44
55
原创 常见的Vue基本指令有哪些？
v-if：根据表达式的值的真假条件渲染元素，在切换时元素及它的数据绑定/组件被销毁并重建。v-if 控制元素的渲染 v-if 为假 该元素不会创建v-show：根据表达式之真假值，切换元素的display CSS 属性。 可以控制元素的显示隐藏通过display nonev-for：循环指令，基于一个数组或对象渲染一个列表，Vue 2.0 以上必须需配合key值使用。绑定一个 标签 循...
2020-02-23 22:29:14
1905
原创 浏览器存储有哪些？
浏览器存储技术有哪些？Cookiecookie是什么：cookie是指存储在用户本地终端上的数据，同时它是与具体的web页面或者站点相关的。cookie数据会自动在web浏览器和web服务器之间传输，也就是说HTTP请求发送时，会把保存在该请求域名下的所有cookie值发送给web服务器，因此服务器端脚本是可以读、写存储在客户端的cookie的操作。cookie的有效期：cookie默认...
2019-12-21 20:48:36
252
原创 JS中一些兼容性问题
获取滚动距离 document.documentElement.scrollTop () document.body.scrollTop() ==> 兼容IE 获取非行间样式 getcomputedStyle() 参数1：当前对象 参数2：伪类选择器，通常不会使用，用false代替 currentStyl...
2019-12-09 15:49:23
91
原创 get和post区别
一、get和post区别1.url可见性get传参方式是通过地址栏URL传递，是可以直接看到get传递的参数，post传参方式参数URL不可见，get把请求的数据在URL后通过？连接，通过&进行参数分割。psot将从参数存放在HTTP的包体内2.传输数据大小get传递数据是通过URL进行传递，对传递的数据长度是受到URL大小的限制，URL最大长度是2048个字符。post没有长度限...
2019-11-22 15:26:43
283
原创 css中常见的定位方式
定位position: static（默认）、fixed（固定定位）、absolute（绝对定位）、relative（相对定位）、sticky（粘性定位）fixed特点：不占空间、不随滚动条移动相对于浏览器窗口进行定位，不占空间；如果不设置定位坐标，则就在原来的位置；如果结合定位坐标，就是相对于目标位置的距离；层级要比普通标签高；设置固定定位后，就一定是块元素relativ...
2019-11-22 14:47:00
142
原创 数组去重方法总结
| |1.最基本的去重方法思路：定义一个新数组，并存放原数组的第一个元素，然后将元素组一一和新数组的元素对比，若不同则存放在新数组中。function unique(arr){var res = [arr[0]];for(var i=1;i<arr.length;i++){var repeat = false;for(var j=0;j<res.length;j++){...
2019-11-22 14:28:22
85
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人