- 博客(36)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 身份验证
vue文件import { idCardInput } from '../../helper/fieldInput';<mt-field ref="idcard" label="身份证号" placeholder="请输入身份证号" v-model="idCardInput.idCard" ...
2018-08-13 19:48:52
241
原创 vue-router
总结：应该把导航作为一种引入模式的文件，哪里需要就在哪里去引入， - 在这个项目中，把NavList插入到各个页面中 - 可以满足当你点击一个选选项的时候，不需要导航的场景1.路由的嵌套：- 嵌套路由时，需要在index.js文件中的路由配置中相应页面加上children：[path，component] - 在二级页面的router-link标签中，需要添...
2018-08-08 10:48:52
248
原创 vue-ssr,页面按需加载，权限控制
一、功能介绍中涉及的知识vue SSR学习**SSR:服务器端渲染（同构或者通用） 服务器把每个要展示的页面都运行完成后，将运行流直接给浏览器，所有的运算都在服务器端中完成，而浏览器只需要解析HTML即可1.SSR和SPASPA：单页面应用使用SSR的优势： * 对SEO（搜索引擎优化）更加友好， * 内容到达时间（time-to-content）...
2018-08-08 09:34:47
2769
原创 深拷贝和浅拷贝的理解
为什么要使用深拷贝和浅拷贝？当你想复制一个对象时，一般做法是obj2=obj1,但是当你改动obj2的时候，会影响到obj1，而obj1也会影响到obj2,所以需要深拷贝和浅拷贝来解决对象的直接赋值仍然‘连接’的问题。深拷贝和浅拷贝浅拷贝：复制一份引用，让所有引用对象指向一份数据，并且可以修改这份数据，即只对指针拷贝，并都指向同一个内存空间。系统默认浅拷贝。拷贝时只拷贝一级元素，不能拷贝子元素es
2018-03-25 16:36:43
791
原创 函数防抖与函数节流
对应场景：用户多次点击按钮造成表单重复提交 绑定拖拽事件时，每当元素移动一点便触发了大量的回调函数，导致浏览器被卡死两者都是通过减少实际逻辑处理过程的执行来提高事件处理函数运行性能的手段，并没有实质上减少事件的触发次数。整体是用来优化前端代码函数防抖（debounce）原理：事件被触发，执行回调，如果单位时间内又触发，则重新计时重点在于空闲的间隔时间应用：给按钮加函数防
2018-03-22 13:30:26
251
原创 瀑布流原理
瀑布流实现的原理核心特点是定宽不定高。适用于单页面展示对内容的页面，利用js动态改变绝对定位的位置，然后对滚动条的事件监听，加载数据。先通过计算出一排能够容纳几列元素，然后寻找各列之中所有元素高度之和的最小者，并将新元素添加到该列上个，然后继续寻找所有列的各元素之和的最小者，继续添加到该列上，循环下去，直到所有元素可以按要求排列为止。代码<!doctype htm...
2018-03-22 10:39:12
496
原创 轮播图的详细解析
轮播图的原理让一组宽高相同的图片，平铺在一起，设置溢出隐藏，将可见窗口的图片通过偏移量和定时器实现图片的滚动。在平铺图片的首尾添置一样的图片，防止出现空白页，这样看起来是无缝滚动。HTML代码：设置一个可见窗口，用来展示轮播图，并加上左右按钮以及下方的圆点，注意list窗口的获取左距离为图片宽度的负值<div id="container"> ...
2018-03-21 16:05:39
5803
2
原创 Git的学习
参考文章git-rebase原理及准则git-rebase和marge的区别rebase ：合并两个分支时，rebase会让commit 消失了，使分支数更简化 merge 还是两个分支，只不过在merge后这个点交汇rebase解决冲突是一个一个解决，如果有十个冲突，先解决第一个，然后用命令git add -u ，git rebase –continue，才出现下一个冲...
2018-03-10 20:21:42
167
原创 HTTP
HTTP状态码1**：请求收到，继续处理 2**：操作成功收到，分析、接受 3**：完成此请求必须进一步处理 4**：请求包含一个错误语法或不能完成 5**：服务器执行一个完全有效请求失败100——客户必须继续发出请求 101——客户要求服务器根据请求转换HTTP协议版本200——交易成功 201——提示知道新文件的URL 202——接受和处理、但处理未完成 ...
2018-03-08 23:11:25
274
原创 vue和webpack的一点点了解
官网教程：https://cn.vuejs.org/v2/guide/installation.html[参考资料]http://mp.weixin.qq.com/s/6Mo5csEDVKMq4-v6Yi8ZPQ)参考资料知识点总结vue的主要作用是当数据发生改变时使用虚拟DOM来更改某一DOM节点，避免将整个页面渲染。1.关于vue，像他是一种组件化的轻量级框架，它是基于什么...
2018-03-07 23:12:55
4658
原创 面试总结
positionstatic(默认)：元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分relative：相对定位，元素框相对于之前正常文档流中的位置发生偏移，并且原先的位置仍然被占据。发生偏移的时候，可能会覆盖其他元素。absolute：绝对定位，相对父元素定位，情况有两种a.设置了absolute的元素如果存在有祖先元素设置了position属性为relative或者absolute，则
2018-03-07 14:17:26
220
原创 ECMAScript 6 基本（未完待续）
详细学习链接：http://es6.ruanyifeng.com/#README一、ECMAScript 和 JavaScript 的关系 前者是后者的规格，后者是前者的一种实现，一般情况下两者可以互换。Babel：ES6转码器，将ES6转为ES5代码，可以将箭头函数转化为普通函数（链接地址）Babel的配置文件.babelrc，存放于项目根目录的下面首先配置 ...
2018-03-07 14:16:58
1271
原创 《图解HTTP》的学习（一）
一、网络基础结构1.用HTTP访问WebHTTP”超文本转移协议”客户端与服务器的关系：客户端通过上传的访问地址获取服务器资源，服务器通过HTTP协议和客户端通信2.网络基础 TCP/IP协议簇协议：为了让计算机与网络设备用同样的方法实现互相通信，而设定的一些规则。TCP/IP：与互联网相关联的协议集合3.TCP/IP分层处理信息的传输...
2018-02-07 22:55:44
294
原创 DOM操作
js的DOM操作DOM是W3C的标准，定义了访问HTML和XML的标准，可以访问所有的HTML元素，连同他包含的文本和属性。W3C DOM 标准被分为 3 个不同的部分： * 核心 DOM - 针对任何结构化文档的标准模型 * XML DOM - 针对 XML 文档的标准模型 * HTML DOM - 针对 HTML 文档的标准模型HTML DOM常用的DOM操作方法...
2018-02-05 09:28:56
293
原创 js事件冒泡、事件绑定、事件监听、事件委托
点击链接事件机制事件绑定首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数，就是处理用户操作的函数，不同的操作对应不同的名称。事件绑定的办法： 1.直接在HTML元素绑定，在标签后加onclick = function(){}等 2.在js脚本中绑定，获取元素后绑定事件 3.DOM绑定，添加事件监听 第一种无法删除，不好维护 第二种无法删除，维护性一般 ...
2018-02-04 16:10:22
3284
1
原创 js原型链、继承
Prototype(原型)原型链原理 点击链接含义：我们创建的每个函数都有一个prototype(原型)属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含可以由特定类型的所有实例共享的属性属性的作用Prototype通过调用构造函数而创建那个对象实例的原型对象当实例对象本身没有某个属性或方法的时候，会到构造函数的prototype属性指向的对象，去寻找该属性或方法...
2018-02-04 06:03:04
263
原创 正则表达式
正则表达式(regular expression)描述了一种字符串匹配的模式，可以用来检查一个串是否含有某种子串、将匹配的子串做替换或者从某个串中取出符合某个条件的子串等。点击链接语法正则表达式由普通字符（例如字符 a 到 z）以及特殊字符（称为”元字符”）组成的文字模式，并且作为一个模板，将某个字符模式与所搜索的字符串进行匹配。普通字符包括所有大写和小写字母、所有数字、所...
2018-02-03 15:03:56
152
原创 HTML的其他问题
XHTML与HTML的区别XHTML 是以 XML 格式编写的 HTML,得到所有主流浏览器的支持XHTML与HTML的区别所有标签都必须闭合所有标签的元素和属性名字都必须使用小写所有属性都必须用“”引号 括起来，且属性必须赋值，没有值的就重复本身图片必须有说明文字HTML5为什么只写HTML5不是基于SGML，因此不需要对DTD进行引用，但需要DOCTYPE来
2018-01-24 19:54:10
155
原创 HTML5的新特性
参考链接语义化标签分类 行属性标签(span)：mark / time / output /块属性标签(div): nav / main / header / footer / section / figure / details / aside / article内联块标签(img): progressarticle : 定义文章aside : 定义和页面关联度较低...
2018-01-24 13:54:02
281
原创 css的预处理器、后处理器以及选择器
css预处理器参考文章css预处理器：用一种专门的编程语言，为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。css存在的问题：语法不够强大，比如无法嵌套书写导致模块化开发中需要书写很多重复的选择器； 没有变量和合理的样式复用机制，使得逻辑上相关的属性值必须以字面量的形式重复输出，导致难以维护。 所以需要预处理器提供 CSS 缺失的样
2018-01-23 13:47:13
5738
原创 css基础布局细节（一）
一个页面上两个div左右铺满整个浏览器，要保证左边的div一直为100px，右边的div跟随浏览器大小变化（比如浏览器为500，右边div为400，浏览器为900，右边div为800），请写出大概的css代码。方式1 style type="text/css"> #box{ width: 900px; height:
2018-01-20 19:47:06
613
原创 高程（第三版）第一\二章
js简介一、js实现js的实现由三个部分组成： ① 核心（ECMAScript） ②文档对象模型（DOM） ③浏览器对象模型（BOM）在HTML中使用js一、script元素 1.属性值 常用的属性有：src,type(默认值为text/javascript); 其他属性：async:(异步脚本)表示应该
2017-07-26 09:58:48
299
原创 对this的解读
全局对象：this指向他本身 函数的this：如果调用者函数，被某一个对象所拥有，那么该函数在调用时，内部的this指向该对象。如果该函数独立调用，那么该函数内部的this,则指向undefined.但是在非严格模式中，当this指向undefined时，它会被自动指向全局对象。一、基础了解 this的指向，是在函数被调用的时候确定的。比如下面的例子中，同一个函数由于调用方式的不同...
2017-07-23 16:59:39
399
原创 jq和js的区别
jq和js的区别基本区分 js是网页的脚本语言,记住哈,js是语言！ jquery是用js语言写出来的一个框架！详细区分1.加载DOM的区别Javascript：window.onloadfunction first(){alert('first');}function second(){alert('second');}window.onload = first;wind
2017-07-22 16:11:42
8204
原创 rem适配方案
rem手机屏幕适配rem基本知识rem官方定义“The font size of the root element”,即以根节点的字体大小作为基准值进行长度计算。一般认为网页中的根节点是html元素，所以采用的方式也是通过设置html元素的font-size来做屏幕适配。使用rem实现手机屏幕适配的常用方案以设计稿的宽度为640px，即：designWidth = 640，同时设定
2017-07-21 15:10:35
641
原创 基础排序算法
种类：插入排序、选择排序、归并排序、堆排序、快速排序、计数排序 、桶排序、基数排序、冒泡排序、希尔排序、梳排序 一、插入排序对数进行从小到大排序时，需要将一个数放到前面，而将那些比他大的数挤到后面，来实现排序。过程分析（6，5，3，1，8，7，2，4）将数列划分为两个部分，有序和无序，即将数列中的第一个元素（6）看作有序的部分，后面的其他数（5，3，1，8，7，2，
2017-07-20 21:25:59
421
1
原创 jquery动画
jquery动画一、基本动画形式1.show()显示效果语法：show(speed,callback)speend：可选，为动画执行时间，单位为毫秒。也可以为“slow”,”normal”,”fast” callback：可选,为当动画完成时执行的函数。2、hide()隐藏效果 语法:hide(speed,callback) <body><p id="text">This is a exam
2017-07-20 11:02:38
253
原创 jquery绑定事件的方法
jquery绑定事件的方法jquery绑定事件的方法（四种）：分别是bind、live、delegate、on，对应的解除监听的函数分别是unbind、die、undelegate、off一、on()方法（首选） on()方法在被选元素及子元素上添加一个或多个事件处理程序参数：event:必需，规定要从被选元素移除的一个或多个事件或命名空间。由空格分隔多个事件值。必须是有效的事件。data:可
2017-07-19 15:17:43
639
原创 jq事件冒泡
事件冒泡：当一个事件发生时，该事件总共有一个事件源，即引发这个事件的对象，一个事件不能凭空产生，这就是事件的发生。 当事件发生时，这个事件就要开始传播，从而能够达到处理这个事件的代码中，（例如我们给按钮的onclick属性赋一个函数的名字，就是让这个函数去处理该按钮的click事件）。 当事件在传播的过程中，找到了一个能够处理它的函数，此时可以说这个函数捕捉到了这个事件。那一个函数是如何捕捉一
2017-07-19 09:41:00
3418
原创 jq的选择器
jquery选择器选择器$(“*”)：所有元素$(“#lastname”)： id=”lastname” 的元素$(“.intro”)： 所有 class=”intro” 的元素$(“p”)： 所有 p 元素$(“.intro.demo”) ：所有 class=”intro” 且 class=”demo” 的元素$(“p:first”)： 第一个 p 元素$(“p:last”)
2017-07-18 20:03:47
225
原创 js的ajax与jq的ajax总结
原生ajax原理及应用ajax基础1.什么是服务器：网页浏览过程分析，浏览器服务器文件localhost/文件.txt，这种方式和用路径在浏览器上打开的方式是不同的，前者是在服务器上2.ajax：Asynchronous JavaScript and XML”（异步JavaScript和XML），是一种创建交互式网页应用的网页开发技术 通俗的来讲：（1）没用AJAX的网页，你点一...
2017-07-18 10:39:33
944
原创 js字符串与数组的操作
一、字符串的处理方式1.字符串strstr.length //获取它的长度str.charAt(2) //获取传入下标处的字符，如果不传默认为”0“，超出时返回空script type="text/javascript">var str="Hello World!"document.write(str.length);//输出12document。write(st
2017-07-17 09:53:49
902
1
原创 javascript的作用域、闭包
javascript的作用域和闭包作用域作用域：作用域是一个规则，用于确定在何处以及如何查找变量。如果查找的目的是对变量进行赋值，就使用LHS查询；如果目的是获取变量的值，就使用RHS查找。赋值操作符产生的是LHS查找 （程序代码中定义这个变量的区域。全局变量拥有全局作用域，代码中任何地方都是有定义的，函数内声明的变量只在函数体内有定义，作用域是局部性的） LHS：赋值操作的目标 是谁
2017-07-15 16:40:54
223
原创 css3新特性和其他常见问题（三）
css3新特性参考网站css3选择器属性选择器（IE7及以上支持）E[attr]表示存在attr属性即可；E[attr=val]表示属性值完全等于valE[attr~=val]表示的一个单独的属性值 这个属性值是以空格分隔的E[attr|=val]表示的要么一个单独的属性值 要么这个属性值是以“-”分隔的E[attr*=val]表示的属性值里包含val字符并且在...
2017-07-14 09:32:18
415
原创 css基础布局细节（二）
BFC的学习BFC全称Block Formatting Context，即块级格式化上下文（IFC：内联元素格式化上下文），BFC是一个独立的布局环境，在这个环境里面物品的摆放是不受外界的影响的。转换为BFC的理解则是：BFC中的元素的布局是不受外界的影响（可以利用这个特性来消除浮动元素对其非浮动的兄弟元素和其子元素带来的影响。），在一个BFC中，块盒与行盒（行盒由一行中所有的内联元素所组成）都会垂
2017-07-13 10:41:20
396
原创 基础js代码
1.轮播图<body><input type="button" id="btn1" value="左"/><input type="button" id="btn2" value="右"/><img src="img/1.png" width="391" height="479" id="img1"/><script>var obtn1=document.getElementById("b
2017-04-04 23:16:14
257
九九乘法表的js的写法
2017-04-03
TA创建的收藏夹 TA关注的收藏夹
TA关注的人