随笔分类 -  其他

自动化测试 笔记
摘要:PhantomJS下载直接使用 ,它本质上是一个基于webkit内核的无界面浏览器,并可使用JavaScript或CoffeeScript进行编程。由于没有界面,它的使用就有点像curl, lynx之类的命令行式文本浏览器。但PhantomJS远不是文本浏览器那么简单,由于它是基于webkit内核的 阅读全文

posted @ 2016-01-29 09:09 迷茫小飞侠 阅读(249) 评论(0) 推荐(0)

angular
摘要:http://docs.ngnice.com/guide/ http://angularjs-doc.qiniudn.com/docs/api 英语镜像 它的创新之处在于,通过数据绑定和依赖注入减少了大量代码,而这些都在浏览器端通过JavaScript实现,能够和任何服务器端技术完美结合。 1、双向 阅读全文

posted @ 2016-01-29 09:09 迷茫小飞侠 阅读(215) 评论(0) 推荐(0)

混合app
摘要:cordova run android 把应用发送到手机 ionic serve 电脑浏览器调试命令 创建: cordova create hello com.example.hello HelloWorld cd hello cordova platform add android cordova 阅读全文

posted @ 2016-01-29 09:04 迷茫小飞侠 阅读(607) 评论(0) 推荐(0)

Matrix 矩阵
摘要:CSS3中的矩阵指的是一个方法,书写为matrix()和matrix3d(),前者是元素2D平面的移动变换(transform),后者则是3D变换。2D变换矩阵为3*3, 如上面矩阵示意图;3D变换则是4*4的矩阵。 transform 里面的:斜拉(skew),缩放(scale),旋转(rotat 阅读全文

posted @ 2016-01-28 15:39 迷茫小飞侠 阅读(300) 评论(0) 推荐(0)

svg snap 笔记
摘要:路径中的字母,大写相对于左上角绝对定位,小写相对定位 M110,95,95,110M115,100,100,115 pattern 类似于图片拼贴,可以把指定位置的图案用来填充 var pattern = elem.pattern(100, 100, 10, 10); circle.attr({ f 阅读全文

posted @ 2016-01-28 15:37 迷茫小飞侠 阅读(572) 评论(0) 推荐(0)

工作遇到问题
摘要:CSS里背景图资源位置不对不会报错 编辑器溢出:页面长度有影响!? 表单为100%的话,里面的数据格的宽度由数据长度来相应分配 提交多个checkbox的时候,name设为同一个,并且为数组name="ids[]",不然提交的是单个字符串 由于slide-item有3d属性,导致android上最后 阅读全文

posted @ 2016-01-28 15:36 迷茫小飞侠 阅读(207) 评论(0) 推荐(0)

俺的交互设计理念
摘要:1、内容为王,交互设计的核心是为了用更好的方式呈现用户需要的内容 2、交互设计基于用户需求,用户怎么进来的,进来想干嘛,之后要干嘛? 而不是做好之后让用户去适应 阅读全文

posted @ 2016-01-28 15:35 迷茫小飞侠 阅读(206) 评论(0) 推荐(0)

代码压缩原理
摘要:1、移除注释 2、移除额外的空格 3、细微优化 4、标识符替换 YUI Compressor 包括哪些细微优化呢? object["property"] ,如果属性名是合法的 JavaScript 标识符(注:合法的 JavaScript 标识符——由一个字母开头,其后选择性地加上一个或者多个字母、 阅读全文

posted @ 2016-01-28 15:33 迷茫小飞侠 阅读(488) 评论(0) 推荐(0)

AMD 和 CMD 的区别
摘要:AMD 规范在这里:https://github.com/amdjs/amdjs-api/wiki/AMD CMD 规范在这里:https://github.com/seajs/seajs/issues/242 AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。 CMD 是 Sea 阅读全文

posted @ 2016-01-28 15:28 迷茫小飞侠 阅读(143) 评论(0) 推荐(0)

SVG
摘要:SVG(Scalable Vector Graphics),可缩放矢量图形。由于这种特性,其成为了视网膜显示器站点中比较重要的图形图像分辨率解决方案之一,如论如何缩放,图像边缘都是平滑的 当使用SVG作为图片(如:CSS list-style-image, SVG<image> 元素,SVG <fe 阅读全文

posted @ 2016-01-28 15:18 迷茫小飞侠 阅读(292) 评论(0) 推荐(0)

单元测试 Qunit
摘要:http://api.qunitjs.com/category/assert/ 测试方法 选中 "Check for Globals" 会暴露全局对象,看你的代码会不会无意中输出到全局对象属性去了 选中 No try-catch 的话,出现错误testrunner就会挂掉,让你看到原生的错误提示,帮 阅读全文

posted @ 2016-01-28 15:14 迷茫小飞侠 阅读(249) 评论(0) 推荐(0)

scrolling 优化 避免卡顿
摘要:让我们来瞧瞧在滚动时到底发生了什么。在理解这个问题之前,我们先简要的介绍下浏览器是如何向屏幕绘制内容的。这一切都是从 DOM 树(本质上就是页面中的所有元素)开始的。浏览器先检查拥有了样式的 DOM,然后找到那些它认为在滚动时不会改变的元素,然后将这些元素分组并对它们拍照(也就是层)。这些层都需要绘 阅读全文

posted @ 2016-01-28 15:04 迷茫小飞侠 阅读(211) 评论(0) 推荐(0)

grunt
摘要:grunt能够自动执行配置好的任务 命令行: 切换根目录直接: f: 切换路径 cd cw 返回上一层 cd.. 安装使用grunt: npm install -g grunt-cli 安装 注意,安装grunt-cli并不等于安装了 Grunt!Grunt CLI的任务很简单:调用与Gruntfi 阅读全文

posted @ 2016-01-28 15:02 迷茫小飞侠 阅读(223) 评论(0) 推荐(0)

高性能 内存 事件优化
摘要:为什么要优化: 1、每一个函数都是一个对象,会占用内容 2、需要添加事件的Dom节点越多,就要花更多的时间去给那些节点添加处理函数,延迟整个页面的交互,因为先得把事件都加上去 : ( 优化1:使用事件代理 <ul id=”myLinks”> <li id=”goSomewhere”>Go somew 阅读全文

posted @ 2016-01-28 15:00 迷茫小飞侠 阅读(196) 评论(0) 推荐(0)

高性能 AJAX
摘要:请求数据的常用的五种方式 1、XMLHttpRequest (XHR) var url = '/data.php'; var params = [ 'id=934875', 'limit=20' ]; var req = new XMLHttpRequest(); req.onreadystatec 阅读全文

posted @ 2016-01-28 14:59 迷茫小飞侠 阅读(145) 评论(0) 推荐(0)

高性能 建议 实践
摘要:1、避免双重判断 var num1 = 5, num2 = 6, result = eval("num1 + num2"), sum = new Function("arg1", "arg2", "return arg1 + arg2"); setTimeout("sum = num1 + num2 阅读全文

posted @ 2016-01-28 14:59 迷茫小飞侠 阅读(158) 评论(0) 推荐(0)

indexed database IndexedDB
摘要:Indexed Database API 目的是提供一个可供javascript存储和检索对象,并且还能进行查询,搜索等数据库操作 设计为几乎完全异步,因此绝大部分操作都稍后执行,因此每次操作都应该提供onerror和onsuccess来处理结果 目前还没有完全支持,因此:var indexedDB 阅读全文

posted @ 2016-01-28 14:55 迷茫小飞侠 阅读(151) 评论(0) 推荐(0)

调试
摘要:错误时Error()的实例,当你明确知道错误出现之后应该怎么处理才try catch语句,catch 错误的目的是避免浏览器用默认的方式去处理错误,而throw error的目的是提供更多关于错误的信息。 function divide(num1, num2){ if (typeof num1 != 阅读全文

posted @ 2016-01-28 14:51 迷茫小飞侠 阅读(111) 评论(0) 推荐(0)

aria-label
摘要:元素中的 aria-label用来命名一个元素 它的值可以是任何字符 读屏软件就会读出aria-label里的内容 <div role=”form” aria-labelledby=”form-title”> <span id=” form-title”>使用手机号码注册</span> <form> 阅读全文

posted @ 2016-01-28 14:50 迷茫小飞侠 阅读(1747) 评论(0) 推荐(0)

cookie
摘要:在头部设置cookie,所有cookie都会作为request header发送 HTTP/1.1 200 OK Content-type: text/html Set-Cookie: name=value; domain=.wrox.com; path=/; secure //secure表示只有 阅读全文

posted @ 2016-01-28 14:01 迷茫小飞侠 阅读(124) 评论(0) 推荐(0)

导航