09 2017 档案
发表于 2017-09-27 23:41阅读：3630评论：0推荐：0
摘要：1.写数据，可以使用“.”,”[]”，以及setItems(key,value);3种方式。 例如： localStorage.name = proe;//设置name为" proe " localStorage["name "] = " proe";//设置name为" proe "，覆盖上面的值
阅读全文 »
发表于 2017-09-27 23:16阅读：278评论：0推荐：0
摘要：如果组件通过query来传递num参数为1，相当与在 url 地址后面拼接参数 这是子路由中通过 this.$route.query.num 来显示传递过来的参数URL显示(http://localhost:8080/#/home/chee?num=1)
阅读全文 »
发表于 2017-09-24 21:39阅读：285评论：0推荐：0
摘要：
阅读全文 »
发表于 2017-09-19 22:23阅读：188评论：0推荐：0
摘要：1.HTML代码转化成DOM 2.CSS代码转化成CSSOM（CSS Object Model） 3.结合DOM和CSSOM生成一颗渲染树（包括每个节点的视觉信息） 4.生成layout（布局），即是将所有渲染树的所有节点进行平面合成 5.将布局绘制（paint）屏幕上 以上五个步骤第一到第三步是很
阅读全文 »
发表于 2017-09-18 16:38阅读：572评论：0推荐：1
摘要：vue2.0版本的学习图解个人心得！本文为原创禁止转载！！转载需要注明出处，谢谢合作！！！
阅读全文 »
发表于 2017-09-15 20:56阅读：210评论：0推荐：0
摘要：px-em-rem
阅读全文 »
发表于 2017-09-15 20:51阅读：249评论：0推荐：0
摘要：源码禁止盗用!转载请注明出处!!!
阅读全文 »
发表于 2017-09-15 20:49阅读：493评论：0推荐：0
摘要：菜单栏 首页 首页 首页 首页 首页 ...
阅读全文 »
发表于 2017-09-15 20:39阅读：283评论：0推荐：0
摘要：携程tab 特卖 超正航班，超级特卖 巴厘岛5-6日4晚自由行(5钻)·库塔海滩零距离 五星万豪/喜来登 人气酒店
阅读全文 »
发表于 2017-09-15 20:33阅读：231评论：0推荐：0
摘要：浮动布局 ...
阅读全文 »
发表于 2017-09-15 20:19阅读：183评论：0推荐：0
摘要：倒圆角
阅读全文 »
发表于 2017-09-15 20:14阅读：212评论：0推荐：0
摘要：常见的伪类：
阅读全文 »
发表于 2017-09-14 19:29阅读：545评论：0推荐：0
摘要：浏览器窗口可视区域大小获得浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）的方法: 一、对于IE9+、Chrome、Firefox、Opera 以及 Safari： window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器窗口的内部宽度 二
阅读全文 »
发表于 2017-09-14 00:39阅读：270评论：0推荐：0
摘要：elementNode.setAttribute(name,value) 1.name: 要设置的属性名。 2.value: 要设置的属性值。 elementNode.getAttribute(name) 1. elementNode：使用getElementById()、getElementsBy
阅读全文 »
发表于 2017-09-12 23:05阅读：186评论：0推荐：0
摘要：var myarray= new Array(8); //创建数组，存储8个数据。 注意：1.创建的新数组是空数组，没有值，如输出，则显示undefined。2.虽然创建数组时，指定了长度，但实际上数组都是变长的，也就是说即使指定了长度为8，仍然可以将元素存储在规定长度以外。 第一种方法： var
阅读全文 »
发表于 2017-09-12 18:27阅读：235评论：0推荐：0
摘要：“&&”是逻辑与操作符，只有“&&”两边值同时满足(同时为真)，整个表达式值才为真。 b>a && b<c //“&&”是并且的意思, 读法"b大于a"并且" b小于c " ||"逻辑或操作符，相当于生活中的“或者”，当两个条件中有任一个条件满足，“逻辑或”的运算结果就为“真”。 "!"是逻辑非操作
阅读全文 »
发表于 2017-09-11 00:04阅读：269评论：0推荐：0
摘要：HTML 5 Web 存储： localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。在 HTML5 中，数据不是
阅读全文 »
发表于 2017-09-10 23:43阅读：187评论：0推荐：0
摘要：CSS3 边框： border-radius（倒圆角）box-shadow （盒子阴影）border-image （边界图片） CSS3 背景： background-size（属性规定背景图片的尺寸。）background-origin（属性规定背景图片的定位区域。背景图片可以放置于 conten
阅读全文 »
发表于 2017-09-10 23:03阅读：149评论：0推荐：0
摘要：
阅读全文 »
发表于 2017-09-10 23:01阅读：114评论：0推荐：0
摘要：
阅读全文 »
发表于 2017-09-10 22:59阅读：3423评论：0推荐：0
摘要：在 javascript 中，call 和 apply 都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部 this 的指向。 JavaScript 的一大特点是，函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」。 在 javascri
阅读全文 »
发表于 2017-09-10 19:41阅读：975评论：0推荐：0
摘要：join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。 arrayObject.join(separator)separator 可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。返回一个字符串。该字符串是通过把 arrayObject 的每个元素转
阅读全文 »
发表于 2017-09-10 19:26阅读：5488评论：2推荐：1
摘要：String：（字符串） indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 stringObject.indexOf(searchvalue,fromindex) searchvalue 必需。规定需检索的字符串值。 fromindex 可选的整数参数。规定在字符串中开始检
阅读全文 »
发表于 2017-09-09 19:25阅读：1822评论：0推荐：0
摘要：一句命令搞定全家桶： npm install vue-router vue-resource vuex --save main.js配置： import Vue from 'vue' import VueResource from 'vue-resource' import VueRouter fr
阅读全文 »
发表于 2017-09-08 22:38阅读：2274评论：0推荐：0
摘要：路由的过渡动画：让路由有过渡动画，需要在<router-view>标签的外部添加<transition>标签，标签还需要一个name属性。 css过渡类名：组件过渡过程中，会有四个CSS类名进行切换，这四个类名与transition的name属性有关，比如name=”fade”,会有如下四个CSS类
阅读全文 »
发表于 2017-09-08 22:15阅读：671评论：0推荐：0
摘要：vue-router是一个插件包，所以我们还是需要用npm/cnpm来进行安装的：npm/cnpm install vue-router --save-dev。 在路由的核心文件：src/router/index.js分析： router-link制作导航：导航链接，我们只要点击就可以实现页面内容的
阅读全文 »
发表于 2017-09-08 20:14阅读：330评论：0推荐：0
摘要：QQ登录 微信登录
阅读全文 »
发表于 2017-09-08 20:11阅读：768评论：0推荐：0
摘要：默认会被渲染成一个标签--> Home About ...
阅读全文 »
发表于 2017-09-08 15:36阅读：4214评论：0推荐：0
摘要：组件标签是Vue框架自定义的标签，它的用途就是可以动态绑定我们的组件，根据数据的不同更换不同的组件。
阅读全文 »
发表于 2017-09-08 15:08阅读：4458评论：0推荐：0
摘要：我们知道父组件是使用props传递数据给子组件，如果子组件要把数据传递回去，怎么办？ 那就是要自定义事件！使用v-on绑定自定义事件 每个Vue实例都实现了事件接口（Events interface）, 即 使用$on(eventName) 监听事件 $emit(eventName) 触发事件
阅读全文 »
发表于 2017-09-08 15:03阅读：4154评论：0推荐：0
摘要：动态prop： 静态prop：
阅读全文 »
发表于 2017-09-08 14:54阅读：533评论：0推荐：0
摘要：简单理解其实组件就是制作自定义的标签，这些标签在HTML中是没有的。 组件注册的是一个标签，而指令注册的是已有标签里的一个属性。在实际开发中我们还是用组件比较多，指令用的比较少。 全局注册： 局部注册：
阅读全文 »
发表于 2017-09-08 00:02阅读：385评论：0推荐：0
摘要：vue生命周期 {{a}} 我是内容二
阅读全文 »
发表于 2017-09-08 00:01阅读：225评论：0推荐：0
摘要：create 和 mounted 相关: beforecreated：el 和 data 并未初始化 created:完成了 data 数据的初始化，el没有 beforeMount：完成了 el 和 data 初始化 mounted ：完成挂载 dom元素已经加载到HTML中 destroy 相关
阅读全文 »
发表于 2017-09-07 23:51阅读：1135评论：0推荐：0
摘要：外部数据，就是不在Vue构造器里里的data处声明，而是在构造器外部声明，然后在data处引用就可以了。外部数据的加入让程序更加灵活，我们可以在外部获取任何想要的数据形式，然后让data引用。 在外部改变数据的三种方法： 1、用Vue.set改变 function add(){ Vue.set(ou
阅读全文 »
发表于 2017-09-07 23:34阅读：2988评论：0推荐：0
摘要：还可以通过HTML标签上的id或者class来生成扩展实例构造器，Vue.extend里的代码是一样的，只是在挂载的时候，我们用类似jquery的选择器的方法，来进行挂载就可以了。
阅读全文 »
发表于 2017-09-07 23:16阅读：13811评论：1推荐：1
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="vue2.2.js"></script> </head> <body> <div id="app"> <div v-lang="colo
阅读全文 »
发表于 2017-09-07 22:39阅读：491评论：0推荐：0
摘要：双向绑定原理：
阅读全文 »
发表于 2017-09-07 22:16阅读：4219评论：0推荐：0
摘要：在computed里新声明了一个对象sortItems，如果不重新声明会污染原来的数据源，这是Vue不允许的，所以你要重新声明一个对象。 如果不重新声明报错： V-for 案例 v-for指令用法 ...
阅读全文 »
发表于 2017-09-07 21:51阅读：562评论：0推荐：0
摘要：v-if： 判断是否加载，可以减轻服务器的压力，在需要时加载。 v-show：调整css dispaly属性，可以使客户端操作更加流畅。 v-if示例： v-show示例：
阅读全文 »
发表于 2017-09-06 18:05阅读：213评论：0推荐：0
摘要：是否可见 是否可见
阅读全文 »
发表于 2017-09-06 17:59阅读：253评论：0推荐：0
摘要：B函数，就是闭包。如果一个函数访问了它的外部变量，那么它就是一个闭包。 特性： 1、定义在一个函数内部的函数 2、能够读取其他函数内部变量的函数 3、可以将函数内部和函数外部连接起来 作用（用途）： 1、避免全局变量污染 2、匿名自执行函数 3、封装 4、实现类和继承 5、结果缓存
阅读全文 »
发表于 2017-09-06 17:35阅读：181评论：0推荐：0
摘要：1. 老祖宗的差别。link属于XHTML标签，而@import完全是CSS提供的一种方式。 link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。 2. 加载顺序的差别。当一个页面被加载的时候（就是被浏览者浏览的时候），l
阅读全文 »
发表于 2017-09-06 17:31阅读：278评论：0推荐：0
摘要：CSS的4种引入方式是：行内样式、内嵌样式、链接样式、导入样式 CSS有三大特性，分别是继承性，层叠性，优先级。 继承性是指指被包在内部的标签将拥有外部标签的样式性，即子元素可以继承父元素的属性 例如下面的代码，div中包含2个p标签，1个span标签，当给div设置字体颜色为红色时，他的子标签会继
阅读全文 »
发表于 2017-09-06 17:03阅读：238评论：0推荐：0
摘要：1.骆驼命名法:第一个字母要小写，后面的词的第一个字母就要用大写.如：#headerBlock 2.帕斯卡命名法:首字母要大写. 如：#HeaderBlock 3.匈牙利命名法:在名称前面加上一个或多个小写字母作为前缀. 如：#head_navigation头：header 内容：content/c
阅读全文 »
发表于 2017-09-06 16:48阅读：258评论：0推荐：0
摘要：html中的标签元素大体被分为三种不同的类型：块状元素、内联元素和内联块状元素。常用的块状元素有：<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>常用的内联元素有：<a>、<span>、<br>、<
阅读全文 »
发表于 2017-09-06 14:53阅读：717评论：0推荐：0
摘要：注:不要手动设置viewport，该方案自动帮你设置！！！ 代码原理 这是阿里团队的高清方案布局代码，所谓高清方案就是根据设备屏幕的DPR（设备像素比，又称DPPX，比如dpr=2时，表示1个CSS像素由4个物理像素点组成）** 动态设置 html 的font-size, 同时根据设备DPR调整页面
阅读全文 »
发表于 2017-09-06 14:35阅读：217评论：0推荐：0
摘要：如何使用？ 这是rem布局的核心代码，这段代码的大意是：如果页面的宽度超过了640px，那么页面中html的font-size恒为100px，否则，页面中html的font-size的大小为： 100 * (当前页面宽度 / 640) 于是，问题来了，为什么要这样？别急，我先来一一回答 为什么是64
阅读全文 »
发表于 2017-09-05 16:14阅读：239评论：0推荐：0
摘要：Margin(外边距) - 清除边框外的区域，外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域，内边距是透明的。Content(内容) - 盒子的内容，显示文本和图像 W3C 盒子模型的范围包括： margin、border、pa
阅读全文 »
发表于 2017-09-05 15:43阅读：345评论：0推荐：0
摘要：现代的浏览器都支持 HTML5。 此外，所有浏览器，包括旧的和最新的，对无法识别的元素会作为内联元素自动处理。 让旧版本的浏览器正确显示这些元素，你可以设置 CSS 的 display 属性值为 ： HTML5的新的元素兼容：html5shiv.js 引用代码必须放在 <head> 元素中，因为 I
阅读全文 »
发表于 2017-09-05 11:07阅读：635评论：0推荐：0
摘要：1、什么是HTTP 2.0 HTTP/2（超文本传输协议第2版，最初命名为HTTP 2.0），是HTTP协议的的第二个主要版本，使用于万维网。HTTP/2是HTTP协议自1999年HTTP 1.1发布后的首个更新，主要基于SPDY协议（是Google开发的基于TCP的应用层协议，用以最小化网络延迟，
阅读全文 »
发表于 2017-09-05 11:04阅读：529评论：0推荐：0
摘要：链接:http://caibaojian.com/http2.html来源:http://caibaojian.com http1.0和http1.1的缺点: 1.http1.0只允许在一个连接上建立当前未完成的请求 2.http1.1管道只部分处理了请求并发和包头堵塞问题，客户端多建立TCP连接，
阅读全文 »
发表于 2017-09-05 10:58阅读：249评论：0推荐：0
摘要：scheme - 定义因特网服务的类型。最常见的类型是 httphost - 定义域主机（http 的默认主机是 www）domain - 定义因特网域名，比如 runoob.comport - 定义主机上的端口号（http 的默认端口号是 80）path - 定义服务器上的路径（如果省略，则文档必
阅读全文 »
发表于 2017-09-04 20:47阅读：177评论：0推荐：0
摘要：浮动 ...
阅读全文 »
发表于 2017-09-04 20:41阅读：472评论：0推荐：0
摘要：
阅读全文 »
发表于 2017-09-04 20:39阅读：123评论：0推荐：0
摘要：
阅读全文 »
发表于 2017-09-04 20:38阅读：244评论：0推荐：0
摘要：弹窗 111111 11111 11111 11111 11111 11111 11111 11111 1111...
阅读全文 »
发表于 2017-09-04 20:34阅读：212评论：0推荐：0
摘要：移动h5自适应布局 动态更改html元素大小
阅读全文 »
发表于 2017-09-04 20:11阅读：318评论：0推荐：0
摘要：Title 海外酒店 团购 特惠酒店 客栈公寓 海外酒店 ...
阅读全文 »
发表于 2017-09-04 19:57阅读：155评论：0推荐：0
摘要：
阅读全文 »
发表于 2017-09-04 19:49阅读：525评论：0推荐：0
摘要：设置在容器上面的属性：flex-direction、flex-wrap、flex-flow、justify-content、align-items、align-content1、flex-direction: row | row-reverse | column | column-reverse;r
阅读全文 »
发表于 2017-09-04 15:49阅读：296评论：0推荐：0
摘要：声明文档使用的字符编码 <meta charset='utf-8'>优先使用 IE 最新版本和 Chrome <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><meta name="wap-font-scale" cont
阅读全文 »
发表于 2017-09-04 14:40阅读：145评论：0推荐：0
摘要：[Sass]普通变量与默认变量普通变量定义之后可以在全局范围内使用。 默认变量sass 的默认变量仅需要在值后面加上 !default 即可。sass 的默认变量一般是用来设置默认值，然后根据需求来覆盖的，覆盖的方式也很简单，只需要在默认变量之前重新声明下变量即可默认变量的价值在进行组件化开发的时候
阅读全文 »
发表于 2017-09-04 14:07阅读：132评论：0推荐：0
摘要：1、嵌套输出方式 nested Sass 提供了一种嵌套显示 CSS 文件的方式。例如 nav { ul { margin: 0; padding: 0; list-style: none; } li { display: inline-block; } a { display: block; pa
阅读全文 »
发表于 2017-09-04 13:51阅读：149评论：0推荐：0
摘要：sass -v 检测是否安装 Sass 成功 gem update sass 更新 Sass gem uninstall sass 删除/卸载 Sass 的编译有多种方法： 1.命令编译2.GUI工具编译3.自动化编译 命令编译是指使用你电脑中的命令终端，通过输入 Sass 指令来编译 Sass。这
阅读全文 »
发表于 2017-09-04 13:30阅读：178评论：0推荐：0
摘要：Sass 是采用 Ruby 语言编写的一款 CSS 预处理语言，它诞生于2007年，是最大的成熟的 CSS 预处理语言。 Sass 和 SCSS 其实是同一种东西，我们平时都称之为 Sass，两者之间不同之处有以下两点： 文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 SCSS 是以“
阅读全文 »
发表于 2017-09-01 20:00阅读：309评论：0推荐：0
摘要：.each只是处理jQuery对象的方法，jQuery还提供了一个通用的jQuery.each方法，用来处理对象和数组的遍历 jQuery/($).each(array, callback )jQuery/($).each( object, callback ) $.each(["say", "你好
阅读全文 »
发表于 2017-09-01 19:46阅读：171评论：0推荐：0
摘要：$(selector).hide(speed,callback);隐藏 $(selector).show(speed,callback);显示 $(selector).toggle(speed,callback);显示/隐藏 判断的是display true/false $(selector).fa
阅读全文 »
发表于 2017-09-01 18:48阅读：190评论：0推荐：0
摘要：jQuery提供了两个方法一个是click方法用于监听用户单击操作，另一个方法是dbclick方法用于监听用户双击操作。 click事件触发需要以下几点： click事件其实是由mousedown与mouseup 2个动作构成，所以点击的动作只有在松手后才触发。 dblclick事件触发需要以下几点
阅读全文 »
发表于 2017-09-01 17:43阅读：406评论：0推荐：0
摘要：DOM创建节点及节点属性 创建元素：document.createElement设置属性：setAttribute添加文本：innerHTML加入文档：appendChild append()前面是被插入的对象，后面是要在对象内插入的元素内容appendTo()前面是要插入的元素内容，而后面是被插入
阅读全文 »
发表于 2017-09-01 00:14阅读：713评论：0推荐：0
摘要：.css() 方法：获取元素样式属性的计算值或者设置元素的CSS属性 获取： 设置： 注意事项：
阅读全文 »
