schifred
- 浏览: 208014 次
-
最新评论
文章列表
bootstrap-table源码解读
- 博客分类：
- jquery插件
1.使用
简单场景：
<table id="table"></table>
$("#table").bootstrapTable({
url: options.url,
method: options.method || 'get', //请求方式（*）
//toolbar: '#toolbar', //工具按钮用哪个容器
striped: true, //是否显示行间隔色
cache: false, //是否使用缓存，默认为true ...
jquery-validate源码解读
- 博客分类：
- jquery插件
html：
<form id="testForm" enctype="multipart/form-data" class="form-horizontal">
<div class="form-group">
<label for="name" class="control-label">
<em class="red-font">*</em>
姓 ...
1.插件的使用
单独输入框
<input class="date_input form-control">
$(".date_input").datetimepicker({
language: 'zh-CN',
autoclose: 1,
minView: 2,
maxView: 2,
format:"dd"
});
输入框加图标
<div class="input-group date t ...
1.总体架构
为两类事件提供接口，点击事件和拖拽事件，其中点击事件需要向元素添加preventClickEvent，以阻止默认的表单提交或文件上传事件发生。
两类事件都是通过向元素绑定mouseDown事件触发函数发生。
点击事件在_mouseDown ...
1.插件的使用
<!--[if !supportLists]-->1. 通过data-toggle绑定触发事件的父集元素，点击添加或删除open样式类，由此展开或折叠下拉菜单；
$(“. dropdown-toggle”).dropdown(‘toggle’)触发下拉菜单的展开或折叠；
...
收获：
1.总架构：
首先创建BootstrapPaginator构造函数，prototype赋值方法，实现页面的渲染，通过自调用匿名函数封装BootstrapPaginator类的方法，对外不提供修改及调用接口，onPageClicked方法用来改变页码的显示状况；
再在$.fn.BootstrapPaginator内部new出一个BootstrapPaginator实例，构成jquery插件，默认配置项作为$.fn.BootstrapPaginator的属性存在，包括前后首尾页的显示文本、提示层文本、尺寸对齐等样式状况、以及onPageClicke ...
Kissy-combobox内置组件
1.组件地址
https://kissygalleryteam.github.io/组件名/版本号/js文件路径
http://g.tbcdn.cn/组件名/版本号/js文件路径
KISSY.config()包配置：
KISSY.config({
name:’
express-demo示例
- 博客分类：
- node
1.npm install -g express
2.npm install -g express-generator
最新的express将命令行工具分离出来，放在express-generator组件中
3.express -V查看版本，express是否安装成功
4.express projectname在当前目录下创建命名为projectname的express工程文件
App.js路口文件
Public存放css、js文件和图片
var http=require("http");
var url=require("url");
var onRequest=function(request,response){
var pathname=url.parse(request.url).pathname;
if (pathname=="/"||pathname=="/start"){
//默认{"content-Type":"text/html"}解析html，text/plain不解析，原始代 ...
sublime安装node插件
- 博客分类：
- node
1.下载插件
https://github.com/tanepiper/SublimeText-Nodejs
（通过package-control安装会是过时的版本）
2.将插件存放到sublime插件库中
3修改Nodejs.sublime-build配置文件
{
"cmd": ["D:/Program/nodejs/node.exe", "$file"],
#文件所在路径
"file_regex": "^[ ]*File \"(...*?)\& ...
kissy使用小结（1）工程构建工具bee
- 博客分类：
- kissy
1.npm install yo gulp -g
2.npm install generator-bee -g脚手架工具bee依赖于yeoman
3.项目文件夹下运行yo bee，将自动生成kissy的bee-demo文件目录
或者访问https://github.com/minghe/bee-demo下载bee-demo项目
使用yo bee生成的文件目录没法正确执行npm install命令，github上下载的可以？？？
4.
kissy使用小结（2）模块化
- 博客分类：
- kissy
1.页面中导入kissy（dev_index.html）
<script src="http://g.alicdn.com/kissy/k/1.4.8/??seed-min.js,import-style-min.js"
data-config="{combine:true}"></script>
seed.min.js默认加载压缩带min字样的js、css文件，seed.js则加载不带min字样的文件，相当于debug赋值为true
import-style-min.js用于加载css文件
data-config= ...