随笔分类 -  开源技术

摘要：seajs主要做了2件事1.定义什么是模块，如何声明模块:id、deps、factory、exports　----define=function(id,deps,factory){return exports}2.管理模块依赖，解决自动加载。本质其实是个加载器loader：id配上路径规则,fact... 阅读全文

摘要：项目中的表单需要封装一个组件，希望能够灵活且便捷的封装表单的验证规则和提示，选用http://jqueryvalidation.org/主要关注：表单各单元关联验证规则和提示 //html属性来指定规则 //甚至支持元标签解析 不推荐使用，最好还是全部规范使用js注册规则和提示。主要是便于统一维护$("#form").validate({ rules: { firstname: "required", lastname: "required", username: {required: true,min... 阅读全文

摘要：$、jQuery是什么? 平时天天在用的$到底是个什么东西？$("id")思考，感觉像个工厂方法。提供selector创建jquery对象。 一看源码绕晕了，剥茧抽丝吧定义jquery对象，原型上添加方法function _jQuery(selector){}_jQuery.prototype=... 阅读全文

摘要：mustache.txt是非判断{"repos": []}{{#repos}}{{name}}{{/repos}}{{^repos}}No repos :({{/repos}}No repos :(.=this{ "musketeers": ["Athos", "Aramis", "Porthos", "D'Artagnan"]}{{#musketeers}}* {{.}}{{/musketeers}}* Athos* Aramis* Porthos* D'A 阅读全文

摘要：jqueryUIwidget 分析$.widget 理解是个注册ui组件的工厂方法，$.widget(name,prototype) 传入ui的name和ui的prototype，就会返回新ui的构造方法。$.widget( "ui.buttonset",/* 原型*/ { version: "1.10.1", options: { items: "button, input[type=button], input[type=submit], input[type=reset], input[type=checkbox], input[type 阅读全文

摘要：jquery core 工具方法$.each $.map $.noop1 事件代理 $("table").on("click","td",fn) 优于 $("table td").bind("click",fn)2 数据存储于HTML中的Data属性 设值：$("div").data("name",value) 获取：$("div").data("name") 3.扩展jquery对象方法： 居中 $("d 阅读全文

摘要：$.ajax ->$.get ->$.getJson ->$.getScript ->$post jquery.ajax 最底层ajax接口，参数最灵活，需要自定义的参数也最多$.get get方式请求调用$.post post方式请求调用$.getJson get方式调用，且指定返回json格式字段。若url中有"callback=?"，自动替换"callback=jsonp1234..."后用jsonp方式响应请求。一般活动中基本都是get请求且返回json格式，用$.getJson非常方便，需要jsonp跨... 阅读全文

摘要：绑定事件 普通事件 bind(type,[data],fn) type blur/focus/load/resize/scroll/unload/click/dblclick/ mousedown/mouseup/mousemove/mouseout/mouseenter/mouseleave/ change/select/submit/keydown/keypress/keyup/error data event.data--fn(event)传递给回调方法的event的data属性值 fn 回调方法 fn第一个参数... 阅读全文

摘要：选择器用来定位dom元素，具体操作就是dom api ——增、删、改、查、遍历HTML增： $(html) 转化html的str为jquery对象（包含dom对象） clone(true) 直接复制jquery true--复制事件删： remove() 移除jquery对象，取消事件 detach() 移除但不取消事件 empty() 清空节点改： append(str、dom、$)/appendTo() 内部后添加 prepend()/prependTo() 内部前添加 after()/insertAfter() ... 阅读全文

摘要：jquery选择器基本语法一般够用，但如果掌握一些高级语法，代码会更简洁 write less do more1.jquery选择器==css选择器css的选择器特性它都有（后代选择器、元素选择器、子选择器、并列选择器）2.":"——灵活的语义顺序 :last 末尾 :odd/even 单/双 :eq 索引等于可见 :visible/hidden表单属性 :checked/selected :enabled/disabled内容 :contains("text") 只能匹配text，不能匹配html :empty3.属性过滤 [attr=valu... 阅读全文

摘要：Moment.js1创建时间对象moment(); 当前时间moment(new Date(2020, 3, 7)); date 对象创建moment(1318781876406); 时间戳创建moment("12-25-1995", "MM-DD-YYYY"); 日期文字+日期格式moment("12-25-1995", ["MM-DD-YYYY", "YYYY-MM-DD"]);moment([year, month , date , hours , minutes , seconds , 阅读全文