建立个人品牌,把你的名字变成钱 [登录·注册]

吕滔博客

首页 开发 运维 工具 摄影
  • 03-232017

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

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

    前端设计 发布于 2017-03-23评论(1)阅读(7359)
  • 01-122017

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

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

    前端设计 发布于 2017-01-12评论(0)阅读(8017)
  • 12-182016

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

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

    前端设计 发布于 2016-12-18评论(0)阅读(284)
  • 11-232016

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

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

    前端设计 发布于 2016-11-23评论(0)阅读(272)
  • 08-132015

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

    memoryAJAXfunction AJAX() { var xhr = null; if(window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else { try{ xhr = new ActiveXObject('Microsoft.XMLHttp'); }catch(e){ xhr = new Acti...

    前端设计 发布于 2015-08-13评论(0)阅读(2448)
  • 07-162015

    fullPage.js插件使用

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

    前端设计 发布于 2015-07-16评论(0)阅读(2870)
  • 06-112015

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

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

    前端设计 发布于 2015-06-11评论(0)阅读(1865)
  • 06-112015

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

    memory异步传输上传文件javascript库 主文件:AjaxUploadFile.js功能: 1.单文件上传 2.多文件上传 3.普通数据提交 4.可选返回数据json(默认),xml,text 5.支持XMLHttpRequest大多数事件 6.上传超时设置 7.取消上传说明:纯javascript编写,不依赖任何其他插件兼容性说明:由于使用到FormData伪表单对象,所以,ie10以下版本不支持 其他浏览器高版本才支持用法1.引用主要文件<script ...

    开发 发布于 2015-06-11评论(1)阅读(2297)
  • 05-202015

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

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

    前端设计 发布于 2015-05-20评论(1)阅读(2134)
  • 07-092014

    JavaScript 语言基础知识点总结

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

    前端设计 发布于 2014-07-09评论(0)阅读(5118)
  • 11-152013

    javascript 模板引擎artTemplate

    memoryartTemplate新一代 javascript 模板引擎=================artTemplate 是新一代 javascript 模板引擎,它在 v8 中的渲染效率可接近 javascript 性能极限,在 chrome 下渲染效率测试中分别是知名引擎 Mustache 与 micro tmpl 的 25 、 32 倍(性能测试)。引擎支持调试。若渲染中遇到错误,调试器可精确定位到产生异常的模板语句,解决前端模板难以调试的问题(详情)。另外,artTemplate 的模...

    前端设计 发布于 2013-11-15评论(3)阅读(45191)
  • 11-112013

    设备像素比devicePixelRatio简单介绍

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

    前端设计 发布于 2013-11-11评论(0)阅读(6062)
  • 10-212013

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

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

    前端设计 发布于 2013-10-21评论(0)阅读(7878)
  • 10-212013

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

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

    前端设计 发布于 2013-10-21评论(0)阅读(4363)
  • 10-212013

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

    memory之前我们做过许多触屏的特效,那么,今天,我们来分析下js的触屏原理。我们今天以实例来说明吧。在实现触屏中,我们必须采用js的addEventListener,接着加上 touchstart,touchmove,touchend。今天我们的代码里加上了jquery,只不过是用来获取ID及CSS,呵呵,毕竟,JQ大 家都在用。但对于事件的添加,大家还是得用document,getElementById这种模式,因为这东西只有JS才有,JQUERY里并没有 TOUCH这样的东西。大家可以看到,在...

    前端设计 发布于 2013-10-21评论(2)阅读(14047)
  • 12

    网站状态

    • 栏目分类:35个
    • 发布文章:1109篇
    • 用户评论:620条

    最新回复

    • 香港服务器: 很详细,学习了
    • memory: 对,这个密钥最好是自己换一下。当然不嫌麻烦甚至可以考虑将密钥做到...
    • 小明明: 在加密的时候 秘钥固定不就可以机密了吗
    • 上海代理记账: 看起来代码有一些复杂的呀。。。
    • 香港云服务器: 站长不错,不错的干货
    • yet handsome: 我看了你的这个发现历史真的是惊人的相似,我们已经做到redis集...
    • memory: 好久不玩它们了,我的相关知识来自谷歌...
    • 于小鱼: 你好,想请教一些关于xen和kvm的问题。
    • memory: 如果将图片 base64_encode 后,再想取回以前的路径不...
    • 陈凌风: 我要区正常的路径显示怎么办?
    • genuiner: 牛逼
    • haitongz: 赞
    • memory: php64位? 这个我还真没有注意。。。回头再试试
    • Kngstr: 这个很简单,你用的PHP不是64位的,64位的dll只能在64位...
    • memory: 使用的是typecho.
    • GavinHsueh: 您好,我了解下您的博客是自己开发的么?看着很不错
    • 个人博客: 看看先
    • memory: 谢谢,已修正。
    • jrotty: 方法一中next后面少个'符号
    • daxia: mark