- 博客(27)
- 资源 (15)
- 收藏
- 关注
RSS订阅原创 深入理解JavaScript事件捕获,阻止
接上篇，既然有事件的冒泡，也可以有事件的捕获，这是一个相反的过程。区别是从顶层元素到目标元素或者从目标元素到顶层元素。来看代码： $input.addEventListener("click", function(){ this.style.border = "5px solid red"; alert("red")}, true)$div.addE
2016-05-27 14:58:57
8610
原创 深入理解JavaScript事件冒泡
一、什么是事件冒泡在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。打个比方说：你在
2016-05-27 14:29:20
3386
原创 深入理解BootStrap之栅格系统（布局）
1、栅格系统（布局）Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。我在这里是把Bootstrap中的栅格系统叫做布局。它就是通过一系列的行（row）与列（column）的组合创建页面布局，然后你的内容就可以放入到你创建好的布局当中。下面就简单介绍一下Bootstrap栅格系统的工作原理：
2016-05-26 14:11:20
28050
4
原创 web前端35个jQuery小技巧！
废话不说 直接代码，有问题可以一起交流1. 禁止右键点击$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });});2. 隐藏搜索文本框文字Hide when clicked in the search field, the
2016-05-24 09:40:59
8015
5
转载 深入理解 CSS 中的行高与基线
百度面试直接被面试官问住了，回来总结下css 行高相关问题！1、基本概念1. 基线、底线、顶线、中线注意：基线（base line）并不是汉字文字的下端沿，而是英文字母“x”的下端沿。2. 内容区内容区是指底线和顶线包裹的区域（行内元素display：inline可以通过background-color属性显示出来），实际中不一定看
2016-05-23 17:43:53
37043
7
转载 BAT及各大互联网公司2014前端笔试面试题：JavaScript篇
BAT及各大互联网公司2014前端笔试面试题：JavaScript篇很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧，不仅适用于求职者，对于巩固复习前端基础更是大有裨益。而更多的题目是我一路以来收集的，也有往年的，答案不确保一定正确，如有错误或有更好的解法，还请斧正。前面几题是会很基础，越下越有深度。前面几题是会很基础，越
2016-05-20 10:40:40
2817
转载 BAT及各大互联网公司2014前端笔试面试题：HTML/CSS篇
BAT及各大互联网公司2014前端笔试面试题：HTML/CSS篇原文出处： Ico_Coco 的博客（@CHoK__Coco_mAm） 很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧，不仅适用于求职者，对于巩固复习js更是大有裨益。而更多的题目是我一路以来收集的，也有往年的，答案不确保一定正确，如有错误或有更好的解法，还请斧
2016-05-20 10:25:22
1588
原创 JavaScript字符串处理函数 - split()、join()、substring()和indexOf()
函数 ：split() 功能 ：使用一个指定的分隔符把一个字符串分割存储到数组 例子： str=”jpg|bmp|gif|ico|png”; arr=theString.split(”|”); //arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组 函数 ：Join() 功能 ：使用您选择的分隔符将一个数组合并为一个字符串 例
2016-05-17 17:20:49
769
原创 defer、async属性以及JS异步加载并执行解决方案
优化脚本文件的加载提高页面的加载速度，一直是前端工程师提高页面加载速度很重要的一条。因为涉及到各个浏览器对解析脚本文件的不同机制，以及加载脚本会阻塞其他资源和文件的加载。当浏览器解析器遇到时，会立即加载（加载：下载，解析和执行），浏览器对其他资源和文档的加载会停止。为了提高页面的加载速度，得让JS不阻塞其他资源的加载。Webkit 和 Firefox 对JS的执行过程进行了优化，增加了“预
2016-05-17 15:16:41
7903
转载 web开发常见问题集锦
1.JS控制HTML元素的显示和隐藏利用来JS控制页面控件显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。方法一：document.getElementById("EleId").style.visibility="hidden";document.getElementById("EleId").s
2016-05-17 15:06:22
2972
翻译 学习JavaScript应该尽早知道的几个技巧
Shortcut Notations 简洁写法One of the things I love most about JavaScript now is shortcut notations to generate objects and arrays. So, in the past when we wanted to create an object, we wrote:在过去
2016-05-17 14:40:06
8999
原创 JavaScript 禁止复制与粘贴
oncopy事件：定义和用法oncopy 事件在用户拷贝元素上的内容时触发。提示： oncopy 事件在用户拷贝元素时也会触发，例如， 拷贝 元素。提示： oncopy 事件通常用于 type="text" 的 元素。提示： 有三种方式可以拷贝元素和内容：按下 CTRL + C在你的浏览器的 Edit(编辑) 菜单中选择 "Copy（复制）"邮件
2016-05-16 00:05:58
5545
转载 前端精选文摘：BFC 神奇背后的原理
BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）。虽然我知道如何利用 BFC 解决这些问题，但当别人问我 BFC 是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。一、BFC是什么？ 在解释 BFC 是什么之前，
2016-05-13 14:53:02
589
原创 HTML5 LocalStorage 本地存储
HTML5 LocalStorage 本地存储,，说到本地存储，这玩意真是历尽千辛万苦才走到HTML5这一步，之前的历史大概如下图所示： 最早的Cookies自然是大家都知道，问题主要就是太小，大概也就4KB的样子，而且IE6只支持每个域名20个cookies，太少了。优势就是大家都支持，而且支持得还蛮好。很早以前那些禁用cookies的用户也都慢慢的不存在了，就好
2016-05-13 14:43:39
1403
原创 css3绘制各种图形效果
如何使用CSS来制作图形，比如说圆形，半圆形，三角形等。今天我特意在网上查阅了一下，介绍这样的教程还是蛮多的，因此我也决定整理一份相关教程出来与大家一起分享。如何工作？很少会有人意识到，当浏览器绘制的border，会有一个角度的问题。我们就是得用这样的一个技巧来制作三角的效果。我们只需要保证一边的边框是有色，其他边框色为透明色，这样我们就很容易制作出三角形，然后改变其大小来实现不同
2016-05-12 10:23:27
7606
原创 css3 画几何图形之三角形--随笔
Document *{padding: 0;margin: 0;} #box{ width: 0px; height: 0px; border:100px solid transparent;/*透明色*/ border-top-color: red; border-bottom: 0 none; }
2016-05-11 23:46:49
555
原创 CSS知识点积累总结
CSS开始 1、认识CSS样式 使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等 2、CSS样式的优势 用括起来，统一设置css样式 3、CSS代码语法 css 样式由选择符和声明组成，而声明又由属性和值组成 p{color:blue}(选
2016-05-07 23:12:56
4285
转载 Sublime Text 3 快捷键汇总
Sublime Text 3非常实用，但是想要用好，一些快捷键不可或缺，所以转了这个快捷键汇总。用惯了vim，有些快捷键也懒得用了，尤其是在win下面，还有图形界面，所以个人觉得最有用的还是搜索类，对于阅读和修改代码来说，非常实用。选择类Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。Alt+F3 选中文本按下快捷键，即可一次性选择全
2016-05-06 22:30:36
428
原创 HTML5 Canvas 频谱
废话少说，直接贴出代码HTML5音频可视化频谱跳动代码 HTML5音频可视化频谱跳动代码audio element not supportedmain.jswindow.AudioContext = window.AudioContext || window.webkit
2016-05-06 22:21:07
4440
原创 CSS Reset 自己整理
*{ margin:0; padding:0;}.clearfix{ height:0; overflow:hidden; clear:both;}建议使用下面html, body, div, span, applet, object, iframe,h1, h2, h3, h4,
2016-05-06 17:46:24
709
原创 javascript 句柄 --DOM事件处理及跨浏览器处理
var eventUtil={ // 添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,fal
2016-05-06 17:43:20
1491
转载 十分钟知道JavaScript 闭包
前言：JavaScript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包对于那些使用传统静态语言C/C++的程序员来说是一个新的语言特性。本文将以例子入手来介绍JavaScript闭包的语言特性，并结合一点ECMAScript语言规范来使读者可以更深入的理解闭包。本文是入门文章，例子素材整理于网络，如果你是高手，欢迎针对文章提出技术性建议和意见。本文讨论的是Javascrip
2016-05-06 17:41:27
403
原创 Bootstrap---Fluid layout 流布局
流布局是一种适应屏幕的做法。即不固定块的宽度，而是采用百分比作为单位来确定每一块的宽度。这种布局非常适合一次编写，然后自适应各种不同大小的屏幕（手机，PAD…）。Container-fluid"> 按顺序添加这几个类。最外面包含块有 container-fluid类，表明
2016-05-06 17:35:26
1538
转载 Ajax与Java通过POST方式交互
1、关于Ajax交互的步骤 1.1 获取到xmlhttprequest 1.2 设置xmlhttprequest的onreadystatechange响应事件 1.3 准备获取ajax请求 xmlhttp.open("POST", "AjaxServerlet", true); 1.4 设置消息头为表单形式,模仿表单
2016-05-06 16:02:14
2242
原创 HTML常用标签整理
一、Html介绍 1、Html和CSS的关系 1. HTML是网页内容的载体 2. CSS样式是表现（用来改变内容外观的东西称之为表现） 3. JavaScript是用来实现网页上的特效效果（有动画的，有交互的一般都是用JavaScript来实现的） 2、html标签 是段落标签 图片标签
2016-05-06 13:41:55
1338
最新html.js 兼容ie
2015-12-10
OpenCV 2 Computer Vision Application Programming Cookbook_Code
2013-01-06
OpenCV.2.Computer.Vision.Application.Programming.Cookbook.pdf
2013-01-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人