2017年06月_骑着代马去流浪

原创 jquery实现侧边栏手风琴三级导航菜单demo

jquery实现侧边栏手风琴三级导航菜单效果图:引入文件，font-awesome为字体库文件： css代码： ul { list-style: none; } .s-side { position: fixed; top: 0; left: 0; wid

2017-06-24 18:03:11 7805

原创第10篇：ui-router+ocLazyLoad实现控制器js文件的按需加载

在使用angular搭建项目的时候，如果单页面过多，就会配置过多的控制器，服务器等，就会导致项目启动时太多的js文件加载进来，存在其不合理之处，使用ocLoadLoad可以实现单页面控制器等js文件的懒加载，避免项目启动时过多的文件加载进来。下面以一个demo为例分析如何使用lazyload和ui-router实现控制器的懒加载1.项目目录结构：tpl 三个视图文件ctrl 三个视

2017-06-22 17:27:43 2029

原创 php实战：html+php+mysql实现留言板功能

功能描述：1）实测链接的是远程数据库2）打开留言板加载留言3）新添加的留言显示在下方css代码，用于设置弹框和新添加的留言样式等 #comments{ margin:10px auto; } #post{ margin-top:

2017-06-21 18:16:39 35794 22

原创纯CSS实现坦克运动及开炮效果

先看实现后的效果图：实现代码： * { margin: 0; padding: 0; } .wrap { position: absolute; margin: 300px 50px; width: 500px; animation: houzuo 1s both 0s ease-out in

2017-06-16 16:27:13 1096

原创 X度网盘大文件使用浏览器或迅雷下载的方法之一

以Chrome浏览器为例：1.安装油猴扩展打开chrome网上应用商店，搜索扩展tampermonkey并安装安装完成之后，在chrome右上角会显示油猴插件图标：2.安装脚本打开地址EX-百度网盘脚本，点击安装此脚本我这里已经安装过了，会显示重新安装安装完成之后打开油猴插件仪表盘会显示该脚本已开启

2017-06-13 18:14:37 12084

转载 height、clientHeight、scrollHeight、offsetHeight区别

原文地址：点击打开链接我们来实现test中的onclick事件 function justAtest() { var test= document.getElementById("test"); var test2=document.getElementById("test2") var test3=document.

2017-06-08 17:42:31 437

转载 JavaScript的数组实现队列与堆栈的方法

原文地址：点击打开链接今天在项目中要使用JavaScript实现数据结构中的队列和堆栈，这里做一下总结。一、队列和堆栈的简单介绍1.1、队列的基本概念队列:是一种支持先进先出(FIFO)的集合,即先被插入的数据,先被取出!如下图所示：1.2、堆栈的基本概念堆栈:是一种支持后进先出(LIFO)的集合,即后被插入的数据,先被取出!

2017-06-08 17:39:23 833

原创 [php_11]PHP之Mysql操作

1.PHP支持的数据库PHP通过安装相应的扩展来实现数据库操作，现代应用程序的设计离不开数据库的应用，当前主流的数据库有MsSQL，MySQL，Sybase，Db2，Oracle，PostgreSQL，Access等，这些数据库PHP都能够安装扩展来支持，一般情况下常说的LAMP架构指的是：Linux、Apache、Mysql、PHP，因此Mysql数据库在PHP中的应用非常广泛，我们会在本章

2017-06-06 17:35:53 649

原创 [php_10]php异常处理

1.抛出异常从PHP5开始，PHP支持异常处理，异常处理是面向对象一个重要特性，PHP代码中的异常通过throw抛出，异常抛出之后，后面的代码将不会再被执行。既然抛出异常会中断程序执行，那么为什么还需要使用异常处理？异常抛出被用于在遇到未知错误，或者不符合预先设定的条件时，通知客户程序，以便进行其他相关处理，不至于使程序直接报错中断。当代码中使用了try catch的时候，抛出的异

2017-06-06 16:36:34 381

原创 [php_09]php图形图像操作

1.GD库GD指的是Graphic Device，PHP的GD库是用来处理图形的扩展库，通过GD库提供的一系列API，可以对图像进行处理或者直接生成新的图片。PHP除了能进行文本处理以外，通过GD库，可以对JPG、PNG、GIF、SWF等图片进行处理。GD库常用在图片加水印，验证码生成等方面。PHP默认已经集成了GD库，只需要在安装的时候开启就行header("content-

2017-06-06 16:35:41 388

原创 [php_08]php时间与日期

1.Unix时间戳UNIX 时间戳（英文叫做：timestamp）是 PHP 中关于时间与日期的一个很重要的概念，它表示从 1970年1月1日 00:00:00 到当前时间的秒数之和。PHP提供了内置函数 time() 来取得服务器当前时间的时间戳。那么获取当前的UNIX时间戳就很简单了。$time = time();echo $time;//1396193923，这个数字表示从1

2017-06-06 16:10:22 509

原创 [php_07]php文件系统

1.读取文件内容PHP具有丰富的文件操作函数，最简单的读取文件的函数为file_get_contents，可以将整个文件全部读取到一个字符串中。$content = file_get_contents('./test.txt');file_get_contents也可以通过参数控制读取内容的开始点以及长度。$content = file_get_contents('./test.t

2017-06-06 16:09:22 503

原创 [php_06]PHP之session与cookie

1.cookie简介Cookie是存储在客户端浏览器中的数据，我们通过Cookie来跟踪与存储用户数据。一般情况下，Cookie通过HTTP headers从服务端返回到客户端。多数web程序都支持Cookie的操作，因为Cookie是存在于HTTP的标头之中，所以必须在其他信息输出以前进行设置，类似于header函数的使用限制。 PHP通过setcookie函数进行Cookie的设置

2017-06-06 15:15:26 526

原创 [php_05]php正则

1.正则表达式正则表达式是对字符串进行操作的一种逻辑公式，就是用一些特定的字符组合成一个规则字符串，称之为正则匹配模式。$p = '/apple/';$str = "apple banna";if (preg_match($p, $str)) { echo 'matched';}其中字符串'/apple/'就是一个正则表达式，他用来匹配源字符串中是否存在apple字符串

2017-06-06 15:12:46 484

原创 [php_04]PHP字符串

1.字符串定义PHP开发中，我们遇到最多的可能就是字符串。字符串变量用于包含字符串的值。一个字符串通过下面的3种方法来定义： 1、单引号2、双引号3、heredoc语法结构基本用法如下，后面的节还会详细进行介绍使用技巧，这里只介绍用法：单引号定义的字符串：$hello = 'hello world'; 双引号定义的字符串：$he

2017-06-06 12:39:08 464

原创 [php_03]php类与对象

1.类与对象类是面向对象程序设计的基本概念，通俗的理解类就是对现实中某一个种类的东西的抽象，比如汽车可以抽象为一个类，汽车拥有名字、轮胎、速度、重量等属性，可以有换挡、前进、后退等操作方法。通常定义一个汽车类的方法为：class Car { $name = '汽车'; function getName() { return $this->name;

2017-06-06 12:37:51 368

原创 [php_02]php函数

1.自定义函数1）.使用关键字“function”开始2）.函数名可以是字母或下划线开头：function name()3）.在大括号中编写函数体：function name() { echo 'Eric';}当需要的时候，就可以在代码中调用这个函数，调用方法为函数名+参数，例如：name();2.函数的参数PHP的函数可以没有参数，也可以有若干个参数，多个

2017-06-06 10:34:06 413

原创 [php_01]PHP数组

1数组定义数组就是一个键值对组成的语言结构，PHP中创建一个新数组：//设置某个变量为一个空数组$arr = array();?>创建一个空数组，并把创建的空数组赋值给变量$arr。2索引数组2.1索引数组初始化索引数组是指数组的键是整数的数组，并且键的整数顺序是从0开始，依次类推。$fruit = array("苹果","香蕉","菠萝"); 注意数组的键

2017-06-06 10:12:42 328

原创第9篇：angular动态删除或插入节点元素

此方法使用了angular的迭代指令ng-repeat，从一个元素的集合里迭代出来显示在视图上。看代码（略去的css样式） Add New Postback

2017-06-05 14:31:54 9205

原创 multiselect下拉选项动态赋值

var site = new Array(); $.each(data, function(index, values) { //循环将data数据的结构重新调整为下面这样的：[{label:xxx,value:id}] // laebl相当于option的文字，value则是option的value，结构不能错 site.push({

2017-06-05 14:22:40 4943 2

原创 datatable对某一列的值进行模糊或非模糊搜索

var table = $('#example').DataTable(); table.columns( 1 ).search($('.input_search').val(),true,false).draw();//对第二列进行模糊非智能搜索search中，第一个参数为需要搜索的值，第二个参数为模糊，则精确搜索，为FALSE，则表示非模糊搜索，第三个值为true或者false分别表示智能/

2017-06-05 14:08:19 8289 1

原创 [html5入门-28]css禁用鼠标点击事件

.disabled { pointer-events: none; } 禁用所有该元素下的鼠标点击事件

2017-06-05 13:15:26 4110

转载 Jquery图片上传本地预览

插件作者:周祥插件介绍:图片上传本地预览插件兼容浏览器(IE 谷歌火狐) 不支持safari 当然如果是使用这些内核的浏览器基本都兼容插件下载:http://jquery.decadework.com/**插件作者:周祥*发布时间:2014年12月12日*插件介绍:图片上传本地预览插件兼容浏览器(IE 谷歌火狐) 不支持safari 当然如果是使用这些内核的浏览器基本都兼

2017-06-05 11:33:25 628

转载 jQuery中eq和get的区别

相信大部份人都会把这2个的用法搞错。仔细查看下API文档就可以知道。eq返回的是一个jquery对象，get返回的是一个html 对象数组。举个例子： style="color:yellow">绯雨使用eq来获得第一个p标签的color值：$("p").eq(0).css("color") //因为eq(num)返回的是个jq对象，所以可以用jq的方法css使用get来获得第一个

2017-06-05 10:53:28 426

原创 Js获取昨天今天明天的日期

function GetDateStr(AddDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后的日期 var y = dd.getFullYear(); var m = dd.getMonth()+1;//获取当前月份的日期 var

2017-06-05 10:50:48 4672

转载关于jquery的serialize方法转换空格为+号的解决方法

来源：点击打开链接jquery的 serialize()方法，可以对表单项进行序列化，这本来是很方便的一个功能；但是实际使用中去发现了如下问题：例如：abc 123 那么在执行 serialize()方法后，得到的却是 abc+123 这样的字符串；即jquery的序列化方法对空格进行了转义，转换成了 + 号。jquery中serialize方法的部分代码如下所示：

2017-06-05 10:28:24 2678

原创 datatable自定义分页按钮位置

datatable默认的分页按钮位置表头和表尾，但是在一些情况下需要自定义按钮位置，只需将datatable的属性绑定该元素的点击事件即可：var table = $('#example').DataTable(); $('#next').on( 'click', function () { table.page( 'next' ).draw( 'page' );} );$('

2017-06-05 10:21:50 8061

原创 datatable分页增加首页和尾页

datatable默认的分页样式只有上一页和下一页，如果需要添加首页和尾页，只需将datatable的pagingType属性设置为

2017-06-05 10:13:15 2659

转载 datatables参数配置详解

来源：点击打开链接 //@translator codepiano //@blog codepiano //@email [email protected] //尝试着翻译了一下，难免有错误的地方，欢迎发邮件告知，多谢。 /*------------------------------------------------Feature-------------

2017-06-05 10:04:59 618

原创 datatable表头增加分页

当datatable生成的表格较长时需要在表头和表尾添加分页，datatable默认的只有表尾有分页，若要再表头添加分页，需要添加一行代码：$(document).ready(function() { $('#example').DataTable( { "dom": '>rt>' } );} );参考来源：点击打开链接

2017-06-05 09:57:44 744

转载闯红灯理论

来源：http://blog.csdn.net/findmyself_for_world/article/details/50217555闯红灯理论现在，你是一个风流潇洒的高富帅，开着一辆，呃不对，是骑着一辆大永久（我们那个年代的年青人最豪华的装备，跟现在大家开大奔的感觉从心理上讲一样的）在路上兜风，阳光洒在你身上，妹子们投来火辣辣的目光，一切都是这么愉快，你骑到一个十字路口，

2017-06-01 18:42:10 413

原创 jQuery-datatable添加和修改提交到服务器的数据

datatable提供了添加和修改传给服务器参数的方法1)修改传到服务端的值var table = $('#example').dataTable( { "ajax": { "url": "data.json", "data": function(d){ //修改第二列为可模糊搜索 d.columns[1].search.regex = "true"

2017-06-01 18:28:00 3330

原创第8篇：angular监听和获取路由的状态

注入$location服务，使用path()方法获取路由状态和路由参数angular.module('myApp') .run(['$rootScope','$location', '$routeParams', function($rootScope, $location, $routeParams) { $rootScope.$on('$routeChangeSuccess',

2017-06-01 18:09:03 3417 1

原创 js时间戳与时间的相互转化

//yyyy-mm-dd H:i转化为时间戳 var datetime_to_unix = function(date){ var tmp_datetime = date.replace(/:/g,'-'); tmp_datetime = tmp_datetime.replace(/ /g,'-'); var arr = tmp_dateti

2017-06-01 18:00:52 543

原创百度echart图表宽度自适应问题的一种解决思路

使用echart图表做项目遇到了一个难题，就是图表随着所在div容器宽度变化而自适应的问题。图表所在的容器变化存在三种情况：1）打开页面时，左侧侧边栏是伸出的，右侧图表所在的div占满剩下空间，图表要占满容器；2）点击一个按钮左侧侧边栏收缩或伸出，图表所在的div容器变化，内部图表也要对应占满2）调整窗口大小，图表所在容器的变宽或变窄，其内部图表也自适应变化所以到针对这三种不同

2017-06-01 17:39:34 14927

骑着代码去流浪