- 博客(27)
- 收藏
- 关注
RSS订阅转载 W3C/JQuery中stopImmediatePropagation和stopPropagation的区别
W3C的DOM-Level-3标准中，event事件对象有stopPropagation和stopImmediatePropagation这2个函数。DOM3中Event标准:http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html。JQuery我用的是2.1.1和1.10.2，也支持这2个标...
2018-05-20 21:19:59
286
原创 JavaScript中关于HTML属性及其值的操作
其一；可直接用.获取的属性为：ID classname type name value onclick等事件 这种属性可以直接用=号赋值来改变值其二；.attributes[123]来获用nodename/nodetype/nodevalue取改变值或者用。getAtribute（“属性”）来获取值注意注意注意注意此方法不能改变属性值。改变属性值用setAttribute（“属性...
2018-05-19 19:12:42
1375
转载 call apply
本身不难理解，看下MDN就知道了，但是不常用，遇到了，还要脑回路回转下。或者时间长了，还是要确定下去看下文档，为了方便记忆：猫吃鱼，狗吃肉，奥特曼打小怪兽。有天狗想吃鱼了猫.吃鱼.call(狗，鱼)狗就吃到鱼了猫成精了，想打怪兽奥特曼.打小怪兽.call(猫，小怪兽)就这样记住了。bind需要调用使用与call相同作者：寇云链接：https://www.zhihu.com/question/202...
2018-05-17 23:11:17
257
原创 javascript 中event.target与r的区别
两者区别其实很是简单。event.target指的是人操作的元素如点击事件中鼠标点击的元素。event.currentTarget则是真正发生事件的元素。两者之间可相等。亦不等。当事件绑定与元素是同一个元素则相等。委托事件中两者相等否要看人点击了那个元素。首先本质区别是：event.target返回触发事件的元素event.currentTarget返回绑定事件的元素与this应该相同个人认为...
2018-05-17 15:54:43
212
转载 css垂直居中
第一种：inline 元素inline 元素的等内边距，上下两边的内边距相等，则中间内容居中，demo 传送门：http://codepen.io/StevenYuysy/pen/grqPvj<img src="https://pic1.zhimg.com/50/1089bd28a59bfffdb09aeaf1c3d43e8c_hd.jpg&...
2018-05-16 19:33:03
165
转载 css继承
一、无继承性的属性1、display：规定元素应该生成的框的类型2、文本属性：vertical-align：垂直文本对齐text-decoration：规定添加到文本的装饰text-shadow：文本阴影效果white-space：空白符的处理unicode-bidi：设置文本的方向3、盒子模型的属性：width、height、margin 、margin-top、margin-right、mar...
2018-05-16 18:50:10
138
转载 css 图形集锦
Square#square { width: 100px; height: 100px; background: red;}Rectangle#rectangle{ width: 200px; height: 100px; background: red;}Circle#circle { width: 100px; height: 100px; ...
2018-05-16 18:48:52
171
转载 事件流 捕获 冒泡 事件委托
事件流 JavaScript与HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器来预订事件，以便事件发生时执行相应的代码。 事件流的起源：就是在浏览器发展到第四代的时候，浏览器开发团队遇到一个问题：页面的哪一部分会拥有某个特定的事件？要明白这个问题问的是什么，可以想象画在一张纸上的一组同心圆。如果你把手指放在圆心上，那么你的手指指向的不是一...
2018-05-15 19:22:41
117
转载 js 绑定事件函数的方法
js 绑定事件函数的方法2016年12月25日 21:14:14阅读数：687要想让 JavaScript 对用户的操作作出响应，首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数，就是处理用户操作的函数，不同的操作对应不同的名称。在JavaScript中，有三种常用的绑定事件的方法：在DOM元素中直接绑定；在JavaScript代码中绑定；绑定事件监听函数。一. 在DOM元素中直接绑定这里...
2018-05-15 17:14:05
2969
原创 Js事件绑定时，函数名加括号和不加括号有什么区别
Js事件绑定时，函数名加括号和不加括号有什么区别2017年03月28日 10:45:25阅读数：1169一，在js代码里 加括号代表调用，执行这个方法； 不加括号目的是引用,代表把这个函数赋值给某个变量。 在下面代码里： 1.1 btn.onclick=aa;是正常绑定事件，理解为：<input id="btn" type="button" onclick="aa...
2018-05-15 17:13:12
2763
原创 jQuery控制弹窗按钮来关闭model
意图在confirm弹窗中<关闭窗口>按钮，点击确定之后关闭model，点击取消，则不会关闭。HTML源码如下：<h1>插件模态框</h1><button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#mymodal" type="button"
2018-05-11 19:11:59
15080
原创 bootstrap基础
Bootstrap基础入门一、Bootstrap介绍什么是bootstrap?简单，直观，强悍的前端开发框架，让web开发更迅速，简单。来自Twitter，是目前很受欢迎的前端框架之一。Bootstrap是基于HTML,CSS,Javascript的 2.特点移动端设备优先：自Bootstrap3起，框架包含了贯穿于整个库的移动设备优先的样式响应式设计：采用栅格布局（底层实现原理：媒体查询结...
2018-05-11 10:50:59
216
原创 SS深入理解流体特性和BFC特性下多栏自适应布局
会触发BFC呢？常见的如下: · float的值不为none。overflow的值为auto,scroll或hidden。display的值为table-cell, table-caption, inline-block中的任何一个。position的值不为relative和static。BFC特性很多，而我们这里，只关心一个，和float元素做相邻兄弟时候的表现。会发现，普通流体元素B...
2018-05-10 17:16:16
168
转载 Bootstrap Navbar
用Bootstrap Navbar component 实现一个响应式导航理解Bootstrap Navbar component是如何工作的（不包括collepse.js）清楚自己添加一个规定的类名时是做了些什么根据自己的需求进行改装对比自己的实现方法，找出差距。1.实现：我想要模仿一个这样的响应式导航： 按照Bootstrap官网上介绍的方法，按照规则创建标签添加类名之后，可以得到一个这样的导...
2018-05-09 17:22:03
594
原创 TabIndex 属性 Tabindex="-1" 与 Tabindex="0"、任意数字
tabIndex的值可为0至32767之间的任意数字 Tabindex="0"代表tab键最先顺序。值越大越慢获得焦点 Tabindex="-1"将tab键将会忽略元素，即排除出tab键获取焦点队列。但元素onfocus与onblur事件仍被启动。如果有两个控件的tabIndex属性相同，则以控件在html代码中出现的顺序为准。...
2018-05-09 10:58:02
3970
原创 Bootstrap的aria-label和aria-labelledby
aria-label可以作为属性+属性值（屏幕阅读读出的文字）加入元素中如<input type = "text" id = "idCard" class="form-control" aria-label = "身份证号"> aria-labelledby 只能作为属性+属性值id 屏幕阅读读出ID链接元素的文本节点值正常情况下，form表单的input组件都有对应的label.当...
2018-05-09 10:43:38
1877
原创 bootstrap中container类和container-fluid类的区别
bootstrap中container类和container-fluid类的区别近几天才开始系统的学习bootstrap,但马上就遇到了一个‘拦路虎’：container和container-fluid到底什么区别。 查了很多资料，看到很多人和我有同样的疑问，但是下面的回答一般都是一个是响应式一个宽度是百分百，说的好像是那么回事，但是你真的能明白吗？反正我是不能，于是我就去开始自己写demo。 ‘...
2018-05-08 21:49:27
608
原创 bootsrap之data-toggle=""
bootsrap之data-toggle=""在自学Bootstrap的时候遇到了这个属性，自己查了下各种资料，下面是我自己的理解，有问题请指教。bootstrap 中的data-toggle=""这个明面上的意思是数据切换，下面我举一个例子可能更加的明白一些。 <li class="active"><a href="#tab1" data-toggle="tab"&
2018-05-08 20:26:37
42382
1
原创 ajax 验证email
ajax详解1.1XMLHttpRequst对象的概述 在使用XMLHttpRequest对象发送请求和处理响应之前，必须先调用JavaScript创建一个XMLHttpRequest对象。由于XMLHttpRequest不是一个W3C标准，所以可以采用很多JavaScript方法来创建XMLHttpRequest的实例，IE把XMLHttpRequest实现为一个ActiveX对象，其他浏览器...
2018-05-05 21:48:37
962
原创 IP地址 、域名、 URL、 端口
一、IP地址1IP地址由网络ID和主机ID两部分组成，如下图所示：2那么对于 “ 192.168.1.110 ”这个IP地址来说，网络ID是什么？主机ID又是什么呢？欲知答案，且看下面分解END二、子网掩码1子网掩码不能单独存在，它必须结合IP地址一起使用。子网掩码只有一个作用，就是将某个IP地址划分成网络ID和主机ID两部分。255.255.255.0是我们常见的子网掩码，它的作用只有一个：就是...
2018-05-05 17:31:25
16215
转载 tcp/ip
为什么会有TCP/IP协议在世界上各地，各种各样的电脑运行着各自不同的操作系统为大家服务，这些电脑在表达同一种信息的时候所使用的方法是千差万别。就好像圣经中上帝打乱了各地人的口音，让他们无法合作一样。计算机使用者意识到，计算机只是单兵作战并不会发挥太大的作用。只有把它们联合起来，电脑才会发挥出它最大的潜力。于是人们就想方设法的用电线把电脑连接到了一起。但是简单的连到一起是远远不够的，就好像语言不同...
2018-05-05 16:44:11
110
转载 sublime text详解
一、 前言 使用Sublime Text 也有几个年头了，版本也从2升级到3了，但犹如寒天饮冰水，冷暖尽自知。最初也是不知道从何下手，满世界地查找资料，但能查阅到的资料，苦于它们的零碎、片面，不够系统和全面，所以一路走来，耗费了本人大量的时间和精力。所以蒙生了写这篇《Sublime Text 3 全程详细指南》，一来对自己的经验是一个总结，二来可以给初学者做个系统、全面的指引，让他们少...
2018-05-04 21:57:59
1277
转载 ps 快速切图
×前端实战系列之---两种快速切图的方法今天给大家分享一下我自己在前端工作中的一些切图小技巧，虽然好的UI会给我们把图切好，但是他们切的图不一定百分之百符合我们的需求，所以还是自己动手丰衣足食嘛，看本教程之前希望大家能先看看慕课网的切图教程 http://www.imooc.com/learn/506 哦。这里给大家介绍我在实际工作中用的两种切图方法，一种是“图层切图”，这种切图方式比较适合切形状...
2018-05-04 21:51:25
4518
1
转载 PS 切图
写给前端小白的切图技巧（实用）2016年08月21日 17:20:33阅读数：16028我一开始是不会切图的，面试的时候心里也没有底气，但是之前也知道一点切图的知识，只是没有那种疯狂的天天做切图，所以一直也不敢说自己会熟练的切图，经过近一个月的切图经历之后，今天来分享一下纯纯的小白切图基础。切图工具Photoshop 安装好PS之后，先要调整工作区域的布局。 1.选择“窗口”——把“信息”，“属性...
2018-05-04 21:48:04
1088
转载 css flex布局实用
CSS3 flex布局应用介绍 张歆琳 关注2016.06.17 10:50* 字数 701 阅读 1063评论 1喜欢 15上一篇介绍了flex弹性盒子的语法，本篇用flex来实际布局一下。例如我们以前会用inline-block或float配合%百分比来实现自适应的三列等高布局。但margin / padding计算起来比较复杂，加加减减维护起来很麻烦。用flex弹性盒模型就简单多了。首先弄出...
2018-05-04 21:44:42
142
转载 css之flex相关属性集合以及应用
彻底弄懂css3的flex弹性盒模型由于在日常工作中使用css或者bootstrap的栅格系统已经能很好的满足业务需求，所以一直以来对css3的弹性布局不是很感冒。近日有幸在一篇文章中领略了flex的魅力--简洁优雅。随试之。 /*容器*/ .flex{ display: flex; di...
2018-05-04 21:38:41
511
转载 ajax之readyState的五种状态
readyState的五种状态2014年08月19日 14:01:00对于readyState的五种状态的描述或者说定义，很多Ajax书（英文原版）中大都语焉不详在《Pragmatic Ajax A Web 2.0 Primer 》中偶然看到对readyStae状态的介绍，感觉这个介绍很实在……比较理想的解释方法应该以“状态：任务（目标）+过程+表现（或特征）”的表达模式来对这几个状态进行定义【全...
2018-05-04 21:30:47
598
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人