分类 前端设计 下的文章

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...

memory   2017-05-15  暂无评论

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

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

memory   2017-03-23  1 条评论

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

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

memory   2017-01-12  暂无评论

PHP策略模式设计

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

memory   2016-12-22  暂无评论

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

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

memory   2016-12-18  暂无评论

Yaf之插件开发

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

memory   2016-12-01  暂无评论

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 {...

memory   2016-11-29  暂无评论

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

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

memory   2016-11-23  暂无评论

JPress模板:仿cnblogs风格下载

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

memory   2016-11-19  暂无评论

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

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

memory   2015-11-16  暂无评论

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

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

memory   2015-08-13  暂无评论

fullPage.js插件使用

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

memory   2015-07-16  暂无评论

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

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

memory   2015-06-11  暂无评论

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

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

memory   2015-05-20  1 条评论

Typecho 自定义分页样式

增加更加多样的分页输出样式选项,包括wrapTag 外层包裹标签名,默认olwrapClass 外层包裹类名itemTag 内层标签名, 默认litextTag 直接输出文字的标签名currentClass 当前聚焦类名prevClass 上一页类名nextClass 下一页类名方法一:<?php $this->pageNav('«', '»', 3, '...', array(...

memory   2015-05-08  2 条评论