aifangxian1740-CSDN博客

转载 Vue的v-model

学习了一段时间的vue，并尝试着做了几个小项目，在项目中发现了一个问题，就是在写组件的时候，遇到input框时，外部怎么实时取到组件内部input的值的问题。上网查了一下i，自己有也尝试了。首先先了解了v-model的真正的情况： <input type="text" v-model="val"> 等同于 <input type="text" :v...

2018-01-21 16:22:00 111

转载 css样式获取，style，currentStyle，getComputedStyle

对于css样式的获取问题，对于行内样式，我们可以用style来获取，但是对于内嵌和外部样式的话，style就心有余和力不足了。它是获取不到这些样式的此时就只有currentStyle和getComputedStyle上阵了。 currentStyle是只兼容各种IE的，但是不兼容火狐，谷歌的，而getComputeStyle的话是可以兼容火狐，谷歌，和IE9...

2017-11-04 17:25:00 166

转载数组内置的一些处理方法

在JS中个，数组是一个Array对象，有它自己内置的方法，今天来说一部分，可以去除循环，来实现对数组的遍历并且进行一定的操作 1.forEach 数组遍历方法，用在数组的遍历上，参数是一个回调函数，函数会传入数组的每一个数值，如果数组索引被修改了，那么遍历会继续沿着索引向下。例如： 1 var array = [1,2,3,4,5]; 2 array.forEach(func...

2017-09-28 20:19:00 110

转载跨浏览器之事件对象

所以浏览器都支持事件对象，但是支持的方式不同。用的比较多的属性就是：（1）阻止冒泡事件。（2）阻止默认事件。（3）get事件的目标。 1.DOM中的事件对象在DOM中，无论是在DOM0级还是DOM2级中，也不论什么方法，都会传入一个event对象。在DOM中，阻止冒泡事件用的是event下的stopPropagation（）方法。阻止默认事件用的是preventDe...

2017-09-17 13:45:00 99

转载跨浏览器之事件处理程序

上次说到了JS中事件处理程序在DOM0级和DOM2级和IE中是不同的，每个都有自己的添加和移除事件处理程序的形式。那要将这些差异进行统一化。避免这种差异。对于顺序问题，我们应该要先将最经常使用的放在最上面把兼容性最好的放在最下面，也就是实现向后兼容。 1 function addEvent(obj,type,handle){ 2 if(obj.addEventLi...

2017-09-17 13:09:00 95

转载 JavaScirpt中的事件处理程序

事件处理在JS中可谓是点睛一笔，JS的事件处理程序使得JS成为了网页交互层的第一把交椅。那么，JS中有几种事件处理程序呢？ 1.DOM0级事件处理程序通过JS指定事件处理程序的传统方式，就是将一个函数添加给一个对象的事件处理程序。这种方式为现代所有的浏览器所用。原因一是方便简单，原因二是可以实现跨浏览器。 1 var oA = document.getElements...

2017-09-16 20:25:00 124

转载幽灵按钮的实现

幽灵按钮是2014年开始出现的，在当时可是一种”新趋势“。目前大量应用于国外网站，国内相对少一些，但效果是令人十分舒服。现在或许有点过时了，但是对于我这种新手，用它来练练手还是不错的。那么先温故一下，什么是幽灵按钮幽灵按钮，也就是Ghost Buttons，是一个透明的按钮，通常是矩形或者圆角矩形，仅保留基本的形制，使用细线来标识边界；按钮内的文字通常使用纤细的非衬线体字...

2017-09-10 13:16:00 335

转载检测变量类型之typeof，instanceof，Object.prototype.toString

在JS中有时候是需要对一个变量进行检测的，检测到这个变量是什么类型之后，我们就可以做相应的处理。方法一typeof typeof方法主要用于基本类型的检测，在检测Boolean，number，undefined，string的时候非常好用。比如： 1 var test1= 1; 2 alert(typeof test1);//输出number 3 var test2 = ...

2017-09-07 14:04:00 104

转载学会自己查错--完善各种可能情况！

最近看了一篇文章（http://mp.weixin.qq.com/s/6X8peCZXUWrroVBMBD5eyg），说的是一个前端技术经理对大部分前端面试者的分类，他以一个简单的面试题举例：编写一个函数，用js，该函数有一个参数n（数字类型），其返回值是一个数组，该数组内是n个随机且不重复的整数，且整数取值范围是[2,32]。如果愿意，你们也可以停下来，先把这个函数编写出来。 ...

2017-09-06 18:45:00 88

转载 clear清除浮动最佳实践和BFC清除浮动

浮动的三个特点很重要。 1. 脱离文档流。 2. 向左/向右浮动直到遇到父元素或者别的浮动元素。 3. 浮动会导致父元素高度坍塌。那么clear清除浮动的最佳实践是什么呢？cleafix是最外层的div。请看如下代码： // 现代浏览器clearfix方案，不支持IE6/7 .clearfix:after { display: table; cont...

2017-09-05 16:19:00 157

转载 css居中方法

水平居中：(1) 文本、图片等行内元素的水平居中　　给父元素设置text-align:center可以实现文本、图片等行内元素的水平居中。 (2) 确定宽度的块级元素的水平居中　　通过设置margin-left:auto;和margin-right:auto;来实现的。 (3) 不确定宽度的块级元素的水平居中方法一: 将需要居中的部分包含在table标签内，对table设置...

2017-09-05 15:30:00 69

转载跨浏览器之创建和处理XML

XML在不同浏览器下的创建方式，解析成DOM方式和序列化方式都有很大的差异。主要区分的是 1.IE9.0之前版本中的XML 2.DOM2级核心下的XML 为了解决这种差异，编写了一个函数用以在任何浏览器下都能解析和序列化。首先建立一个函数，用以在IE9之前创建xml空文档： 1 //IE9.0之前的版本创建xml文档 2 function createXMLFr...

2017-09-04 16:12:00 116

转载跨浏览器之封装ajax

ajax是异步的javascript和XML，主要用于前端后端的数据传送。要封装一个ajax，使之能相应的平稳退化，第一步就是创建一个XHR（XMLHttpRequest）对象。以下代码是在各种浏览器下创建xhr对象： 1 //创建xhr对象，兼容各种浏览器 2 function createXHR(){ 3 if(typeof XMLHttpReques...

2017-09-04 10:53:00 84

转载 for in 和 in 的用法

1.For...In 声明用于对数组或者对象的属性（可枚举的，即包括实例中的属性，也包括原型中的可枚举属性）进行循环/迭代操作。对于数组，迭代出来的是数组元素，对于对象，迭代出来的是对象的属性； 1 for(var i=0,len=a.length;i<len;i++){ 2 alert(a[i]); 3 } 以上代码完全可以用for in代替： ...

2017-09-03 09:42:00 811

转载 DIVCSS的命名规范集合

DIV+CSS规范命名集合命名规则说明： 1）、所有的命名最好都小写 2）、属性的值一定要用双引号(“”)括起来，且一定要有值如class=”divcss5″,id=”divcss5″ 3）、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整 4）、空元素要有结束的tag或于开始的tag后加上”/” 5）、表现与结构完全分离，代码中不涉及任何的表现元素...

2017-09-02 10:34:00 84

转载 jquery对象和js对象的转化

jquery对象只能使用jqury方法，不能使用js的方法，相反的，js对象也只能使用js的方法，如果js对象使用了jquery方法，那么浏览器就会报错。但是在一些特定的时候，我们就需要对jquery对象使用js的方法，此时就要用到两者对象之间的转化。 jquery对象转化为js对象： 1 var person = $("div");//这是一个jquer对象 2 3 ...

2017-08-30 21:06:00 56

转载 jquery独特的选择器

最近开始学习jquery，发现jquery的强大真的不是一两句话就能概括的。jquery是一个用原生JS写出来的类库，它强调的理念是写得少，做的多。jquery独特的选择器、链式操作、事件处理机制和封装完善的Ajax都是其他类库望尘莫及的。要使用jquery的话，只需要在jquery.com官网下下载源代码，并且用<script></script>标签进行引用...

2017-08-29 15:37:00 78

转载纯JS实现像素逐渐显示

就是对于新手的我，以前从来没有做过对像素进行操作的实例。于是把资料书找了出来，实现了这个功能，比较简单，大神勿喷。下面是效果图，因为重在思路，效果就简陋一些。其实就是简单的用JS实现将左上角的矩形随时间图像逐渐显示在它的右下方。首先，先把思路架构起来，因为对像素操作，所以需要用到canvas。然后，我们需要画一个矩形，并且需要获取到它的每一个像素的值，即每...

2017-08-08 16:55:00 103

转载 css的选择器的优先级

css覆盖是在打代码的时候，开发者很普通很普通，也是很经常经常用到的，但是容易混淆他们之间的优先级。【】【】【】第一个是id，第二个是class，第三个是元素名。有一个就加一。比较这个三位数的大小，越大优先级越高。比如： .content div{} 这个选择器有一个class，一个元素标签，所以这三位数就是011；再比如： #content div{} 此时就是...

2017-08-01 21:27:00 84

转载 JS实现添加至购物车功能

效果图展示：当将书拖拽至购物车一览时：首先将页面的基本结构写出来： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>加入购物车功能</title&...

2017-07-29 11:23:00 1639

转载 HTML5——JSON的方法实现对象copy

JSON(JavaScriptObject Notation, JS 对象标记) 是一种轻量级的数据交换格式。它基于ECMAScript(w3c制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。 JSON键值对是用来保存 ...

2017-07-27 12:46:00 75