忙于采集的蜜蜂,无暇在人前高谈阔论 [登录·注册]

吕滔博客

首页 开发 运维 工具 摄影
  • 41515

    Jquery手机号验证-检测输入离开或完成-倒计时等一通功能For用户注册表单

    memory直接看图上代码<form method="post" onsubmit="return checkForm(this)"> <div class="ant-row ant-form-item"> <div class="ant-col-6 ant-form-item-label"> <label for="use...

    前端设计 JavaScript 发布于 2018-01-22
  • 0177

    CSS样式之overflow属性

    memoryoverflow 属性规定当内容溢出元素框时发生的事情。所有主流浏览器都支持 overflow 属性。当然任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。先上代码div { overflow:scroll; }可以设置的值值描述visible默认值。内容不会被修剪,会呈现在元素框之外。hidden内容会被修剪,并且其余内容是不可见的。scroll内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。auto如果内容被修剪,则浏览器...

    前端设计 CSS 发布于 2018-01-15
  • 0764

    JavaScript之jQuery根据name的相关选择操作

    memory$("div[id]")选择所有含有id属性的div元素 $("input[name='lvtaonet']")选择所有的name属性等于'lvtaonet'的input元素 $("input[name!='lvtaonet']")选择所有的name属性不等于'lvtaonet'的input元素 $("input[name^='lvtao']")选择所有的name属性以'lvtao'开头的input元素 $(&...

    前端设计 JavaScript 发布于 2017-12-18
  • 01108

    JavaScript操作文本域中回车或ctrl+enter提交代码 alt+enter为换行

    memoryjs 文本编辑框快捷键,enter和ctrl+enter操作,alt+enter为换行$("textarea").keydown(function(event) { if (event.altKey && event.keyCode == 13) { var e = $(this).val(); $(this).val(e + '\n'); } else if (event.ctrlKey &&am...

    前端设计 JavaScript 发布于 2017-12-12
  • 13460

    HTML禁止Input框直接粘贴,禁止鼠标在网页上拖动

    memory<input class="xinput" maxlength=4 size="5" onkeydown="fnKeyDown(event);" onfocus="this.select()" onclick="this.select()" onpaste="return false" ondrop="return false" ondragen...

    前端设计 JavaScript 发布于 2017-10-16
  • 01855

    div+css按比例布局:宽度为百分比高度自动等比正方形的实现方式

    memory第一种方案效果css文件body { width: 100%; font-size: 0; text-align: center; } div { display: inline-block; width: 20%; background: green; font-size: 12px; position: relative; vertical-align: middle; } div:nth-child(2n) { background: oran...

    前端设计 CSS 发布于 2017-05-15
  • 936954

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

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

    前端设计 JavaScript 发布于 2017-03-23
  • 09399

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

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

    前端设计 JavaScript 发布于 2017-01-12
  • 0866

    PHP策略模式设计

    memory抽象策略(Strategy)角色:定义所有支持的算法的公共接口。通常是以一个接口或抽象来实现。Context使用这个接口来调用其ConcreteStrategy定义的算法。具体策略(ConcreteStrategy)角色:以Strategy接口实现某具体算法。环境(Context)角色:持有一个Strategy类的引用,用一个ConcreteStrategy对象来配置<?php interface Strategy { // 抽象策略角色,以接口实现 public funct...

    开发,前端设计 PHP 发布于 2016-12-22
  • 01342

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

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

    前端设计 JavaScript 发布于 2016-12-18
  • 04236

    Yaf之插件开发

    memory插件类是用户编写的, 但是它需要继承自Yaf_Plugin_Abstract而插件方法, 可以接受俩个参数, Yaf_Request_Abstract实例和Yaf_Response_Abstract实例,文件放plugins目录<?php class UserPlugin extends Yaf_Plugin_Abstract { public function routerStartup(Yaf_Request_Abstract $request, Yaf_Response_...

    前端设计 发布于 2016-12-01
  • 01009

    nginx扩展模型ngx_cache_purge缓存清理插件

    memory此模块可以清理Nginx的FastCGI, proxy, SCGI 和 uWSGI 的缓存.官网:http://labs.frickle.com安装:编译:./configure --add-module=./ngx_cache_purge-2.3 ...... DSO dso_tool --add-module=./nginx_cache_purge常规nginx中的缓存配置http { #以上略 ...

    前端设计 Nginx 发布于 2016-11-29
  • 0976

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

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

    前端设计 JavaScript 发布于 2016-11-23
  • 01342

    JPress模板:仿cnblogs风格下载

    memory自己仿的cnblogs的风格,个人非常喜欢这样的三栏风格,即可以当cms,也可以做博客。先看下预览PC风格首页列表内容移动版首页列表内容后台设置下载地址 : lvtao.zip

    前端设计 JPress 发布于 2016-11-19
  • 04567

    纯 CSS 创建各种不同的图形形状

    memory矩形.rectangle { width: 250px; height: 150px; background-color: #6DC75F; } <div class="rectangle"></div>三角形.triangleUp { border-left: 75px solid transparent; border-right: 75px solid transpa...

    前端设计 CSS 发布于 2015-11-16
  • 1234

    网站状态

    • 栏目分类:49个
    • 发布文章:1512篇
    • 用户评论:729条
    • 开博至今:4069天

    正则速查

    [abc] 匹配中括号中的单个字符,如a或b或c
    [^abc] 匹配除了a、b、c等字符的其他单个字符
    [a-z] 匹配一个字符范围,如a到z
    [a-zA-Z] 匹配一个字符范围,如a-z 或 A-Z
    ^ 匹配行的开始
    $ 匹配行的结束
    \A 匹配一个字符串的开始
    \z 匹配一个字符串的结束
    . 匹配任意单个字符
    \s 匹配空白字符,如空格,TAB
    \S 匹配非空白字符
    \d 匹配一个数字
    \D 匹配非数字
    \w 匹配一个字母
    \W 匹配非字母
    \b 匹配字符边界
    (...) 引用所有括号中的内容
    (a|b) a或者b
    a? 零个或1个a
    a* 零个或多个a
    a+ 1个或多个a
    a{3} 3次重复的a
    a{3,} 3次或3次以上重复的a
    a{3,6} 3到6次重复的a

    修正符

    /g 查找所有可能的匹配
    /i 不区分大小写
    /m 多行匹配
    /s 单行匹配
    /x 忽略空白模式
    /e 可执行模式,PHP专有
    /A 强制从目标字符串开头匹配
    /D 使用$限制结尾字符,则不允许结尾有换行
    /U 只匹配最近的一个字符串;不重复匹配

    最新回复

    • 夏目贵志: 我终于懂了是什么意思了!!!
    • 柳溪: 支持博主 很详细!
    • memory: 谢谢。以前没用到checkEmail,是注释掉的,所以这儿我也没...
    • 一个默默无闻的码农: function checkEmail的if里的变量写错了
    • memory: 谢谢大神鼓励。哈哈 有没想到的地方还望多多指正
    • 梦康: 感谢分享,前几天我刚接触这个命令,之前都没用到过。总结非常全面。
    • 梁兴健: Parse error: syntax error, unexp...
    • 耐火砖: 感谢博主分享,很有用
    • memory: 额。。。
    • 亚克力浴缸: 还好我不是学这些的,不然打错那个都不知道
    • memory: 哈哈。写的太2了,将就着吧。我自己看也晕了...
    • 亚克力浴缸: 看晕了,头大
    • 泽泽: 至少手机上图根本没动
    • memory: 呵呵,难道你现在看到的不是gif图?
    • 泽泽: 原文是gif图,无脑抓取也要读一读吧
    • 亚克力浴缸: 学习了 in 参数
    • asd: 感谢博主,功能已实现