2017年03月_yzbben

转载 php实现无限级树型菜单（函数递归算法）

大概步骤如下：首先到数据库取数据，放到一个数组，然后把数据转化为一个树型状的数组，最后把这个树型状的数组转为html代码。也可以将第二步和第三步合为一步。详细如下： 1。数据库设计：脚本如下： CREATE TABLE `bg_cate` ( `cate_Id` int(30) unsigned NOT NULL AUTO_INCREMENT, `cate_ParentId`

2017-03-29 15:37:27 1017

原创开发钓具项目前后台总结

1.Thinkphp 中随机取数据条数 M('tableName')->order('rand()')->limit(3)->select();

2017-03-28 16:00:56 380

转载什么？你还不会写JQuery 插件

前言　　如今做web开发，jquery 几乎是必不可少的，就连vs神器在2010版本开始将Jquery 及ui 内置web项目里了。至于使用jquery好处这里就不再赘述了，用过的都知道。今天我们来讨论下jquery的插件机制，jquery有着成千上万的第三方插件，有时我们写好了一个独立的功能，也想将其与jquery结合起来，可以用jquery链式调用，这就要扩展jquery，写成插件形式了，

2017-03-24 15:27:11 312

转载 webpack 处理html中img的src引入的图片

webpack在管理模块，处理各种资源上都是无往不利，但唯独在处理html上比较困难，不识别html中img标签src引入的图片。 html-webpack-plugin这种插件辅助处理html非常好，但却仍然未解决html代码中的图片问题，未免美中不足。在遍寻开源模块无果后，认真研究webpack的loader和plugin后，终于解决了这个问题。从npm安装模块 npm i ht

2017-03-22 17:27:01 11277

转载 AngularJs $interval 和 $timeout

$interval window.setInterval的Angular包装形式。Fn是每次延迟时间后被执行的函数。间隔函数的返回值是一个承诺。这个承诺将在每个间隔刻度被通知，并且到达规定迭代次数后被取消，如果迭代次数未定义，则无限制的执行。通知的值将是运行的迭代次数。取消一个间隔，调用$intreval.cancel(promise)。备注：当你执行完这项服务后应该把它销毁

2017-03-15 09:34:12 613

转载 Javascript 中的神器——Promise

Promise in js 回调函数真正的问题在于他剥夺了我们使用 return 和 throw 这些关键字的能力。而 Promise 很好地解决了这一切。 2015 年 6 月，ECMAScript 6 的正式版终于发布了。 ECMAScript 是 JavaScript 语言的国际标准，JavaScript 是 ECMAScript 的实现。ES6 的目标，是使得

2017-03-14 12:18:36 454

转载 HTML5 Canvas处理头像上传

最近社区系统需要支持移动端，其中涉及到用户头像上传，头像有大中小三种尺寸，在PC端，社区用Flash来处理头像编辑和生成，但该Flash控件的界面不友好而且移动端对Flash的支持不好，考虑到这些问题，最后我们选用Canvas来完成图像尺寸缩放和图片数据获取。等边处理头像一般都是正方形，首先我们需要获取图片宽度和高度的最小值，用该最小值作为边长居中裁剪图片，最终得到一个正方形的图片

2017-03-13 11:02:34 1801

转载 HTML5 5大存储方式总结

总体情况 h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。主要应用：购物车、客户登录对于IE浏览器有UserData，大小是64k,只有IE浏览器支持。目标解决4k的大小问题解决请求头常带存储信息的问题解决关系型存储的问题跨浏览器 1.本地存储localstorage 存储方式：

2017-03-13 09:35:03 347

转载 pace.js – 网页自动加载进度条插件

之前有很多同学询问觉唯网站顶部的页面加载进度条是怎么实现的，页面的加载进度百分比，有时候获取是比较麻烦的，当然也可以利用一些优秀的JavaScript插件来实现，今天就为大家介绍这样子的一款插件：pace.js。在页面中引入Pace.js，页面就会自动监测你的请求（包括Ajax请求），在事件循环滞后，会在页面记录加载的状态以及进度情况。此插件的兼容性很好，可以兼容IE8以上的所有主

2017-03-10 18:17:23 2701

转载 HTML5模仿刮奖效果-页面涂抹消失插件wScratch

本文转至：http://www.xuanfengge.com/html5-imitates-scratch-effect-disappear-page-smear-plug-in-wscratch.html 前言 HTML5的canvas有很多应用点，如绘画板、图形绘制、游戏交互、彩票刮刮乐等，除了这些，还有个比较好的点就是主页涂抹一部分之后，页面消失进入主要内容。 wScrat

2017-03-10 16:31:55 2013

转载 CSS3自定义滚动条样式 -webkit-scrollbar

有没有觉得浏览器自带的原始滚动条很不美观，同时也有看到很多网站的自定义滚动条显得高端，就连chrome32.0开发板都抛弃了原始的滚动条，美观多了。那webkit浏览器是如何自定义滚动条的呢？前言 webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。演示

2017-03-10 16:11:08 6381

转载自调用匿名函数

通常定义函数并调用 function a(){ } a(); 或是 var a = function(){ } a(); 但是查看jquery源码会发现它最外层的架构是这样的 (function( window, undefined ) { // jquery code })(window); 解释:首先jquery是定义了一个匿名函数(

2017-03-08 14:13:36 365

转载手机端虚拟键盘弹出使界面布局混乱解决方法

html5页面当点击input输入框弹出安卓手机上键盘就会把背景顶了上来，软键盘弹出时，改变了height，使height:100%,不能达到原来的高度。页面布局就乱了,解决方法：原生js: window.onload=function(e){ var _body=document.getElementsByTagName('body')[0]; _body.

2017-03-07 16:07:48 9027

转载 js如何准确获取当前页面url网址信息

在WEB开发中，时常会用到javascript来获取当前页面的url网址信息，在这里是我的一些获取url信息的小总结。下面我们举例一个URL，然后获得它的各个组成部分：http://i.cnblogs.com/EditPosts.aspx?opt=1 1、window.location.href(设置或获取整个 URL 为字符串) var test = window.locat

2017-03-07 15:53:49 1086

转载 JS前端开发判断是否是手机端并跳转操作（小结）

转载于：http://www.xker.com/page/e2014/0325/131654.html 常用跳转代码以下代码为常用来判断访问者的访问设备的类型来进行相应的跳转 script type="text/javascript"> // borwserRedirect (function browserRedirect(){ var sUserAg

2017-03-07 15:52:20 15410

转载 php -- 取路径：getcwd()、DIR、FILE 的区别

getcwd() ：显示是在哪个文件里调用此文件的目录 __DIR__ ：当前内容写在哪个文件就显示这个文件目录 __FILE__ ：当前内容写在哪个文件就显示这个文件目录+文件名由此可见 getcwd（）和 __DIR__ 返回的是文件所在的绝对路径但是没有文件自身的名字在内。 __FILE__则是返回的是文件所在的绝对路径但是有文件自身的

2017-03-01 11:26:33 366

yzbben的博客