2018年03月_赏花赏景赏时光

转载 vue-router的介绍

1、vue-router的作用与及定义vue-router可以通过html5的history API或者hash实现单页应用，即不刷新跳转，切换地址，只是页面上的组件的切换；vue-router可以实现页面间传参等其他功能；vue-router就是路由，用于页面跳转。当我点击页面上的home 按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容...

2018-03-31 22:12:17 2549 1

原创对js中一些变量操作的理解

这里主要是弄清楚函数声明和变量声明会提升（即声明提到最近作用域的开头）；变量声明、形参声明和函数声明的先后关系；全局作用域和局部作用域等问题在js中，对于函数操作变量的问题需要注意以下几点：1、js中，函数就相当于一个作用域。2、在js中，函数声明和变量声明都有提升的作用，即提升到离他们最近的作用域的头部。变量声明，只是将变量声明在离他最近的作用域的头部，赋值在它正真定义的地方.3、函数需要传递参...

2018-03-30 20:51:15 877

原创前后端实现通信的方式

前后端实现通信的方式，即实现数据交互，靠的是HTTP（或者其他衍生类型，例如SSE、WS）前端能发起HTTP请求的方式：1、ajax（Asynchronous JavaScript + XML）技术：ajax的核心是XMLHttpRequest，通过对该对象的操作来进行异步的数据请求。有同源限制。接触的最多的就是jQuery的封装，比如$.ajax $.post $.get...

2018-03-30 20:49:57 15166

原创 jquery同vue的区别

1、jquery同vue的区别A、两者的未来发展的区别● jquery介绍：jquery是一个类库，提供了很多方法，不能算框架。在过去和现在Jquery是最流行的web前端js库，可是现在无论国内还是国外，他的使用率正在渐渐被其他的js库所替代。随着浏览器厂商对H5规范统一遵循以及ECMA6在浏览器端的实现，jquery的使用率会越来越低。● vue的介绍：vue是一个刚兴起不久的前端框架，有一套...

2018-03-30 09:42:06 7097 1

原创轻量级框架与重量级框架的区分

一、轻量级框架与重量级框架并没有确却的定义，区分的时候主要从下面几个方面考虑：1、启动程序时需要加载的资源EJB应用启动时，需要消耗大量的资源，比如内存、CPU等，把所有的服务都加载进来；而Spring则是可定制服务，需要加载什么就加载什么。2、框架的侵入性程度或者框架的依赖性，耦合性程度（轻量级的框架侵入性程度较低）● 轻量级框架不一定需要继承和实现框架的接口和抽象类来注册和实例化组件。● 重量...

2018-03-26 12:47:09 7393

转载 HTTP请求头及其作用

HTTP请求头Header及其作用详解下面是访问的一个URL，http://www.hzau.edu.cn的一个header，根据实例分析各部分的功能和作用。1、Accept，浏览器端能够处理的内容类型。例如： Accept: text/html 代表浏览器可以接受服务器回发的类型为 text/html 也就是我们常说的html文档。如果服务器无法返回text/html类型的数据，服务器应该...

2018-03-23 14:09:27 19537 2

转载 http状态码详解

http的响应状态码由5段组成● 1xx，代表消息，一般是告诉客户端，请求已经收到了，正在处理● 2xx，代表请求处理成功，一般是请求收到、我明白你要的信息、请求已经处理、已经处理完成等信息● 3xx，代表重定向到其他地方，他让客户端在发起一个请求，以完成整个处理● 4xx，代表处理发生错误，责任在客户端，如客户端请求一个不存在的资源、客户端未被授权、禁止访问等。● 5xx、处理发生错误，责任在服...

2018-03-23 10:37:40 7575

转载 angular.js实现数据双向通信的原理

angular.js实现数据双向通信的原理angular的核心特性有：MVVM、模块化、依赖注入、自动化双向数据绑定、语义标签等。1、AngularJS的scopes对象AngularJS的scopes对象，是一般的javascript对象，可以在他们上面绑定属性和其他对象，也可以添加一些功能，用于观察数据结构上的变化。观察功能都由dirty-checking来实现，并且都在一个digest循环中...

2018-03-22 20:42:40 547

原创编程实现一个css选择器总结

题目：实现一个getCssSelector方法，可以根据给定的元素生成一个css选择器，通过这个选择器可以快速定位到这个元素（document.querySelector(A)）。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document<..

2018-03-22 19:27:13 1287

转载文档节点document的理解

对于文档节点document的理解文档节点，document，隶属于表示浏览器的window对象，表示网页页面，又称为根节点1、特征三个node属性---nodeType=9 nodeValue=null nodeName='#document'由于document节点是根节点，所以父节点parentNode指向null，ownerDocument也指向null。2、子节点A、...

2018-03-22 18:50:16 698

转载 nodeName与tagName的区别

原文链接：详情链接DOM里面一共有12种节点类型，常见的3种节点类型；元素节点，属性节点，文本节点。例如:<h1 class="title">head</h1>h1--元素节点 class---属性节点 head----文本节点在这里可以说成元素节点h1包含属性节点class和文本节点head.其实，几乎所有的html的标签都是元素节点，而id ...

2018-03-22 16:54:18 3296

原创 Vue中集成的指令以及其用法

下面介绍Vue中集成的指令以及用法和作用v-bind v-on v-model v-for v-html v-text v-if v-else-if v-else v-show v-once v-pre v-cloak1、声明式渲染有两种方法A、文本插值，用两个花括号：{{内容}}html如下：<div id="app"&gt...

