摘要:
官网Foundation是个跟bootstrap齐名的前端框架。移动优先,响应式,最低支持IE8。 html+css+jq构建网格GridBasic:.row父容器子元素类.column改子元素表明列,需要与网格同时使用small-1表明列占用1个单位宽度large-1同样的意思,small-*表明小屏幕上large-*表明大屏幕 默认12列网格 允许设置最大16列push-*pull-3控制列的位置 需要配合前面的网格一起使用。搭配使用可以让某列在大屏幕下居左 小屏幕下居右块网格:块网格是在不管屏幕的大小,使得列表元素都可以均匀的分布。特别是对块状的内容来说更为理想,使用这些类small-b 阅读全文
摘要:
标志"use strict";//老版本浏览器会自动忽略调用//整个文件调用 (function(){ "use strict";})();//单个函数调用function(){ "use strict";}语法 行为严格模式下 ,不声明的变量赋值的话,会报错误禁止使用witheval作用域只在内部,不再能够生成全局变量了this关键字不再指向全局构造函数如果忘记new this也不会指向全局 ,抛出错误禁止内部遍历调用栈function f1(){ "use strict"; f1.caller; // 报错 f 阅读全文
摘要:
今天使用了一个css判断横竖屏的方法 推荐下~css判断横竖屏幕/* portrait */@media screen and (orientation:portrait) {/* portrait-specific styles */}/* landscape */@media screen and (orientation:landscape) {/* landscape-specific styles */} 另外还有js判断方法window.addEventListener("orientationchange", function() {// 宣布新方向的数值al 阅读全文
摘要:
工作需要抓取某些网页,所以今天试用下了node下的jsdom模块。同样功能的还有jqueryjsdomhttps://npmjs.org/package/jsdomAPI很简单。jsdom.env( "http://nodejs.org/dist/", ["http://code.jquery.com/jquery.js"], function (errors, window) { console.log("there have been", window.$("a").length, "nodejs r 阅读全文
摘要:
今天用了下百度map的url API首先根据你的实际地址查询出location 经纬度//根据地址查询location http://api.map.baidu.com/geocoder?address= 你的地址 &output=输出格式 json/xml &key=你申请的key&city=n你的城市这样就得到一个 经纬度 你可以用在你的 移动端url上面 //移动端显示地址 http://api.map.baidu.com/marker?location= 上面得到的数据 &title=显示的titile&content=内容&output 阅读全文
摘要:
今天写jade的时候遇到一个问题Invalid indentation,you can use tabs or spaces but not both问题经过查证原来是 在jade模板中 同时存在tab 跟 spaces 空格键 。 因为jade是依靠空格或者tabs来区分层级的 不能同时拥有2个 不一样的空格 所以汇报此错误。如果遇到该问题 查证下自己模板中的 空格吧~。 阅读全文
摘要:
7.事件处理//典型用法 function handlerClick(event){ var popup = document.getElementById('popup'); popup.style.left = event.clientX+'px'; popup.style.top = event.clientY+'px'; }1.隔离应用逻辑隔离应用逻辑/* 上述代码只用到了 clientX/clientY 两个属性。 但是却将event事件整个传入 。*/// 1 隔离应用逻辑/* 上述例子中 操作popup的left... 阅读全文
摘要:
5.UI层的松耦合松耦合定义每个组件尽量独立,修改一个不影响其他的组件将Js从css中抽离不要使用css表达式,因为浏览器会以高频率重复计算css表达式,严重影响性能,IE9不支持表达式将Css从Js中抽离Js应只负责添加、移除类,不应该设置style。除了操作运动将Js从HTML中抽离不要写在标签里,用事件绑定,将Js语句放在外置文件中将HTML从Js中抽离从服务器加载 将模板放在远程服务器简单的客户端模板 在HTML注释中包含模板文件,type=text/x-my-template的script标签复杂的模板 模板引擎等 handlebars库6.避免使用全局变量不使用var会产生全局变量 阅读全文
摘要:
4.变量、函数和运算符变量变量声明提前,单var函数声明先声明fn再执行 函数声明不应出现在语句块中函数调用间隔函数名与左括号间无间隔立即调用函数(fuction(){})严格模式use strict以严格模式来解析代码 ,不推荐在全局使用,在函数局部使用相等不使用强制类型转换==!=如果比较值中一个是否是对象,会调用ValurOf()方法 . 推荐使用===!==eval禁止使用Function别无他法的时候使用eval原始包装类型StringBooleanNumber 阅读全文
摘要:
3.语句和表达式所有语句都应当使用花括号if else语句for 循环while 循环do...whiletry...catch...finally花括号对齐方式左括号在第一行语句末尾: if(condition){ doSomething(); } else { doSomethingElse(); }语句块间隔风格一: if(condition){ doSomething(); }风格二(推荐): if (condition) { doSomething(); }风格三: if ( condition ) { doSomething(); }switch缩进每个case... 阅读全文