qq_35574915的博客

转载 vue-cli是什么？

vue-cli是什么？vue-cli 是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，分为vue init webpack-simple 项目名 和vue init webpack 项目名 两种。当然首先你的安装vue，webpack，node等一些必要的环境生成项目1，打开控制台，定位到你需要生成项目的路径，如E盘：2，输入命令 v

转载 CSS3—animation参数

转自：http://www.tangbc.com/blog/#frontends/215CSS3新增了一个令人心动的属性：animation，尽管利用animation做出来的动画没有flash或者javascript做出的动画流畅绚丽，但是从代码量和浏览器性能上有着明显的优点。animation基本用法是：animation: name keeping-time animat

原创 一个DOM产生箭头

.triangle1{width:10px;height: 10px;border:1px solid black;border-top:none;border-right: none;transform: rotate(45deg);-ms-transform:rotate(45deg);  /* IE*/-moz-transform:rotate(45px)

转载 Javascript深拷贝对象

js深拷贝和浅拷贝 转自：http://www.cnblogs.com/yichengbo/archive/2014/07/10/3835882.html一、数组的深浅拷贝在使用JavaScript对数组进行操作的时候，我们经常需要将数组进行备份，事实证明如果只是简单的将它赋予其他变量，那么我们只要更改其中的任何一个，然后其他的也会跟着改变，这就导致了问题的发生。var a

转载 CSS—表格出现滚动条

overflow: visible; hiddenscroll;auto;inherit;来自：http://www.w3school.com.cn/cssref/pr_pos_overflow.aspTable显示滚动条Table显示滚动条，要先把table放到一个div中，div的长度和宽度要固定，控制overflow属性为scroll

转载 jQuery方法区别(二)position()与offset()区别

在写菜单随页面滚动选中的功能时候，用到了jQuery的offset().top和jQuery.position().top，查了一下：使用jQuery获取元素位置时，我们会使用position()或offset()方法，两个方法都返回一个包含两个属性的对象－左边距和上边距，它们两个的不同点在于位置的相对点不同。可以看看下边的图：从图中我们可以大体看出两者的区别。

转载 CSS3—nth-child()和nth-of-type()

CSS3選擇器「:nth-child()」與「:nth-of-type()」用法大不同CSS, CSS3, 網頁設計 | 2014/07/17　　雖然說目前CSS3還沒正式的標準化，但新的屬性已為網頁帶來許多的便利，像是大家所熟悉的圓角框、陰影、漸層、多欄位....，甚至目前正夯的RWD自適應，這些都是需要使用到CSS3，除此之外CSS3還提供了許多的選擇器可使

转载 jQuery选择器大全

选择器是jQuery最基础的东西，本文中列举的选择器基本上囊括了所有的jQuery选择器，也许各位通过这篇文章能够加深对jQuery选择器的理解，它们本身用法就非常简单，我更希望的是它能够提升个人编写jQuery代码的效...   选择器是jQuery最基础的东西，本文中列举的选择器基本上囊括了所有的jQuery选择器，也许各位通过这篇文章能够加深对jQuery选择器的理解

转载 纯CSS重构table表格使之响应式适应移动端

由于手机屏幕空间有限，太大的表格很难友好显示，本文介绍一种使用纯CSS实现响应式表格的方法，可以比较完美的在手机端显示。在屏幕空间充足的情况下，我们可以将表格的每列都完全显式在屏幕上，但在手机下，每列内容会拥挤不堪，甚至出现横向滚动条，用户快速了解每条项目基本情况的效率会大打折扣。一种优化方法是：使用media

转载 cookie和localStorage的区别

cookie和localStorage的区别：最重要的区别就是每一次请求都会带有cookie，占用带宽。http://devilswrwr.blog.163.com/blog/static/6583867020124822919358/

原创 纯CSS保证两个DIV高度一样

对我逝去的几场面试，抱有缺憾，只能更加努力准备。要有梦想，一定可以找到，加油！两个并列的div设置他们高度相等：    pdjdnnnnnnnnnnpdjdnnnnnnnnnnpdjdnnnnnnnnnnpdjdnnnnnnnnnn        right    css:.wrap{overflow:hidden;}.left{widt

原创 CSS—实现页面的水平垂直居中，只是页面

面试被问到居中的问题，当时说了一下，被泼了很大一盆冷水，面试官竟然很不屑听见我的回答。有点气愤，只是面试而已，何必为难我呢？1.实现水平居中 margin:0 auto;.wrap{width:200px;height:200px;margin:0 auto;}2.实现页面的水平垂直居中.wrap{width:300px;height:200px;position:abso

原创 jQuery中的Ajax

jQuery中的Ajax最底层方法：$.ajax()第2层方法：load() $.get() $.post()第3层方法：$.getScript()和$.getJSON()（1）$(selector).load(URL,data,callback);load()方法从服务器加载数据，并把返回的数据放入到被选元素中。含有data就是post请求，没有data则是get

原创 原生Ajax技术基础是XmlHttpRequest

原生Ajax技术基础是XmlHttpRequest（1）创建xhrvar xhr=new XmlHttpRequest()||new ActiveXObject('Microsoft.XMLHTTP');(2)xhr.open('GET','http://www.baidu.com/',true);参数1：什么方式请求 GET还是POST参数2：URL参数3：是否同步(

原创 实现一个自定义的下拉框（select）如何实现

#result{width:152px;}#showDiv{display: none;border:1px solid black;width:150px;}#showDiv ul{padding-top:0px;padding-left:0px;}#showDiv ul li{list-style: none;margin-top:0px;margin-left: 0p

原创 CSS—display取值

display取值：inline block inline-block比较(1)inline 内联元素，不会占据一整行。(2)block  块级元素，会占据一整行(3)inline-block 行内块级元素，不会占据一整行，但是可以对该元素添加宽度，高度等。

原创 数据结构

数据结构(1)集合(2)线性结构 线性表、栈、队列、数组、广义表(3)树形结构 二叉树(4)图结构 数据结构在计算机中的表示为存储结构存储结构 顺序存储结构、链式存储结构主要区别：(1)链表存储结构的内存地址不一定是连续的，但是顺序存储结构的内存地址一定是连续的(2)链式存储适用于在较频繁地插入、删除、更新元素时，而顺序存储结构适用于频繁查询时使用。

原创 通信

两台电脑可以根据 IP/端口/协议 进行通信。TCP/IP四层模型(5)应用层 http 超文本传输协议(4)传输层 TCP、IP协议(3)网络层(2)数据链路(1)物理SocketSocket通信包括TCP/UDP两种。(1)TCP是面向连接的、可靠的、有序的。(2)UDP是无连接的、不可靠的、无序的，速度快。

原创 cookie和session的区别：

cookie和session的区别：(1)cookie是http协议规定的，是服务器创建保存在浏览器的数据；大小不能超过4kb,数量不能超过20个。使用场景：保存用户名/浏览过的商品(2)session服务器机制，一次回话（用户发送请求到浏览器关闭）。保存在服务器端。登陆信息可以保存在session中。

原创 Javascript—二分查找

二分查找适用于已经排好顺序的数组：var findOut=function(array,start,end,search){if(startvar tmpM=Math.floor((start+end)/2);var tValue=array[tmpM];if(tValue==search){return tmpM;}else if(tValue>search){v

原创 Jquery—入门一

1.window.onload=function(){}必须等待网页中所有的内容加载完毕后（包括图片）才能执行$(document).ready(function(){});可以简写成$(function(){});网页中所有DOM结构绘制完毕后就执行，可能DOM元素关联的东西并没有加载完；2.DOM对象和jQuery对象互转var dom1= DOM对象;var $dom

原创 Html—几个神奇的概念

(1)children/childNodeschildren只返回html节点，不返回文本节点；（更实用）childNodes返回指定元素的子元素集合，包括html节点，所有属性，文本。详细分析：http://www.cnblogs.com/snandy/archive/2011/03/11/1980085.html(2)innerHtml和innerText文本inner

原创 http enter以后发生了什么？

参考书：http://blog.sina.com.cn/s/blog_3fe961ae0102uxuv.htmlhttp://www.cnblogs.com/hoobey/p/5197361.htmlhttp://blog.youkuaiyun.com/baidu_26783381/article/details/51135447自己总结：输入网址，按enter发生了什么？

原创 javascript版本的排序算法

// 冒泡排序var sortByBubble=function(array){for(var i=0,length=array.length;ifor(var j=i+1;jif(array[i]>array[j]){var tmp=array[i];array[i]=array[j];array[j]=tmp;}}}}// 快速排序var

原创 Javascript—事件流

事件流一、IE的事件流成为事件冒泡；与之相对的还有事件捕捉。二、事件绑定的三种方式1）html事件处理2)DOM0级事件var btn=document.getElementById('mybtn');btn.onclick=function(){}3)DOM2级事件非IE btn.addEventListener('click',funct

原创 浏览器兼容问题总结

html js csshtml一般是旧的浏览器版本不兼容新的浏览器的新特性；js 中事件流DOM2级事件，1）非IE浏览器添加事件 dom.addEventListener('click',function(){},true) dom.removeEventListener()    IE浏览器添加事件 dom.attachEvent('onclick',function(){})

原创 Javascript—splice

1.数组创建方法var array=new Array();var array=new Array(3);var array=new Array(2,'ed','qw');var array=[];var array=[2,'er','fg'，'ed','qw'];2.slice(start,end)方法与String的slice()方法一样start表示截取数组的开始

原创 Javascript—substring/slice/substr

1.slice(start,end)第一个参数表示字符串开始的位置，第二个参数表示字符串结束的位置（不包括该位置上的字符）；参数为负数时，用字符串长度加上该负数转为正数；如果第一个参数大于第二个参数，返回空字符串。2.substring(start,end)开始位置为start end中较小的那个，结束的位置（不包括该位置上的字符）为start end中较大的；start

原创 Javascript—XHR/AJAX/跨域

1. XHR 是XMLHttpRequest简写，是实现AJAX的一种方式。具体学习发展历程：http://www.cnblogs.com/gaojun/archive/2012/08/11/2633891.htmlW3C学习实例：http://www.w3school.com.cn/xml/xml_http.asp2.AJAX stands for Asynchronous Java

转载 表单序列化

https://rotate720deg.github.io/2016/09/29/%E8%A1%A8%E5%8D%95%E5%BA%8F%E5%88%97%E5%8C%96/

原创 Javascript—实现fadeIn fadeout slide

#main1 {margin: 20px auto;width: 200px;background-color: #6c9;overflow: hidden;}淡出淡入滑入不错的样例function myFadeOut(){var main1=document.getElementById('main1');var i=100

原创 Javascript—获取元素ele的位置（x,y）

function getPosition(e){var x,y=0;while(e!=null){  x += e.offsetLeft;  y +=e.offsetTop;  e=e.offsetParent;}return {x:x,y:y};}

原创 CSS—左边固定，右边自适应

left  right// 左边浮动，右边margin-left#left{float:left;width:200px;background-color:red;}#right{background-color:green;margin-left: 200px;}

原创 Jquery—创建表格

var table=$('');for(var i=0;ivar tr=$('');tr.appendTo(table);for(var j=0;jvar td=$(''+j+'');tr.append(td);}}$('body').append(table);很多新手朋友们对append和appendTo的区别以及js中的appendChild用

原创 Html—盒子模型

标准盒子模型和IE盒子模型的区别是width的区别，http://byevil.com/2015/12/08/box-model-and-box-sizing/

原创 javascript—判断对象是不是Array

不正确：tmpArray instanceof Array正确： Object.prototype.toString.call(tmpArray)==='[object Array]'原因：http://www.nowamagic.net/librarys/veda/detail/1250

原创 CSS—页面添加

1. 内联式：即直接加在标签上的样式，如 2. 导入样式：@import url("css/style.css")3. 嵌入式：即用.classname{width:200px;}标签括起来写在页面中的样式4. 外部引用：即将样式单独放在一个文件中，然后用link标签引入页面的形式：

原创 IndexDB/Cookie/url/Session/post/local Storage/

1. IndexDB 是HTML5的本地存储，把一些数据存储到浏览器（客户端）中，当与网络断开时，可以从浏览器中读取数据，用来做一些离线应用。2. Cookie通过在客户端（浏览器）记录信息确定用户身份，最大为4kb3. url 参数用的是get方法，从服务器上获取数据，大小不能大于2kb4.Session是服务器端使用的一种记录客户端状态的机制5. post是向服务器发送数据，数

原创 Html——自闭合标签

转载 javascript各种类型数据在表达式中转换成布尔型值的规则总结

http://blog.youkuaiyun.com/one_and_only4711/article/details/6281581