分类前端设计下的文章

02156

javascript根据html内容中的hn标题生成目录树

原始html如下<div id="wrapper"> <h1>x</h1> <h2>xx</h2> <h3>xxx</h3> <h4>xxxx</h4> <h5>xxxx</h5> <h2>xx</h2> <h3>xxx</h3> <h4>xxxx</h4> <h...

前端设计 JavaScript 发布于：2018-04-27

03971

Javascript中像PHP使用date函数一样的处理日期数据

属性与方法内容基本参照了 php 的日期页面，但由于不需要支持语言和时区，把 Z I S e 的用途做了改变。无前导0的为数值类型，前导0的为字符串类型。属性描述例子备注日------------d每月的几号，2位数字，前导001 到 31 j每月的几号，无前导01 到 31 NISO-8601周日历，每周第几天1(周一)到7(周日) w每周第几天0(周日)到6(周六) z每年第几天(从0开始)0 到 365 Z每年第几天(从1开始)1 到 366变化周------------WISO-8...

前端设计 JavaScript 发布于：2018-04-11

24757

webUploader实现一个页面调用多个上传实例多个上传按钮对应到多个表单值

现在需要在同一个页面中，有多个类似于这样的表单，每个表单对应一个上传按钮。上传完后，将返回的值传入到对应的表单中。直接贴代码/* --上传组件开始-- */ var uploader = WebUploader.create({ // 选完文件后，是否自动上传。 auto: true, // swf文件路径 swf: STATIC_URL + 'webuploader/Uploader.swf', server: WWW_URL + 'public...

前端设计 JavaScript 发布于：2018-02-27

49345

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

直接看图上代码<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

01214

CSS样式之overflow属性

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

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

02387

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

$("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

03047

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

js 文本编辑框快捷键，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

112235

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

<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

04639

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

第一种方案效果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

1150075

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

先看一下简单的效果直接上代码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

011671

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

来个预览图直接上代码<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

01584

PHP策略模式设计

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

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

02744

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

在前端开发中，页面上退格键默认是具有返回功能，有时候我们并不想要这样的效果，需要禁用之。代码如下：//禁用退格键返回功能 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

05206

Yaf之插件开发

插件类是用户编写的, 但是它需要继承自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

02502

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

此模块可以清理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

标签组

网站状态

栏目分类：49个
发布文章：1554篇
用户评论：838条
开博至今：4370天

正则速查

`[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`	只匹配最近的一个字符串;不重复匹配

吕滔博客