摘要：
Jquery图片上传组件，支持多文件上传
http://www.jq22.com/jquery-info230
jQuery File Upload 是一个Jquery图片上传组件，支持多文件上传、取消、删除，上传前缩略图预览、列表显示图片大小，支持上传进度条显示；支持各种动态语言开发的服务器端。
jQuery File Upload有多个文件选择，拖放上传控件拖放支持，进度条，验证和预览图像，音频和视频 。
支持跨域，分块和可恢复的文件上传和客户端图像大小调整。适用于任何服务器端平台（PHP, Python, Ruby on Rails, Java, Node.js, Go etc.） ，支持标准的HTML表单文件上传。
http://www.jq22.com/yanshi230
多文件上传也是一个个上传的，关键是在选择的时候让他一次性选择多个
阅读全文
摘要：
多屏适应响应式布局方案,响应式、自适应布局区别 完整的思维导图
基于webview的Hybrid App混合开发模式，facebook开源的React Native，bootsrtap响应式布局 阅读全文
摘要：
基于webview的Hybrid app和React Native及html5
facebook开源的React Native听说这个比基于webview的Hybrid app要好很多
React Native的优势和劣势：
优势相对Hybird app或者Webapp：
1. 不用Webview，彻底摆脱了Webview让人不爽的交互和性能问题
2. 有较强的扩展性，这是因为Native端提供的是基本控件，JS可以自由组合使用
3. 可以直接使用Native原生的动画（在FB Group这个app里面，面板滑出带一点果冻弹动，面板基于某个点展开这种动画随处可见，这种动画用Native code来做小菜一碟，但是用Web来做就难上加难）。
优势相对于Native app：
1. 可以通过更新远端JS，直接更新app，不过这快成为各家大型Native app的标配了.
劣势：
1. 扩展性仍然远远不如web，也远远不如直接写Native code
2. 从Native到Web，要做很多概念转换，势必造成双方都要妥协。
比如web要用一套CSS的阉割版，Native 阅读全文
摘要：
HTML5代码规范
html标签里面等号两边不要留空格在IE下可能会识别不了
html5等号前后可以使用空格,但仍不推荐使用。
HTML 代码约定
很多 Web 开发人员对 HTML 的代码规范知之甚少。
在2000年至2010年，许多Web开发人员从 HTML 转换到 XHTML。
使用 XHTML 开发人员逐渐养成了比较好的 HTML 编写规范。
而针对于 HTML5 ，我们应该形成比较好的代码规范，以下提供了几种规范的建议。 阅读全文
摘要：
jquery一句话实现快速搜索功能
//快捷搜索公共方法，其中obj为显示行的子节点
function filter(obj, filterNameValue){
$(obj).hide().filter(":contains('"+(filterNameValue)+"')").show();
}
例如：
onkeyup="filter('table tbody tr', this.value)"
onkeyup="filter('select option', this.value)"
需要到显示的子节点
阅读全文
摘要：
百度地图api通过地址显示地图，白名单
阅读全文
摘要：
jquery checkbox相关 prop方法
firefox中 checkbox属性checked="checked"已有，但复选框却不显示打钩的原因
复选框绑定了click事件，点一次选中，再点击取消选中，依次类推。
这个功能在ie中没问题，但是在firefox中测试的时候，前两次都没有问题，可以正常显示选中和取消，但当再去选中的时候，复选框的属性checkbox值变为"checked"，没问题，但是复选框却不在显示选中状态，明明属性值改了，但是却不显示勾选。
正解：后来经偶像指点，原来是jQuery版本问题。我操作属性用的是
$("**").attr("attrName");而jQuery的版本用的是1.9，这就是存在一个兼容性和稳定性问题。
jQuery API明确说明，1.6+的jQuery要用prop，尤其是checkBox的checked的属性的判断，即:
$("input[type='checkbox']").prop("checked");
$("input[type='checkbox']").prop("disabled", false);
阅读全文
摘要：
网站app原型设计工具:axure,Mockups,墨刀
Balsamiq Mockups 3 网站原型设计工具
非常高效，非常简单，几分钟就能搞定
比axure好用很多
墨刀 - 免费的移动应用原型与线框图工具
https://modao.cc/
墨刀是国内团队提供的一个基于浏览器的手机原型设计工具，号称10分钟设计一个手机app 阅读全文
摘要：
wamp下配置多域名和访问路径的方法
1.到安装目录下，打开配置httpd.conf
D:\wamp\bin\apache\Apache2.2.21\conf\httpd.conf
也可以通过wamp图标打开。查找 Virtual hosts 去掉下面include行前面的# 修改为
#Virtual hosts
Include conf/extra/httpd-vhosts.conf
这样就在配置文件中引入了httpd-vhosts.conf文件。 阅读全文
摘要：
php json_decode() 如果想要强制生成PHP关联数组，json_decode()需要加一个参数true 阅读全文
摘要：
zend studio中ctrl+鼠标左键无法转到类或函数定义文件的解决方法：
zendstudio 时常 无法ctrl+左键跳转到函数源代码是创建工程的方式造成的,很有可能是把先前存在的工程以file的形式导入,zendstudio就把工程当作文档来处理了
解决的办法是:
右键点击工程->configure->add php support 然后系统会自动rebuild工程/workspace ,
至此，问题解决!
另外很多问题用 Clean projects 可以解决 阅读全文
摘要：
ThinkPHP CURD mysql操作
ThinkPHP提供了灵活和方便的数据操作方法，对数据库操作的四个基本操作（CURD）：创建、更新、读取和删除的实现是最基本的，也是必须掌握的，在这基础之上才能熟悉更多实用的数据操作方法。CURD操作通常是可以和连贯操作配合完成的。下面来分析下各自的用法：（下面的CURD操作我们均以M方法创建模型实例来说明，因为不涉及到具体的业务逻辑） 阅读全文
摘要：
nginx日志过滤相同IP方法
分析nginx日志的时候，统计ip怎么过滤重复的？
awk '{print $2}' nginx.log |sort -rn |uniq -c |sort -rn |head
$2 第二列是ip的话
uniq 这个是过滤唯一 阅读全文
摘要：
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。全球数以百万计的网站都是基于 Bootstrap 构建的。
Bootstrap 为所有开发者、所有应用场景而设计，所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。
简洁、直观、强大的开发框架，有众多插件，让Web开发更快、更容易 阅读全文
摘要：
Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。
栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。
但在较复杂的页面上出现问题，间隔，内外边距常困扰开发人员，需要深入源码和文档理解栅格系统才能运用自如。
“行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中，以便为其赋予合适的排列（aligment）和内补（padding）。
Bootstrap 栅格系统的精妙之处, 通过container, row, column都有15px的padding槽边和 row的margin -15px设置，巧妙实现在 column 中嵌套 row进行nesting 扩展(超过12列)，而不需要再套一层 container 阅读全文
摘要：
bootstrap介绍,Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。全球数以百万计的网站都是基于 Bootstrap 构建的。
Bootstrap是完全开源的由Twitter @mdo 和 @fat 构建, 采用 LESS CSS, 通过Node编译, 代码托管、开发、维护都在 GitHub 平台上
Bootstrap 为所有开发者、所有应用场景而设计，所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。
简洁、直观、强大的开发框架，有众多插件，让Web开发更快、更容易 阅读全文
摘要：
ThinkPHP问题收集：模板中使用U方法时无法嵌套大括号，For标签，插入数据，新增的表字段缓存问题 阅读全文
摘要：
Unity VR编辑器――如上帝般创建VR内容,Project Soli google用雷达识别手势体积相当于一张 Mini SD 内存卡 阅读全文
摘要：
Gatling新一代压力测试工具,新一代服务器性能测试工具Gatling适用的场景包括：测试需求经常改变，测试脚本需要经常维护；测试环境的客户机性能不强，但又希望发挥硬件的极限性能；能对测试脚本进行很好的版本管理，并通过CI进行持续的性能测试；希望测试结果轻量易读等。 阅读全文
摘要：
EasyUI+bootsrtap混合前端框架
用户没有登录前浏览的页面用bootsrtap框架
用户登录进去后的商家管理的用 jQuery EasyUI 1.4.5 框架
商家管理的大部分是表单相关的，用EasyUI比较方便，用户登录前的页面大部分是内容展示页，用响应式的比较友好
这两个结合是最适合我们团队目前人员情况的，在美观，兼容性和开发效率上应该是最优的组合了 阅读全文
摘要：
软件的极简主义的三个大敌：配置文件，冗余的参数，和大量复杂的接口。 阅读全文
摘要：
PowerDesigner逆向操作(从mysql5.0生成数据库的物理模型),把备注Comment写到name中,pdm文件导出为rtf文件另存为.doc的word文档 阅读全文
摘要：
修改apache配置文件去除thinkphp url中的index.php
例如你的原路径是 http://localhost/test/index.php/index/add
变成 http://localhost/test/index/add 阅读全文
摘要：
javascript闭包(Module模式)的用途和高级使用方式
javascript闭包的用途：
1. 匿名自执行函数：或者可以理解为，避免污染全局变量
2. 缓存：源于闭包的核心特性便是保存状态，应用此特性便可对需要的变量进行缓存
3. 实现封装：同样可以使用闭包保存状态的特性，充当一个作用域块，将块里面的属性变量至于内存之中来实现封装
4. 闭包的另一个重要用途是实现面向对象中的对象，传统的对象语言都提供类的模板机制：原理同上。 阅读全文
摘要：
seo标题关键字描述字数限制
seo优化各个搜索引擎收录Title,keywords,description长度最长多长 ?
SEO网站优化中Title标签的作用为重中之重，好的Title也就成功了一半了。那么Title的长度到底多长才能合适呢？
搜索了一下网上的SEO资料，找到了一些关于各个搜索引擎对Title长度的要求，资料如下： 阅读全文
摘要：
css去掉a标签点击后的虚线框,outline,this.blur()
1：在a标签里加入js控制，当a标签被聚焦时，强制取消焦点，这时候a标签自然不会有虚线框。
测试
2：在a标签里嵌套其他标签，比如span等，把内容放在被嵌套的标签里。这时候点击这个链接，聚焦的是a的子标签，自然不会聚焦在a标签上，所以也能避免这个问题。
3：不适用a标签做链接，采用其他标签，使用js做出hover的效果。
4.在css中加入.xxx a{outline:none;blr:expression(this.onFocus=this.blur());} 阅读全文
摘要：
让360双核浏览器默认极速模式，避免采用IE模式无法正常访问html5网页的解决办法
用Meta标签代码让360双核浏览器默认极速模式不是兼容模式
网站大量采用了html5和css3，希望用户都以webkit内核打开页面，但是测试却发现360的以ie内核打开为推荐模式。
360给网站开发者设计了一种选择的方法，只要加入一段Meta标签代码就可以解决。 阅读全文
摘要：
zendstudio中加入对tpl文件的支持，用HTML Editor编辑器编辑：
ThinkPHP中默认使用的tpl在zendstudio中默认打开都是文本编辑器的，没有语法提示开发效率很低，直接设置成HTML Editor要么崩溃要么不起作用，经过多次搜索和试验终于配置成功了。
1.窗口->首选项->常规->内容类型->文本->PHP Content Type->添加新关联文件，"*.tpl"，确定。
2.窗口->首选项->常规->编辑器->文件关联->添加新的文件关联，"*.tpl"->添加相关联的编辑器->默认为 HTML Editor,同时增加PHP Editor和Text Editor。
用上面的方式设置zendstudio编辑tpl模版文件跟编辑html文件一样，效率高多了，右边可以看到详细的目录层级结构，有语法着色提示，标签提示等。
不用切换到Dreamweaver里面编辑tpl文件了（由于ThinkPHP设置public目录下的文件为html可以直接访问，tpl文件不能直接访问，可以增强安全性） 阅读全文
摘要：
nginx的权限问题(Permission denied)解决办法
查看nginx进程ps aux|grep nginx
发现都是nobody的进程，但是nginx的目录都是root用户，另外集群tomcat也是属于root用户，而且root启动。
查看nginx.conf:
user nobody
改成：user root
注意：只是注释掉（#user nobody），没重新赋值默认还是nobody
停止nginx -s stop
重启nginx -c nginx.conf
测试...
另：fastdfs+lua缩略图的路径也有同样问题，默认情况设置777可以执行，设置给某个用户可写就不行 阅读全文
摘要：
第一次使用crontab linux选择编辑器问题
第一次使用crontab 时，会出现
no crontab for root - using an empty one
“Select a editor ......”下面有几个选项，就是叫你选择编辑器。（选vim)就可以了，我选的第三个。
但是如果你选错了，就可能会遇到点麻烦，没有办法正常编辑，crontab -e。 怎么办？
执行这个命令：select-editor (针对crontab的一个命令）， 可以让你重新选一次。 阅读全文
摘要：
thinkphp标签实现bootsrtap轮播carousel实例
由于轮播carousel第一个div需要设置active样式才能正常显示，上面的圆点也同样需要数字，
使用volist标签在循环的同时可以取得下标（foreach，for标签实现不了） 阅读全文
摘要：
微信分享缩略图，如何增加微信朋友圈分享链接的小图片? facebook、google+、twitter等分享的标签 阅读全文
摘要：
如何安装nginx_lua_module模块，升级nginx，nginx-lua-fastdfs-GraphicsMagick动态生成缩略图，实现图片自动裁剪缩放
如果是nginx1.6以下是版本先看下面升级nginx的方法先升级，否则安装不了
fastdfs开源的分布式文件系统，此脚本利用nginx lua模块，动态生成图片缩略图，fastdfs只存一份原图。lua通过socket获取fastdfs的原图，并存放到本地，根据不同规则url，例如：_60x60.jpg、_80x80.jpg，类似淘宝图片url规则。利用gm命令生成本地缩略图，第二次访问直接返回本地图片。定时任务凌晨清除7天内未访问的图片，节省空间。 阅读全文
摘要：
查找nginx安装的路径以及相关安装操作命令
Linux环境下，怎么确定Nginx是以那个config文件启动的？
[root@localhost ~]# ps -ef | grep nginx
CentOS 下安装nginx 阅读全文
摘要：
linux rsync同步工具
rsync是一款开源的、快速的、多功能的、可实现全量及增量的本地或远程数据同步备份的优秀工具。rsync软件适用于unix/linux/windows等多种操作系统平台。
rsync和ssh带的scp命令比较相似，但又优于scp命令的功能，scp每次都是全量拷贝，而rsync可以进行增量拷贝。当然，rsync还可以在本地主机的不同分区或目录之间全量及增量的复制数据，这又类似cp命令，但同样也优于cp命令，cp每次都是全量拷贝，而rsync可以增量拷贝.利用rsync还可以实现删除文件和目录功能，这又相当于rm命令。 阅读全文
摘要：
返回xml过长时被nginx截断的解决办法
问题描述:
通过网页获取数据，数据格式为xml。当xml比较短时，可以正常获取数据。但是xml长度过长时不能正常获取数据，通过观察返回数据的源代码，发现xml被截断了。
问题出现在此时nginx临时向/var/lib/nginx/tmp/目录下写入了临时数据，而执行nginx的用户没有该目录的写入权限。
解决该权限问题后问题解决。
出现这个问题的原因是nginx里对于小的反向代理请求是使用内存作中转，对于稍微大一点的，是使用文件系统来做中转。
另外php.ini nginx 对请求大小的配置也可能有影响，HTTP协议中使用Content-Length这个头来告知数据的长度。 阅读全文
摘要：
安装Nginx+Lua+OpenResty开发环境配置全过程实例
OpenResty由Nginx核心加很多第三方模块组成，默认集成了Lua开发环境，使得Nginx可以作为一个Web Server使用。
借助于Nginx的事件驱动模型和非阻塞IO，可以实现高性能的Web应用程序。
而且OpenResty提供了大量组件如Mysql、Redis、Memcached等等，使在Nginx上开发Web应用更方便更简单。
目前在京东如实时价格、秒杀、动态服务、单品页、列表页等都在使用Nginx+Lua架构，其他公司如淘宝、去哪儿网等。 阅读全文
摘要：
ThinkPHP函数详解：M方法
http://www.thinkphp.cn/simple/functions_m.html
M方法用于实例化一个基础模型类，和D方法的区别在于：
1、不需要自定义模型类，减少IO加载，性能较好；
2、实例化后只能调用基础模型类（默认是Model类）中的方法；
3、可以在实例化的时候指定表前缀、数据库和数据库的连接信息；
D方法的强大则体现在你封装的自定义模型类有多强，不过随着新版ThinkPHP框架的基础模型类的功能越来越强大，M方法也比D方法越来越实用了。 阅读全文
摘要：
ThinkPHP CURD方法盘点：where方法
查询最常用但也是最复杂的where方法，where方法也属于模型类的连贯操作方法之一，主要用于查询和操作条件的设置。
where方法的用法是ThinkPHP查询语言的精髓，也是ThinkPHP ORM的重要组成部分和亮点所在，可以完成包括普通查询、表达式查询、快捷查询、区间查询、组合查询在内的查询操作。
where方法的参数支持字符串和数组，虽然也可以使用对象但并不建议。 阅读全文
摘要：
Thinkphp中查询复杂sql查询表达式，如何表达MYSQL中的某字段不为空is not null?
先上两种实现方式的实例：
$querys["house_type_image"] = array('NEQ','NULL'); //判断字段不为空
//$querys["house_type_image"] = array('exp','is not null');//其中的exp表示MYSQL的表达式查询，支持各种MYSQL语句的添加
表达式 含义
EQ 等于（=）
NEQ 不等于（）
GT 大于（）
EGT 大于等于（=）
LT 小于（）
ELT 小于等于（=）
LIKE 模糊查询
[NOT] BETWEEN （不在）区间查询
[NOT] IN （不在）IN 查询
EXP 表达式查询，支持SQL语法 阅读全文