自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

转载 JS 中的事件绑定、事件监听、事件委托是什么?

在JavaScript的学习中,我们经常会遇到JavaScript的事件机制,例如,事件绑定、事件监听、事件委托(事件代理)等。这些名词是什么意思呢,有什么作用呢?事件绑定要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称。在JavaScript中,有三种常用的绑定事...

2017-02-23 16:11:00 106

转载 表单验证封装类

/***************************************************************** 表单校验工具类 (linjq) *****************************************************************/ /** * 判断整数num是否等于0 * ...

2017-02-13 15:22:00 92

转载 简单的JavaScript图像延迟加载库Echo.js

<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><title>简单的JavaScript图像延迟加载库Echo.js</title><style>.demo img { width: 736px; heig...

2016-12-06 16:31:00 127

转载 js延时加载的方法

js的延迟加载有助与提高页面的加载速度,以下是延迟加载的几种方法:1.使用setTimeout延迟方法的加载时间延迟加载js代码,给网页加载留出更多时间<script type="text/javascript" > function A(){ $.post("/lord/login",{name:username,pw...

2016-12-06 16:21:00 126

转载 轻松入门React和Webpack

最近在学习React.js,之前都是直接用最原生的方式去写React代码,发现组织起来特别麻烦,之前听人说用Webpack组织React组件得心应手,就花了点时间学习了一下,收获颇丰。说说React一个组件,有自己的结构,有自己的逻辑,有自己的样式,会依赖一些资源,会依赖某些其他组件。比如日常写一个组件,比较常规的方式:- 通过前端模板引擎定义结构- JS文件中写自己的逻辑- CSS中写...

2016-09-22 10:25:00 69

转载 js异步请求

目前async / await特性并没有被添加到ES2016标准中,但不代表这些特性将来不会被加入到Javascript中。在我写这篇文章时,它已经到达第三版草案,并且正迅速的发展中。这些特性已经被IE Edge支持了,而且它将会到达第四版,届时该特性将会登陆其他浏览器 -- 为加入该语言的下一版本而铺路(也可以看看:TC39进程)。我们听说特性已经有一段时间了,现在让我们深入它,并...

2016-09-06 09:48:00 104

转载 nodejs npm常用命令

nodejs npm常用命令npm是一个node包管理和分发工具,已经成为了非官方的发布node模块(包)的标准。有了npm,可以很快的找到特定服务要使用的包,进行下载、安装以及管理已经安装的包。1、npm install moduleNames:安装Node模块安装完毕后会产生一个node_modules目录,其目录下就是安装的各个node模块。node的安装分为全局模...

2016-05-30 11:56:00 66

转载 js获取微信版本号的方法

微信现在几乎已经普遍在使用,但是微信版本一直在更新,不同的版本有不同的功能,于是了解微信的版本号很重要,以便自己及时更新体验新的功能。那么如何用js获取微信版本号呢?一、判断微信版本号?123456var wechatInfo = navigator.userAgent.match(/MicroMessenger...

2016-05-26 17:16:00 232

转载 js判断是安卓 还是 ios webview?

通过判断浏览器的userAgent,用正则来判断是否是ios和Android客户端。代码如下:<script type="text/javascript">var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; /...

2016-05-26 16:48:00 222

转载 js判断是安卓 还是 ios webview

判断原理:JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另一种是通过分析浏览器的userAgent属性来判断的。在许多情况下,值判断出浏览器类型之后,还需判断浏览器版本才能处理兼容性问题,而判断浏览器的版本一般只能通过分析浏览器的userA...

2016-05-26 16:45:00 240

转载 CSS控制文字只显示一行,超出部分显示省略号

之前使用过这个例子,现在总结说明一下:先给贴代码:01<pstyle="width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">02省略我吧!03...

2016-04-29 14:19:00 124

转载 移动端web开发技巧

META相关1. 添加到主屏后的标题(IOS)<meta name="apple-mobile-web-app-title" content="标题">2. 启用 WebApp 全屏模式(IOS)当网站添加到主屏幕后再点击进行启动时,可隐藏地址栏(从浏览器跳转或输入链接进入并没有此效果)<meta name="apple-mobile-web-app...

2016-04-06 17:33:00 94

转载 input按钮的事件处理大全

input按钮的事件处理大全input按钮的事件处理大全1.<INPUT onclick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开 name=Button1>2.<INPUT onclick=document.all.WebBrowser.ExecWB(4,1) ty...

2016-04-06 17:30:00 236

转载 zepto处理touch事件

处理Touch事件能让你了解到用户的每一根手指的位置,在touch事件触发的时候产生,可以通过touch event handler的event对象取到,如果基于zepto.js开发,一般是通过event.touches[0]来获取属性。重要属性如下:clientX,clientY:触摸点相对于浏览器窗口viewport的位置;pageX,pageY: 触摸点相对于页面的...

2016-04-06 11:24:00 126

转载 keycode对照表

keycode 8 = BackSpace 回格keycode 9 = Tabkeycode 12 = Clearkeycode 13 = Enter 回车keycode 16 = Shift_Lkeycode 17 = Control_Lkeycode 18 = Alt_Lkeycode 19 = Pausekeycode 20 = Caps_...

2016-03-20 00:27:00 57

转载 js常用方法和技巧

随着AJAX的流行,js又得到了很多人的重视,js最大的优势就是它能够对html上的所有元素进行操作,包括创建标签元素,更改元素属性等,这样就使得我们能够利用js来实现很多的动态效果,来提供给用户更强的交互性!Js测试方法<o:p></o:p>在调试Javascript脚本的时候,如果有错误,IE的状态栏里会有个问号[点击此问号],或者弹出错误框,为了尽快...

2016-03-14 18:35:00 92

转载 jquery中ajax处理跨域的三大方式

由于JS同源策略的影响,因此js只能访问同域名下的文档。因此要实现跨域,一般有以下几个方法:一、处理跨域的方式:1.代理2.XHR2HTML5中提供的XMLHTTPREQUEST Level2(及XHR2)已经实现了跨域访问。但ie10以下不支持只需要在服务端填上响应头:?123header("Access-...

2016-03-12 17:23:00 5971

转载 jquery ajax中各个事件执行顺序如下

$(function(){setTimeout(function(){ $.ajax({ url:'/php/selectStudent.php', }); },0); $(document).ajaxSuccess(function(){ console.log('success'); }) .ajaxStart(function(){ c...

2016-03-12 17:15:00 134

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除