标签 Javascript 下的文章

基于layui实现二级联动下拉选择(省份城市选择)

先看一下简单的效果 直接上代码 html部分 (下拉框中value的数值我是根据数据库中取出来) <div class="layui-form-item"> <label class="layui-form-label">城市</label> <div class="layui-input-inline"> ...

memory   2017-03-23  4 条评论

html5+javascript星空旋转的背景效果

来个预览图 直接上代码 <body style="height: 100%;background-color:#141414;"> <canvas id="canvas"></canvas> <script> "use strict"; var canvas = document.getElementById('can...

memory   2017-01-12  暂无评论

javascript禁用页面中退格键返回功能

在前端开发中,页面上退格键默认是具有返回功能,有时候我们并不想要这样的效果,需要禁用之。代码如下: //禁用退格键返回功能 document.onkeydown = function(e) { e = e||event; if(e.keyCode == 8) { // 如果是在textarea内不执行任何操作 var obj =...

memory   2016-12-18  暂无评论

高性能的javascript模板引擎laytpl使用说明

laytpl是一款非常轻量的JavaScript模板引擎,它用巧妙的实现方式,将自身的体积浓缩为不到2KB的字符,在测试中,它的速度比artTemplate和doT之类的要快一倍或以上,这儿给记录一下简单的用法 将 laytpl.js 引入到你的项目中 案例一: 数据 var data = { title: '前端圈', intro: '一群码js的骚年,幻想改变世界,却被世界...

memory   2016-11-23  暂无评论

用原生JavaScript实现jQuery的$.getJSON、AJAX 的GET、POST

AJAX function AJAX() { var xhr = null; if(window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else { try{ xhr = new ActiveXObject('Microsoft.XMLHtt...

memory   2015-08-13  暂无评论

fullPage.js插件使用

fullPage.js是一个基于jQuery的全屏滚动插件,它能够很方便、很轻松的制作出全屏网站。 主要功能 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机、平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时自动调整 可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等 使用方法 1、引入文件 <link rel="stylesheet...

memory   2015-07-16  暂无评论

一个自定义右键菜单的javascript插件

mousemenu 一个自定义右键菜单的javascript插件 /* * 右键菜单对象 Object * var r=new mousemenu(obj);//-----------------------创建右键菜单对象 * r.addOption(str,callback);//----------------------添加一个菜单项 * r.addLine...

memory   2015-06-11  暂无评论

异步传输上传文件javascript库AjaxUploadFile.js

异步传输上传文件javascript库 主文件:AjaxUploadFile.js 功能: 1.单文件上传 2.多文件上传 3.普通数据提交 4.可选返回数据json(默认),xml,text 5.支持XMLHttpRequest大多数事件 6.上传超时设置 7.取消上传 说明: 纯javascript编写,不依赖任何其他插件 兼容性说明: 由于使用...

memory   2015-06-11  1 条评论

标题党:精通 JavaScript中的正则表达式

正则表达式可以: 测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证 替换文本。可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字 根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字 正则表达式语法 一个正则表达式就是由普通字符(例如字...

memory   2015-05-20  1 条评论

JavaScript 语言基础知识点总结

1.JavaScript数组2.JavaScript 函数基础3.Javascript 运算符4.JavaScript 流程控制5.JavaScript 正则表达式6.JavaScript 变量7.JavaScript 字符串函数8.DOM 基本操作

memory   2014-07-09  暂无评论

javascript 模板引擎artTemplate

artTemplate ###### 新一代 javascript 模板引擎 artTemplate 是新一代 javascript 模板引擎,它在 v8 中的渲染效率可接近 javascript 性能极限,在 chrome 下渲染效率测试中分别是知名引擎 Mustache 与 micro tmpl 的 25 、 32 倍(性能测试)。 引擎支持调试。若渲染中遇到错误,调试器可精确定位...

memory   2013-11-15  3 条评论

设备像素比devicePixelRatio简单介绍

本文所说devicePixelRatio其实指的是window.devicePixelRatio, 被所有WebKit浏览器以及Opera所支持,随着显示器的发展,这个属性也慢慢登上了前端技术的舞台。本文内容大部分属于翻译性质内容,因此,会不那么通俗易懂。不过,你是做手机开发的,或是有意向的,本文的内容如果细细读来,还是有些收获的。一、定义定义如下:window.devicePixelRat...

memory   2013-11-11  暂无评论

触屏手机上WAP站点中TAB菜单的设计及源码

现在手机网页越来越多,我们可以先看下两个地址:“http://3g.ifeng.com/”,“http://3g.163.com/touch/”,我们都会发现有一个共同的特点,就是TAB菜单,对于这种相当传统的特效,我们在之前做过许多,但在手机上,我们会发现它有新的生命力。如果只是考虑上面的点击,那就是TAB菜单了,只不过这个TAB菜单是全屏切换的,但如果你在手机上体验,会发现,手滑动是可以...

memory   2013-10-21  暂无评论

手机浏览器中弹窗式触屏相册及源码

今天,我们再来介绍一个触屏特效,我记得上周我们做过一个触屏相册,那么,我们今天再来加点难度。我们以前在浏览网站详情页面的时候,经常会看到这样一种效果,当你点击一张图片时,会将其它图片以弹窗的模式显示,接着,你可以通过上下按钮,实现图片的切换。那,手机上如何实现?我排列了这样一组小图,当我点击的时候,我通过JQUERY将所以图片放到id为imgs里,接着,通过定位技术,将图片显示出来:关于点击...

memory   2013-10-21  暂无评论

javascript 手机手势动作touch触屏原理分析

之前我们做过许多触屏的特效,那么,今天,我们来分析下js的触屏原理。我们今天以实例来说明吧。在实现触屏中,我们必须采用js的addEventListener,接着加上 touchstart,touchmove,touchend。今天我们的代码里加上了jquery,只不过是用来获取ID及CSS,呵呵,毕竟,JQ大 家都在用。但对于事件的添加,大家还是得用document,getElementB...

memory   2013-10-21  2 条评论