分类 前端设计 下的文章

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

memory   2017-05-15  暂无评论

基于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  暂无评论

PHP策略模式设计

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

memory   2016-12-22  暂无评论

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

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

memory   2016-12-18  暂无评论

Yaf之插件开发

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

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中的缓存配置...

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

memory   2015-11-16  暂无评论

用原生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中的正则表达式

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

memory   2015-05-20  1 条评论

Typecho 自定义分页样式

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

memory   2015-05-08  2 条评论