动漫引擎

导航

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 动漫引擎 阅读(1364) 评论(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 动漫引擎 阅读(184) 评论(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 动漫引擎 阅读(450) 评论(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 动漫引擎 阅读(229) 评论(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 动漫引擎 阅读(2362) 评论(0) 推荐(0)

2017年8月26日

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

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

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

2017年8月20日

CSS常见问题

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

posted @ 2017-08-20 07:21 动漫引擎 阅读(184) 评论(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 动漫引擎 阅读(269) 评论(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 动漫引擎 阅读(1157) 评论(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 动漫引擎 阅读(179) 评论(0) 推荐(0)

下一页