- 博客(16)
- 收藏
- 关注
原创 vue之理由懒加载
最近在看别人的项目的时候发现路由的另一种写法,{ path: '/search', name: 'search', component: resolve => require(['@/pages/search'], resolve)}以前自己写component的时候都是直接在后面写上组件名,后来查资料发现这是路由懒加载的写法。什么是路由懒加载,为什么要用路由懒加载路由懒加...
2019-08-29 10:34:36
1111
1
原创 实现深拷贝的几种方法
通过递归实现深拷贝 var deepCopy= function(source) { var result={}; for (var key in source) { result[key] = typeof source[key]=== 'object'? deepCopy(source[key]): source[key]; } return result; }...
2019-07-18 22:21:01
724
转载 react的生命周期
第一个是组件初始化(initialzation)阶段。 react 的初始化阶段我们一般继承了React Component 的类中。这样该类也就继承这个react的基类,这时才有render(), 生命周期等方法可以使用(这也是函数组件不能使用这些方法的原因)。 我们可以通过子类的constructor() 中调用super(props)来调用基类的构造方法(constructor())...
2019-06-28 14:50:34
182
原创 react组件
创建组件 react创建组件的方式有两种,一种是通过函数定义一个组件,一个是通过class类定义一个组件。需要注意是是,组件名的首字母必须要大写。 通过函数创建一个组件:function HW() { // return中的内容为页面上显示的内容 //每一个组件只能有一个根节点 //定义样式的时候使用classname return ( <...
2019-06-28 11:55:11
129
原创 ES6 javascript中class静态方法、属性与实例属性用法示例
本文实例讲述了ES6 javascript中class静态方法、属性与实例属性用法。分享给大家供大家参考,具体如下: 类相当于实例的原型, 所有在类中定义的方法, 都会被实例继承。 如果在一个方法前, 加上static关键字, 就表示该方法不会被实例继承, 而是直接通过类来调用, 这就称为“ 静态方法”。class Foo { static classMethod() { r...
2019-06-27 21:44:14
383
原创 react入门简介
关于react的介绍我这里就不再说明, 可以参照官网详细了解,需要注意的一点就是react它只是一个facebook开发的用于构建用户界面的 JavaScript 库,不同于vue,在使用的时候我们可以按照实际需求或多或少引入一些react特性,也可以完全使用react构建一个完整的项目。 当你在html页面中使用react的时候需要引入以下几个插件react.js、(这个是rea...
2019-06-27 14:59:09
112
原创 vue知识小结
本篇文章是个人在学习vue过程中自己总结的心得体会,不一定准确。filters 过滤器<div id="#app"> <input type="button" v-model="msg"> <p>{{msg | mag2}}</p></div><script> var app = new App({...
2019-06-13 16:22:13
208
1
转载 vue生命周期
什么是vue生命周期vue实例从创建到销毁的过程称之为vue的生命周期。vue的生命周期的各阶段都做了什么beforeCreate 实例创建前:这个阶段实例的data、methods是读不到的created 实例创建后:这个阶段已经完成了数据观测(data observer),属性和方法的运算, watch/event 事件回调。mount挂载阶段还没开始,$el 属性目前不可见,数据并...
2019-06-05 19:38:09
95
原创 vue基础指令
创建一个vue实例,通过new关键字生成一个vue实例<div id="app"> //表示创建的vue实例 <input type="text" v-model="txt"> //v-model 一个指令,表示数据的双向绑定,关联实例中的data属性,里面的值是一个js对象 <p>{{txt}}</p> //vue中通过{{}...
2019-06-05 16:32:30
175
转载 vue基础
vue的特点我们会从以下8个方面来对 Vue 进行分析:MVVM 框架单页面应用程序轻量化与易学习渐进式与兼容性视图组件化虚拟 DOM(Virtual DOM)社区支持未来的 Vue 走向MVVM所谓 MVVM 框架就是:View-ViewModel-Model,就像下面这样:View相当于页面中的DOM,用来展示数据;Model相当于一个数据源,是用来存储数据的;...
2019-06-05 09:58:51
114
转载 js事件传播流程,事件阻止
什么是JavaScript事件?事件通常与函数配合使用,这样就可以通过发生的事件来驱动函数执行。js事件是由访问web页面的用户引起的一系列操作。当用户执行某些操作的时候,再去执行一系列代码,或者用来获取的详细信息。eg:鼠标位置,键盘按键。DOM2级事件规定事件流包括三个阶段:事件捕获阶段、处于目标阶段、事件冒泡阶段捕获阶段:先由文档的根节点document往事件触发对象,从外向内捕获事件...
2019-06-03 21:13:19
124
转载 PC、手机适配html和css
随着互联网的快速发展,以及html5+css3的迅速崛起。渐渐的响应式布局,也会慢慢的出现在我们的视野里,身为专业的web前端人员,还不学习新技术你就out啦!为什么这样说呢?因为响应式布局能同时兼容多个终端,比如(手机、平板、PC)做一个网站转眼间就可以变成3个网站,和现在相比是不是更加具有优势呢!可能有些人对“什么是响应式布局”还不是很了解,下面就跟大家简单说下什么是响应式布局:响应式布局...
2019-05-26 18:29:29
1191
转载 浏览器兼容问题及处理方法
什么是浏览器兼容浏览器兼容性问题又被称为网页兼容性或网站兼容性问题,指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题。在网站的设计和制作中,做好浏览器兼容,才能够让网站在不同的浏览器下都正常显示,给用户更好的体验。常见的几种浏览器兼容问题及解决办法不同浏览器标签的内外边距不一样,即padding和margin值不一样。解决办法:在css内下上*{margin:0;...
2019-05-26 18:13:27
276
转载 请求报文和响应报文
**一个HTTP请求报文由四个部分组成:请求行、请求头部、空行、请求数据。**1. 请求行 请求行由请求方法字段、URL字段和HTTP协议版本字段3个字段组成,它们用空格分隔。比如 GET /data/info.html HTTP/1.1方法字段就是HTTP使用的请求方法,比如常见的GET/POST其中HTTP协议版本有两种:HTTP1.0/HTTP1.1 可以这样区别: HTT...
2019-05-23 17:06:19
346
转载 get 和 post请求的区别
在了解get 和 post请求的区别之前,我们首先要知道什么是get请求和post请求。get和post是什么get 和 post请求是http协议中的两种请求方式,get一般用来获取服务器的信息的,post一般是用来更新信息的,当然,http协议中还有其他协议,比如put、delete等。两者的区别1. get请求的数据会附在URL之后(就是把数据放置在HTTP协议头中),以?分割URL...
2019-05-23 16:49:08
18701
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