- 博客(55)
- 收藏
- 关注
RSS订阅原创 实现一个函数clone,可以对javascript中的5种主要的数据类型进行值复制
var clone = function (type) { var o; var typeA = typeof type; switch (typeA){ case 'string': o = typeA+''; break; case 'number': o = typeA-0; ...
2018-10-16 23:07:08
2370
转载 js 阻止事件冒泡
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><title&a
2018-10-15 22:28:11
202
转载 三言两语之js事件、事件流以及target、currentTarget、this那些事
放假前再看某文档，里边提到两个我既熟悉又陌生的概念target、currentTarget，说他熟悉我曾经看到过这两个事件对象的异同处，说他陌生吧？很不巧。正要运用了，吾才发现吾压根就没记住。。。其实要讲清楚target、currentTarget，我们就不得不说一下事件流这个概念，而要言明事件流，我们也要晓得一下神马是事件以及一些周边生态概念，这三个概念是必须放在一块说，我们才能对能对这部分的知...
2018-10-15 22:23:59
182
转载 js防抖和节流
针对一些会频繁触发的事件如scroll、resize，如果正常绑定事件处理函数的话，有可能在很短的时间内多次连续触发事件，十分影响性能因此针对这类事件要进行防抖动或者节流处理防抖动它的做法是限制下次函数调用之前必须等待的时间间隔。正确实现 debouncing 的方法是将若干个函数调用合成 一次，并在给定时间过去之后仅被调用一次。var debounce = function(h...
2018-10-15 21:20:00
110
转载 js的事件委托或是事件代理详解
概述：那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件委托基本上都用了同一个例子，就是取快递来解释这个现象，我仔细揣摩了一下，这个例子还真是恰当，我就不去想别的例子来解释了，借花献佛，我摘过来，大家认真领会一下事件委托到底是一个什么原理：...
2018-10-14 19:54:53
137
原创 关于CSS的过渡模块
过渡三要素1.1 必须要有属性发生变化1.2 必须告诉系统哪个属性需要执行过渡效果1.3 必须告诉系统过渡效果持续时长 *{ margin: 0; padding: 0; } div{ width: 100px; height: 50px;
2017-03-16 10:03:00
390
原创 a标签的伪类选择器
什么是a标签的伪类选择器?a标签的伪类选择器是专门用来修改a标签不同状态的样式的 a:link{ color: tomato; } a:visited{ color: green; } a:hover{
2017-03-15 17:02:55
594
转载 CSS-定位流
定位相对定位什么是相对定位? 对定位就是相对于自己以前在标准流中的位置来移动格式:position: relative;示例程序 *{ margin: 0; padding: 0; } div{ width:
2017-03-15 14:16:00
598
转载 CSS清除浮动
清除浮动盒子高度问题在标准流中内容的高度可以撑起盒子的高度div{ border: 1px solid #00}p{width:200px;height:100px;background-color: blue;}在浮动流中浮动元素内容的
2017-03-15 11:22:09
348
转载 CSS浮动
网页的布局方式什么是网页的布局方式?网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的标准流(文档流/普通流)排版方式其实浏览器默认的排版方式就是标准流的排版方式在CSS中将元素分为三类, 分别是块级元素/行内元素/行内块级元素在标准流中有两种排版方式, 一种是垂直排版, 一种是水平排版垂直排版, 如果元素是
2017-03-14 17:50:42
346
转载 盒模型
盒模型边框属性什么边框?边框就是环绕在标签宽度和高度周围的线条边框属性的格式连写(同时设置四条边)border: 边框的宽度 边框的样式 边框的颜色;示例代码 .box{ width: 100px; height: 100px; b
2017-03-14 17:02:11
294
转载 背景和精灵图
背景相关属性背景颜色如何设置标签的背景颜色?在CSS中可以通过background-color:属性设置标签的背景颜色取值:具体单词rgbrgba十六进制div{width:100px;height:50px;}.box1{background-color: red;}.box2{
2017-03-14 16:20:55
1039
转载 元素显示模式
Div和Span标签什么是div?作用: 一般用于配合css完成网页的基本布局 .header{ width: 980px; height: 100px; background: red; margin: auto; margin-bottom:
2017-03-14 15:39:54
342
转载 CSS三大特性
本帖最后由 极客江南 于 2016-10-4 18:00 编辑 CSS三大特性继承性什么是继承性?作用: 给父元素设置一些属性, 子元素也可以使用, 这个我们就称之为继承性示例代码: div{ color: red; }
2017-03-14 14:08:03
392
转载 CSS选择器
CSS选择器标签选择器什么是标签选择器?作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然后设置属性格式:标签名称{ 属性:值;}注意点:标签选择器选中的是当前界面中所有的标签, 而不能单独选中某一个标签标签选择器无论标签藏得多深都能选中id选择器什么
2017-03-14 11:54:51
391
转载 CSS常见属性
CSS常见属性文字属性font-style作用: 规定文字样式格式: font-style: italic;取值:normal ： 正常的， 默认就是正常的italic : 倾斜的快捷键:fs font-style: italic;fsn font-style: normal;CSS常见属性
2017-03-13 18:05:01
404
转载 CSS初体验
CSS起源web的衰落：在web早期（1990-1993）,html是一个很局限的语言。几乎完全由用于描述段落，超链接，列表和标题的结构化元素组成。随着万维网的出现（用户交互体验的加强），对html的要求越来越大，人们迫切需要html增加新的元素，去完成一个特定的功能迫于压力，html开始出现， , 等标签。但是html是一种描述结构的语言，也开始描
2017-03-13 17:11:08
325
转载 HTML5-媒体标签
video标签作用: 播放视频格式1: src="">video标签的属性src: 告诉video标签需要播放的视频地址autoplay: 告诉video标签是否需要自动播放视频controls: 告诉video标签是否需要显示控制条poster: 告诉video标签视频没有播放之前显示的占位图片loop: 告诉video标签循环播放视频. 一般
2017-03-13 16:56:17
4348
转载 HTML5-表单
表单(form)作用: 用于收集用户信息, 让用户填写、选择相关信息格式: 所有的表单内容，都要写在form标签里面注意事项:所有的表单内容，都要写在form标签里面form标签中有两个比较重要的属性action和method, action表单提交的地址 method 表单提交的方式(post/get)input标签如果说td
2017-03-13 15:41:31
302
转载 HTML5-表格标签
表格在过去表格标签用的非常非常的多, 绝大多数的网站都是使用表格标签来制作的, 也就是说表格标签是一个时代的代表http://2004.sina.com.cn作用:以表格形式将数据显示出来, 当数据量非常大的时候, 表格这种展现形式被认为是最为清晰的一种展现形式格式:table定义表格tr定义行td定义单元格素(一共有多少列)--> 表
2017-03-13 14:04:48
4612
转载 HTML5-列表标签
列表标签无序列表(unordered list)作用: 给一堆内容添加无序列表语义(一个没有先后顺序整体), 列表中的条目是不分先后格式:li 英文是 list item, 翻译为列表项选择居住城市(CN) 北京 上海 广州 铁岭ul应用场景:导航条商品列表等新闻列表注意事项:这里指的无序是
2017-03-13 10:52:08
653
转载 HTML5-基础标签
基础标签学习H系列标签(Header 1~Header 6)作用:用于给文本添加标题语义格式:xxxxxx注意点:H标签是用来给文本添加标题语义的, 而不是用来修改文本的样式的H标签一共有6个, 从H1~H6, 最多就只能到6, 超过6则无效被H系列标签包裹的内容会独占一行在H系列的标签中, H1最大, H6最小在企业开发
2017-03-13 09:53:49
382
转载 认识HTML5
什么是HTMLHTML其实是HyperText Markup Language的缩写, 超文本标记语言HTML的作用 -- 专门用来给文本添加语义，而不是修改样式，样式的修改，只能用css1.首先利用记事本保存了一个标题和两段描述, 然后修改纯文本文件的扩展名为.html, 然后再利用浏览器打开郑伊健郑伊健，1967年10月4日出生于中国香港，籍贯广东恩平，香港影
2017-03-11 18:02:55
519
转载 HTML5基础知识
什么是浏览器浏览器是安装在电脑里面的一个软件， 能够让将网页内容呈现给用户查看，并让用户与网页交互的一种软件。 就好比QQ一样都是安装在电脑里面的一个软件， 只不过功能不同而已常见主流浏览器不同的浏览器有不同的浏览器内核， 浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容，从而导致了浏览器兼容性问题出现
2017-03-11 17:32:02
265
转载 自定义ionic插件
自定义ionic插件1.环境配置Node.js的安装，ionic的安装这里不再赘述，默认大家都安装配置好了环境。1.1. 安装plugman新建插件,终端输入npm install -g plugman安装时如果出现Error: EACCES: permission denied，说明没有权限，只需要在命令前面加上 sudo npm install -g plugman
2017-02-10 15:48:39
2468
转载 css3之box-shadow
text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及，这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径
2016-09-05 17:45:02
199
转载 z-index详解
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 层级关系的比较1. 对于同级元素，默认(或position:static)情况下文档流后面的元素会覆盖前面的。2. 对于同级元素，position不为static且z-index存在的情况下z-index大的元素会覆盖z-index小的元素，即z-index越
2016-08-26 13:55:27
597
原创 mac下安装ionic
安装工具1、安装node.js2、安装cordovasudo npm install -g cordova3、安装ionic$ sudo npm install -g ionic创建工程现在,我们需要使用Cordova创建一个新的项目:$ ionic start
2016-08-24 14:34:54
226
转载 AngularJs angular.Module模块接口配置
angular.ModuleAngular模块配置接口。方法：provider(name,providerType);name：服务名称。providerType：创建一个服务的实例的构造函数。factory(name,providerFunction);name：服务名称。providerFunction：创建服务的实例的函数。service(name,con
2016-08-24 10:48:46
1309
转载 AngularJs $cacheFactory 缓存服务
可能之前的api写的有些枯燥吧，因为不烧脑，不需要很多逻辑思维来做处理，那么之后的文章会有趣很多，慢慢的开始烧脑了，准备好大量脑细胞的死亡吧~ 先来篇简单的缓存服务。本文将api文档里的$cacheFactory和 $cacheFactory.Cache 放到一起学习，其实就差不多的东西。$cacheFoctory用于生成一个用来存储缓存对象的服务，并且提供对对象的访问。$ca
2016-08-24 10:36:25
2996
转载 AngularJs ngInclude、ngTransclude
这两个都是HTML DOM嵌入指令ngInclude读取，编译和插入外部的HTML片段。格式：ng-include=“value” class=”ng-include:value”value：string类型 模板id或者模板urlex：表达式，载入的时候执行。autoscroll：页面载入后，当ngInclude需要调用$anchorScroll移动到指定位置的时候使
2016-08-24 10:00:23
355
转载 AngularJs ngIf、ngSwitch、ngHide/ngShow
在组合这些ng指令写到一篇文章里的时候，基本是有规则的，本兽会将功能相似相近的一类整合到一篇文章，方便理解和记忆。这篇的三个指令也都是对DOM元素的操作，页面上显示/隐藏的判断，添加/移除的判断。ngIfngIf指令会根据指定的表达式返回的boolean类型值对该元素做添加到/移除出Dom树的操作。格式：ng-if=“value”value：表达式 返回结果为boolean类
2016-08-24 09:44:38
887
转载 AngularJs ngReadonly、ngSelected、ngDisabled
ngReadonly该指令将input，textarea等文本输入设置为只读。HTML规范不允许浏览器保存类似readonly的布尔值属性。如果我们将一个Angular的插入值表达式转换为这样的属性，那么当浏览器删除该属性时，绑定信息就会丢失。这个指令不被浏览器删除，并且提供了一个永久性的可靠的地方来存储绑定信息。格式：ng-readonly=“value”value：表达式
2016-08-23 21:58:41
1047
转载 AngularJs ngList、ngRepeat、ngModelOptions
ngList在文本输入的分隔的字符串和字符串数组间做转换，可以是一个固定的字符串分隔符（默认逗号）或正则表达式。格式：ng-list=”value”value：表达式 通过这个值分隔字符串。使用代码： div ng-app="Demo" ng-controller="testCtrl as ctrl"> input ng-model="ctrl.list" n
2016-08-23 21:13:01
644
转载 AngularJs ngHref、ngSrc、ngCopy/ngCut/ngPaste
ngHref在Angular程序没完成改变链接上用{{hash}}方式绑定的href值的时候，当用户点击该链接会跳到一个错误的页面。格式：ng-href=”value”value：表达式。使用代码： a ng-href="http://www.xxxxx.com">点击进入xxxxx网站a>如果href绑定的url是动态绑定（从就是代码中绑定到view），使用的是
2016-08-23 17:03:58
615
转载 AngularJs ngClass、ngClassEven、ngClassOdd、ngStyle
这几个都关于样式及类名修改的，所以先把样式代码贴上吧。 .red{color:red} .blue{color:blue}写案例用到的样式就这么简单的两个，下面进入正题。ngClassngClass指令允许在HTML标签上通过绑定一个代表所有将被添加的类的表达式去动态的设定CSS类名。该指令操作有三种不同的方式，根据三种类型的表达式计算结果为：
2016-08-23 16:00:21
541
原创 AngularJs ngChange、ngChecked、ngClick、ngDblclick
ngChange当用户更改输入时，执行给定的表达式。表达式是立即进行执行的，这个和javascript的onChange事件的只有在触发事件的变化结束的时候执行不同。格式：ng-change=”value”value: 表达式。使用代码： div ng-app="Demo" ng-controller="testCtrl as ctrl"> i
2016-08-23 15:16:03
382
转载 AngularJs ngApp、ngBind、ngBindHtml、ngNonBindable
ngApp使用这个指令自动启动一个AngularJS应用。ngApp指令指定了应用程序的根节点，通常会将ngApp放置在网页的根节点如或标签的。格式：ng-app=”value”value：当前应用程序模块的名称。使用代码： div ng-app="starer">div>需要注意的是：1.3版本以前的是可以不设置值的，1.3只后就是必需的了，
2016-08-23 15:09:52
443
原创 关于angular.copy extend 和merge的理解
Copyangular.copy is a deep copy.var o1 = { name: 'David', age: 26, skill: {} };var o2 = angular.copy(o1);console.log(o2);// Output: { name: 'David', age: 26, skill: {} }console.log(o1 === o2);/
2016-08-23 14:28:16
1217
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人