- 博客(18)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 js中易混淆知识点
1.nodeType，nodeValue，nodeNamenodeType用来返回节点类型，为了兼容IE，最好将nodeTyep属性与数字值进行比较，比较常用的节点判断见下表 1元素节点 2属性节点 3文本节点 8注释
2016-08-01 17:17:25
852
转载 js-事件代理
JS - 事件代理 如果你想给网页添加点JavaScript的交互性，也许你已经听过JavaScript的事件代理（event delegation），并且觉得这是那些发烧友级别的JavaScript程序员才会关心的什么费解的设计模式之一。事实上，如果你已经知道怎么添加JavaScript的事件处理器（event handler），实现事件代理也是件轻而易举的事情。
2016-07-28 15:37:02
400
转载 js实现继承
js继承有5种实现方式：1、继承第一种方式：对象冒充 function Parent(username){ this.username = username; this.hello = function(){ alert(this.username); } } function Child(username,password){
2016-07-27 11:47:41
294
原创 js中的this
编程语言中的this一直是变化莫测，让人捉摸不定，最后就被困住，沦陷了.....多么痛的领悟啊可是我们还是无法避开它，好吧，那就让我们把它细细地分析一番(知己知彼)吧。全局作用域，在浏览器中，window既是通过Javascript访问浏览器窗口的一个接口，也是ECMAScript中的Global对象，这就意味着在全局作用域中定义的变量，函数都会变成window的属性和方法，所以在全局中变量，
2016-07-26 21:05:55
400
原创 遇到的兼容性能问题
温故而知新是一种传统下来的好习惯，总结就是温故的一种沉淀的方式，所以，我就来总结一下这两天出现的的兼容性问题吧1.前缀第一种就是css中经常见的需要加前缀可以兼容各浏览器的样式，比如说transform,animation,gradient等等2.盒子模型盒子模型通包括content,padding,border,margin这几部分，但是在标准盒子模型和IE盒子模型中，在获取wi
2016-07-25 14:36:45
746
原创 滑动门效果
滑动门特效和手风琴效果有些相似，来实现一下这个效果吧，先介绍一下这个效果中涉及的需要了解的知识点。1堆叠方法：滑动门效果中，有堆叠效果布局，一说到堆叠布局，脑中马上蹦出来的两个方法，一个是z-index,另一个就是定位。实现：z-indx通过改变数值的大小，进行堆叠布局。 定位主要用到相对定位和绝对定位，所有的子元素相对于父元素进行定位，通过js或者css控制子元素的位置。
2016-07-24 17:58:05
1036
原创 前端模块化
前端中有几个需要深入理解的重要知识点，比如语义化，模块化，作用域，原型链，继承和面向对象等问题，今天我们先来整理下前端模块化问题。模块化是为了将实现特定功能的代码文件封装在一起，有了模块可以更方便地使用别人的代码，需要什么功能，加载什么模块。模块开发需要遵循一定的规范不然会乱套。1. 函数封装：function setAttribute( name, value){ }函数封装，将程序
2016-07-24 16:33:44
441
原创 canvas绘制2048游戏的背景
最近痴迷于canvas强大的画图功能，从一个五角星到一片星空，再到2048游戏的背景，这个绘图功能的确很是牛，但是需要些初中数学的基础，比如说今天涉及到的圆角矩形就需要了解三角函数，弧度和角度的转化诸如这样的知识，如果忘了，快去悄悄地补补这个就是最后的图形显示。首先我们先来分析一哈圆角矩形的绘制路径，看下图， 还原成一个矩形，就会有wi
2016-07-21 14:21:57
3518
1
原创 Canvas绘图
Canvas绘图做为H5的神奇而又高大上的之一存在，它给超文本标记语言的世界装扮了千万缕的色彩~_~，那么下面就来从绘制环境，绘制图像，绘制文本等方面来深入了解它吧。1.绘图环境在绘制之前，先需要在使用canvas元素，来指定绘图区域及大小,开始和结束标签中的内容是在浏览器不支持canvas时显示的内容。Your browser does not support canvas!通过
2016-07-19 15:23:04
626
原创 拖放事件原理及实现详解
移动端现在正是发展高潮期，一说到移动端就会想到的前端技术就是H5啦，它就像一种时尚潮流，now是它的主场，就任性地带着移动端头也不回地走向最高峰~最近再写一个简单的图片拖拽上传，所以就给大家说下这个拖拽。先分析一哈拖拽整个过程，方便大家理解哈，在拖拽某元素时，会依次触发以下事件：dragstartdragdragendps:在选中被拖动元素时，开始移动鼠标时，会触发drag
2016-07-18 19:12:56
3130
原创 js对象创建
众所周知，面向对象语言有一个标志，它就是类，在ECMAScript中没有类的概念，但这并不影响，类就相当于无序属性的集合，在这里我们可以将ECMAScript中的对象想象成散列表。js中的面向对象程序设计中的创建对象部分有很多模式，比较抽象难理解，在这里根据课本和查阅的资料来总结一哈，希望也可以帮到你们先来介绍一下几种模式： 1.工厂模式：它就比较普遍了，就是简单的写个js函数，并进
2016-04-22 14:31:09
419
原创 css3盒布局
自适应布局这些在css3还么有出现的时候需要用比较复杂的代码来实现，然而现在用两行代码就可以轻松搞定，是不是棒棒！css3里的盒布局可以帮我们轻松布局，来看哈吧~开启盒布局模式兼容版：display:box;//目前还没有浏览器支持boxdisplay:-moz-box;//兼容gecko内核display:-webkit-box;//兼容webkit内核简单介
2016-04-19 21:19:42
505
原创 css选择器
写网页样式中，css选择器是必不可少的，用着用着会有些混淆所以来把它们进行归类总结一哈css选择器总得来说分为四种，即行内样式，id选择器，类选择器、属性选择器和伪类选择器，元素和伪元素，必须强调的一点是它们是有优先级的，这就会使得当使用不同类型的多个选择器时，优先级高的会覆盖掉优先级低的；当使用相同类型的多个选择器时，后面的样式会覆盖前面的样式。先来介绍一哈优先级：行内样式优先级最高
2016-03-03 21:16:14
555
原创 隐藏div的几种常见方法
面试的时候被问了有几种方法实现让一个div隐藏，被面的时候脑子一片空白，现在稍微冷静地研究了一番，来总结一下吧! 1.display:none; 2.visibility:hidden; 3.background-color:transparent;或者设成与背景一样的颜色即可 4.opacity来设置不透明级别，注意兼容性filter… 5.给div一个margin负值，这个负值恰好等于
2016-03-02 22:20:06
59084
原创 数据类型
今天分享一下js中的数据类型，其中有5种基本数据类型包括Udefined,Null,Number,String,Boolean和一种复杂数据类型Object。 先来说下Number类型：Number类型 <1> 声明变量： 它可以表示整数和浮点数，(存储浮点数的内存是保存整数的两倍)。 如果是整数，在它的声明并且初始化需要注意，如果
2016-01-24 17:07:26
685
原创 关于js中“两个等号”和“三个等号”
学习js不久，今天突然发现了一个以前学习的时候未注意到的问题，就是“两个等号”和“三个等号”的问题。例如：var a = 9;var b = 9;alert(a == b);alert(a === b);此时alert的值肯定是true，不管是全等还是恒等，原因应该也很简单吧，只是定义两个变量，并赋值，是相同类型，并且值也相等。可是当a和b都同时给赋个数组的时候就一定是fa
2015-10-21 23:57:07
3375
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人