动漫引擎

导航

2017年10月13日

HTML中的坐标系及其在MouseEvent和元素Box中的应用

摘要: HTML中的坐标系及其在MouseEvent和元素中的应用 HTML有四个坐标系统: Screen, Page,Client和offset, 用于描述DOM元素的Box尺寸和MouseEvent中的位置。 screen: 屏幕坐标系,(screenX,screenX), 屏幕的左上角是(0,0), 阅读全文

posted @ 2017-10-13 06:33 动漫引擎 阅读(1285) 评论(0) 推荐(0) 编辑

2017年9月30日

JS面试Q&A(续2): Rest parameter,Arrow function 等

摘要: rest parameter 和 Destructuring assignment. function fun1(...theArgs) { console.log(theArgs.length);} // theArgs is an array fun1(); // 0fun1(5); // 1f 阅读全文

posted @ 2017-09-30 06:35 动漫引擎 阅读(176) 评论(0) 推荐(0) 编辑

2017年9月23日

WebApp的自动测试工具: protractor和selenium

摘要: Protractor是Selenium的扩充,支持Angularjs element(by.css('my-css')).click(); 一、用by的各种Locator定位元素 选中1个元素: element(by.id('myid'));element(by.css('.myclass')); 阅读全文

posted @ 2017-09-23 05:45 动漫引擎 阅读(421) 评论(0) 推荐(0) 编辑

WebApp的自动测试工具: Jenkins

摘要: 一、下载并安装(msi)https://jenkins.io/download/thank-you-downloading-windows-installer-stable/ 在安装过程这, 需要从password文件(通常在C:\Jenkins\secrets\initialAdminPasswo 阅读全文

posted @ 2017-09-23 03:00 动漫引擎 阅读(220) 评论(0) 推荐(0) 编辑

2017年9月9日

用SVG做background image

摘要: 1 用utf8格式, 需要 双引号“”替换为单引号,而且采用url encode编码,例如# 替换为 %23, body { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' 阅读全文

posted @ 2017-09-09 06:53 动漫引擎 阅读(2093) 评论(0) 推荐(0) 编辑

2017年8月26日

自制按钮图标的两种方法: image sprite和svg字体文件

摘要: 用image sprite和svg字体文件这两种方法,都能够极大地减少小图形文件的数量, 从而减少服务器请求和带宽需求。提高网页的响应速度。 一、建立SVG字体文件 iconmoon 是一个在线工具,可以上传自己的SVG格式的图标文件,也可以从其中选择已有的图标, 定制出自己的字体文件。下载的结果包 阅读全文

posted @ 2017-08-26 06:31 动漫引擎 阅读(402) 评论(0) 推荐(0) 编辑

2017年8月20日

CSS常见问题

摘要: * overflow 的hiden或scroll不起作用: height 需要设置, 否则, 系统总是自动扩展height以容纳全部内容。 阅读全文

posted @ 2017-08-20 07:21 动漫引擎 阅读(164) 评论(0) 推荐(0) 编辑

2017年8月6日

从javascript 调用angular的函数

摘要: 从vanilla javascript 调用angular的函数: * 调用 service中的函数var yourService = angular.element(document.body).injector().get('NetService') yourSevice.yourFunctio 阅读全文

posted @ 2017-08-06 11:25 动漫引擎 阅读(255) 评论(0) 推荐(0) 编辑

2017年7月26日

常见手机的设备分辨率、viewport和devicePixelRatio

摘要: 常见手机的设备分辨率和viewport分辨率,及其1rem的大小(以vmin为单位) 常见的devicePixelRatio是1, 1.325, 1.5, 2, 2.4, 3. (具体见下面的表格,从Chrome Emulator中导出的)。 Common display resolutions[e 阅读全文

posted @ 2017-07-26 03:33 动漫引擎 阅读(1046) 评论(0) 推荐(0) 编辑

2017年7月14日

让WebStrom支持SSH协议的子项目

摘要: 让WebStrom支持SSH协议的子项目 在大项目中, 经常会遇到子项目(submodule)使用ssh的情形, 但是WebStrom不直接支持它。 下面以MAC为例,在PC中的处理类似。 打开terminal, 生成key, 并添加到agent中 * 生成密钥, 用默认的文件名称~/.ssh/id 阅读全文

posted @ 2017-07-14 04:24 动漫引擎 阅读(167) 评论(0) 推荐(0) 编辑