2018-03-21 15:31:26 958

原创 http/https/tcp/udp的区别

如下图所示各层之间的关系如下图所示：1、TCP/IP 是个协议组，可分为三个层次：网络层，传输层和应用层各层的协议：网络层：IP ICMP IGMP ARP RARP BOOTP传输层：TCP UDP应用层：HTTP FTP TELNET DNS SMTP2、http的详细讲解3、HTTPSHTTPS（Secure Hypertext Transfer Pr...

2018-03-20 20:04:28 1467

原创给Array本地对象增加一个原型方法，用于删除数组条目中重复的条目(可能有多个)，返回值是一个包含被删除重复条目的新数组

给Array本地对象增加一个原型方法，用于删除数组条目中重复的条目(可能有多个)，返回值是一个包含被删除重复条目的新数组思想：this对象的具体作用域是在函数执行到它的时候才确定；可以删除数组中的元素并且能返回被删除的对象的数组方法splice；采用两两比较的思想具体代码Array.prototype.distinct = function() { var ret = []; fo...

2018-03-20 17:29:30 1770

原创基础知识

1、jquery ajax中支持的数据类型有以下几种： xml html json jsonp script text2、常见的浏览器端的存储技术有以下几种：cookie、 WebStorage( localStorage sessionStorage )、userData、indexDB3、常见的服务端存储技术session4、css3新增的属性box-shadow（阴影效果）...

2018-03-20 15:14:18 140

原创对函数输入的参数进行升序排序，输入参数不固定

对函数输入的参数进行升序排序，输入参数不固定题目如下：思路：利用行数的对象arguments，取出参数，用sort()函数排序代码：function mySort(){ var tags = new Array(); for(var key in arguments){ //每个函数都有一个this和arguments对象，arguments存放输入的变量...

2018-03-20 14:36:51 999

转载对vue的template(模板)编译的理解

对vue的template(模板)编译的理解简单的说法：先转化为AST树，在得到的render函数中返回VNode（vue的虚拟DOM节点）详细步骤● 首先，通过compile编译器把template编译成AST语法树（abstract syntax tree，即源代码的抽象语法结构的树状表现形式），compile是creatCompiler（createCompiler是用以创建编译器的）的返回...

2018-03-20 10:04:17 6902

原创 Vue封装组件的过程

vue组件的定义● 组件(Component)是Vue.js最强大的功能之一● 组件可以扩展HTML元素，封装可重用代码● 在较高层面上，组件是自定义元素，Vue.js的编译器为他添加特殊功能● 有些情况下，组件也可以表现用 is 特性进行了扩展的原生的HTML元素● 所有的Vue组件同时也都是Vue实例，所以可以接受相同的选项对象（除了一些根级特有的选项），并提供相同的生命周...

2018-03-20 09:41:05 145948 4

原创闭包的定义及作用

1、闭包的定义：闭包就是能够读取其他函数内部变量的函数。在js中，可以将闭包理解成“函数中的函数“。如下代码中f2()函数就是闭包： function f1(){　　　　var m = 10;　　　　function f2(){　　　　　　alert(m); // 10　　　　} }2、闭包的作用： A、可以读取函数内部的变量 B、让这些变量的值始终保存...

2018-03-15 15:10:48 16150 1

原创前端工具gulp的使用与介绍

一、gulp的基本能力主要是文件合并gulp-concat、文件压缩gulp-uglify、给文件生成版本号gulp-rev、文件重命名gulp-rename、语法检查gulp-jshint等1、文件合并争论：在前端开发中应该把所有的js和css文件写在一个文件里面还是分开各个页面写，建议开发的时候分开写，上线的时候合并为一个。好处：对于浏览器而言，不...

2018-03-13 21:56:06 175

原创 webpack的介绍与使用

前端打包工具有webpack、grunt、gulp等，这里主要介绍webpack.一、webpack的基本能力：处理依赖、模块化、打包 1、依赖管理：方便引用第三方模块，让模块更容易复用、避免全局注入导致的冲突、、避免重复加载或者加载不必要的模块 2、合并代码：把各个分散的模块集中打包成大文件，减少HTTP的链接的请求次数，配合uglify.js可以减少、优化代码的体积 3...

2018-03-11 14:54:05 13895 12

原创同一个页面出现多个Body组件

在浏览网站的时候，会发现页面中包含多个html body等元素。因为html是弱标签，所以出现多个同样的标签，只要格式正确，是不会报错的。1、多个标签：取最外层标签2、多个去第一个3、多个标签，则按照顺序全部列出来不顾规范声明：只有一个body html title head标签

2018-03-09 21:44:06 2785

转载 js判断浏览器是否为IE浏览器

用js判断当前的浏览器是否为IE浏览器：IE6-8和IE11都适用：function isIE() { //ie? if (!!window.ActiveXObject || "ActiveXObject" in window) { return true; } else { return false; } }win

2018-03-08 18:41:58 18246

原创动态添加的遮罩层，第一次执行display:none有效，当再次执行的时候失效

在js中动态给页面添加遮罩层，当点击“是”按钮的时候，遮罩层消失，还停留在当前页面，当点击“否”按钮的时候，则跳转到别的页面问题：当第一次执行点击“是”按钮的时候，遮罩层会消失；第二次点击“是”按钮的时候，代码有执行，但是遮罩层没有消失js部分代码： //点击提示框的“是“按钮事件，将添加的背景和提示框从body中移出 clickYesBtn = function(){

2018-03-04 16:23:28 2519

感恩、奋进、自信