- 博客(27)
- 收藏
- 关注
RSS订阅转载 鼠标滚动事件
鼠标滚动事件关于滚动事件这方面，其实是比较乱的。滚轮事件的兼容性差异有些不拘一格，不是以往的IE8-派和其他派，而是FireFox派和其他派。包括IE6在内的浏览器是使用onmousewheel，而FireFox浏览器一个人使用DOMMouseScroll. 经自己测试，即使现在FireFox 19下，也是不识onmousewheel。在其他派中检测滚动数值的属性是whe...
2017-07-12 22:23:00
182
转载 常用正则表达式
一、校验数字的表达式1 数字：^[0-9]*$2 n位的数字：^\d{n}$3 至少n位的数字：^\d{n,}$4 m-n位的数字：^\d{m,n}$5 零和非零开头的数字：^(0|[1-9][0-9]*)$6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$7 带1-2位小数的正数或负数：^(\-)?\d...
2017-07-12 21:49:00
141
转载 正则表达式
1.关于正则表达式 处理字符串时，有很多较为复杂的字符串用普通的字符串处理函数无法干净的完成。比如说，可能需要验证一个Email地址是否合法，为此需要查看许多不容易检查的规则。这正是正则表达式的用武之地。正则表达式是功能强大而简明的字符组，其中可以包含大量的逻辑，特别值得一提的是正则表达式相当简短。2.正则表达式的用处 测试用户名(必须由字母数字下划线组成) 户密码...
2017-07-12 09:16:00
181
转载 vue1.0
vue vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。从技术上讲， Vue.js 集中在 MVVM 模式上的视图模型层，并通过双向数据绑定连接视图和模型。实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。相比其它的 MVVM 框架，Vue.js 更容易上手。Vue.js 是一个用于创建 W...
2017-07-11 07:52:00
122
转载 JQuery封装的ajax
对于页面一些效果，验证等，我们都是通过JavaScript语言进行完成的，但是它也就像我们的Java代码一样，是最前台语言最基础的，而jQuery则是对js代码进行封装方便我们前台代码的编写，而且它还有一个非常大的优势就是解决了浏览器的兼容问题，这也是我们使用它非常重要的原因之一。 而现在为了满足用户的需求，Ajax（AsynchronousJavaScript+ XML）...
2017-07-10 14:15:00
123
转载 DOM节点操作
DOM节点操作1.创建增加节点<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> ...
2017-07-10 07:42:00
134
转载 ES6中的let和const
let和constlet用来声明变量，但是所声明的变量只在let命令所在的代码块内有效 { let a=12 alert(a)//12 } alert(a)//报错 找不到let不像var那样会发生变量提升，所以一定要先声明后使用。 console.log(foo); //undefined console.log(bar); //报错 ...
2017-07-09 21:03:00
128
转载 CSS cursor 属性
cursor1.定义和用法cursor 属性规定要显示的光标的类型（形状）。该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状（不过 CSS2.1 没有定义由哪个边界确定这个范围）。2.属性url需使用的自定义光标的 URL。注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。defa...
2017-07-02 20:28:00
122
转载 ui-router 视图嵌套时指定二级视图显示默认页面
当跳转到user页面时，右边的uiview是为空的，要点击了左侧的导航才能插入模板，如何在路由中设置二级视图的默认显示页面呢？app.config(function($stateProvider, $urlRouterProvider) { $urlRouterProvider.when('', 'PageTab'); $stateProvider.state...
2017-06-29 17:05:00
302
转载 数组去重的几种方法
遍历数组法实现思路：新建一新数组，遍历传入数组，值不在新数组就加入该新数组中；注意点：判断值是否在数组的方法“indexOf”是ECMAScript5 方法，IE8以下不支持，需多写一些兼容低版本浏览器代码：//最简单数组去重法functionunique1(array){varn=[];//一个新的临时数组//遍历当前数组for(va...
2017-06-29 11:38:00
400
转载 移动端应该如何动态设置字体大小？
rem由来：font size of the root element，那么rem是个单位，单位大小由它第一代老祖宗的font-size的大小决定。现在前端码农们为了能在各个屏幕上看到一个健康的网页在默默的牺牲着自己的健康，因为不仅要知道rem是个单位，更重要的是要知道怎么能在不同分辨率下呈现的页面都很NB。事故造成原因：1.px单位在PC上很流行，在手机屏幕上一看，MLGB的，同样...
2017-06-28 22:13:00
167
转载 html常见兼容性问题
html常见兼容性问题？1.双边距BUG float引起的 使用display2.3像素问题 使用float引起的 使用dislpay:inline -3px 3.超链接hover 点击后失效 使用正确的书写顺序 link visited hover active4.IEz-index问题 给父级添加position:relative5.Png 透明 使用js...
2017-06-27 21:44:00
157
转载 css的各种选择器
一、基本选择器1. * 通用元素选择器，匹配任何元素2. E 标签选择器，匹配所有使用E标签的元素3. .info class选择器，匹配所有class属性中包含info的元素4. #footer id选择器，匹配所有id属性等于footer的元素二、多元素的组合选择器5. E,F 多元素选择器，同时匹配所有E元素或F元素，E和F之间用逗号分隔6. E ...
2017-06-26 08:05:00
139
转载 如何垂直居中一个浮动元素
如何垂直居中一个浮动元素// 方法一：已知元素的高宽#div1{width:200px;height:200px;position: absolute; /*父元素需要相对定位*/top: 50%;left: 50%;margin-top:-100px ; /*二分之一的heig...
2017-06-23 18:57:00
272
转载 jQuery Validate 插件
jQueryValidatejQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。1.首先，如果我们没有jquery.validata.js那就需要下载了。 点击神赐下载链接2.创建运行环境，也就是引入我们所需要的插件。<script src="jquery-1.9...
2017-06-23 17:13:00
98
转载 本地存储 web storage
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form> ...
2017-06-19 21:17:00
131
转载 ajax简介及JS写原生ajax
ajax1.什么是ajax ajax 的全称是Asynchronous JavaScript and XML，其中， Asynchronous 是异步的意思,指的是异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下， 对的某部分进行更...
2017-06-19 20:40:00
122
转载 swiper插件简介及用法
swiperSwiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择1.首先创建一个swiper的运行环境，需要用到的文件有swiper.min.js和swiper.min.css文件。...
2017-06-18 21:09:00
875
转载 JavaScript中的string对象及方法
string对象string对象的两种创建var a="hello";var b=new String("hello"); //下面是方法 //charAt()根据下标 找字符串中的字符 alert(a.charAt(3));//根据下标返回字符串某个字符 alert(a.charAt(10));//空的，找不到这个下标...
2017-06-18 19:57:00
196
转载 javascript数组中的方法
数组中的方法今天我们来说一下，对数组进行操作的几种方法：//添加 a=[];//空数组 a[0]="我是第一个"; a[2]="我是第三个"; a[10]="我是第十一个"; alert(a.length);//11 //删除var a=[1,2,3,4,5];delete a[4]//删除第五个元素,但不删除位置alert...
2017-06-15 21:11:00
173
转载 JavaScript中的数组
数组(1)、数组的定义 数组是值的有序集合 javascript数组是无类型的；数组元素可以是任意类型，并且同一个数组的不同元素也可能有不同的类型。 每个值叫做一个元素，而每个元素在数组中有一个位置(2)、创建数组1.使用数组直接量是创建数组最简单的方式，在方括号中将数组元素用逗号隔开即可。 eg:var empty = []; //没有元素的数组...
2017-06-14 21:29:00
180
转载 jquery中的动画
jQuery动画1.左上角的缩放效果hide([speed,[fn]]) 概述：隐藏显示的元素 参数：speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示 动画时长的毫秒数值(如：1000) fn:在动画完成时执行的函数，每个元素执行一次。// $(":button[value=隐藏]").click(f...
2017-06-13 08:33:00
175
转载 html5新增标签
html51.声明 html5：万维网的核心语言、HTML规范的第五次重大修改。HTML5是HTML标准的下一个版本。 HTML5简化了很多细微的语法， 例如doctype的声明，你只需要写<!doctype html>2.布局的语义化标签 article：标签装载显示一个独立的文章内容，例如一篇文章、报导、小说。 section ：标签定义...
2017-06-12 20:09:00
99
转载 window子对象
Window 子对象（1）Location 对象 Location 对象包含有关当前 URL(统一资源定位符) 的信息。（Uniform Resource Location）Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。location.hostname 返回当前 URL 的主机名。locatio...
2017-06-11 21:05:00
1064
转载 BOM
BOM浏览器对象模型（Browser Object Model），使浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。浏览器对象模型（Browser Object Model） BOM提供了独立于内容而与浏览器窗口进行交互的对象。 由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window BOM由一系列相关的对象构成，并且每个对象都提供...
2017-06-10 17:57:00
123
转载 event对象及各种事件
事件（event）event对象(1)什么是event对象？ Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用，函数不会在事件发生前被执行！(2)Event相关方法与属性 1、谷歌 event.stopPropagation()、IE event.CancelBubble=true：终止事...
2017-06-09 21:46:00
134
转载 JavaScript中对事件简单的理解
事件（event）1.什么是JavaScript事件？ 事件是文档或浏览器中发生的特定交互瞬间。2.事件流 事件流描述的是从页面中接受事件的顺序，包含IE提出的事件冒泡流与Netscape提出的事件捕获流。浏览器默认的是事件冒泡流。 两种思想： IE的事件流叫做事件冒泡，即事件开始时由最具体的元素接受，然后逐级向上传播到较为不具体的节点。 Nets...
2017-06-08 16:44:00
189
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人