pt 与 px、em、rem 的区别与换算

pt 与 px、em、rem 的区别与换算

DPI/pt/px 单位的含义 DPI(Dots Per Inch) 每英寸像素数。Windows 系统默认是 96dpi,Apple 系统默认是 72dpi。 pt (point,磅) 是一个物理长度单位,指的是 72 分之一英寸。 px (pixel,像素) 一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果 px 要换算成物理长度,需要指定精度 DPI,在扫描打印时一般都有 DPI 可选。常见浏览器的默认字体大小都是 16px。 由于屏幕大小的差异性,相...

阅读全文...

git autocrlf 自动换行符转化导致的文件内容不一致问题(TortoiseGit)

git autocrlf 自动换行符转化导致的文件内容不一致问题(TortoiseGit)

提交本地仓库代码到远端后再拉取回来,正常情况下目录应当是全部为绿色的全部已同步状态。 但在 windows 下,如果你发现每次拉取回来后都会变为感叹号,则说明拉取回来的文件是有差异的。 到底是什么原因产生这样的差异? 这很可能是因为开启了 Git 的自动转换行符设置。 可行的解决方式则是关掉它。执行如下命令: git config --global core.autocrlf false git config --global core.safecrlf...

阅读全文...

nodejs 包管理工具 npm 的模块依赖 dependencies 简介

nodejs 包管理工具 npm 的模块依赖 dependencies 简介

nodejs 包管理工具 npm 依靠 package.json 文件进行依赖管理。 package.json 文件中的 dependencies 与 devDependencies 配置,决定了下载一个包后还需要如何下载依赖包;依赖包后面声明的版本配置则决定了其位置如何存放。 在一个目录下,如果存在 package.json,那么执行命令 npm install ,则会安装相关依赖包到当前目录下的 node_modules 目录中。如果加了 -g 参数则会安装到全局。 一个 pac...

阅读全文...

Atom 编辑器设置、快捷键与必备插件

Atom 编辑器设置、快捷键与必备插件

Atom 编辑器界面比 sublime text 更好看,随着不断的升级优化,卡顿情况也大有改善,喜欢折腾的你快来试一试吧! 打造好用的 Atom 编辑器,让你的 Atom 更好用,一些必要的设置、好用的插件、以及记住常用快捷键是必须的。 Atom 设置 推荐几个设置选项: 显示空格、换行等符号: 选中 Show Invisibles 鼠标滚轮滚屏太小:设置 Scroll Sensitivity 参数,如 100(默认为 40) 允许到尾部还可以向...

阅读全文...

Windows 上安装 Jekyll

Windows 上安装 Jekyll

Jekyll 是一个将纯文本转化为静态网站和博客的工具。现在许多的开源项目文档和示例,都使用 Jekyll 驱动。那么安装一个 Jekyll 就必不可少了。 本文简单介绍在 windows 上安装 Jekyll 的步骤。 1. 安装 Ruby A. 下载Ruby:http://rubyinstaller.org/downloads/ B. 最好保持默认的路径,如:Ruby22-x64。因为安装包明确提出 “请不要使用带有空格的文件夹 (如: Program Files)”。 C. 勾选 “Add Ru...

阅读全文...

javascript 代码校验器 eslint: 在 sublime text 编辑器中安装和配置 eslint

javascript 代码校验器 eslint: 在 sublime text 编辑器中安装和配置 eslint

当你在使用 ES6+ 书写前端代码的时,eslint 是必备的代码校验器。 下面为你介绍在 sublime text 3 编辑器中配置 eslint 的方法步骤。 1. 安装 eslint 打开 cmd 命令提示符,使用 node 进行全局安装 eslint npm i eslint -g –registry=http://registry.npm.taobao.org/ –disturl=https://npm.taobao.org/dist npm i babel-eslint -g –registry=http://registry.npm.taobao.org/...

阅读全文...

safari 附件下载文件被添加后缀(html\exe等)的问题

safari 附件下载文件被添加后缀(html\exe等)的问题

通过程序读取文件或生成文件来下载,一般只需设置 header 头即可: header('Content-type: application/pdf'); header('Content-Disposition: attachment; filename="保存时的文件名.pdf"'); 在谷歌、火狐等浏览器中,Content-type 的设置貌似并不重要,但在 Safari 上则有不同: 当 Content-type 设置为 text/html 时,下载的文件会被自动添加上后缀 .html; 当设置为 application/x-msdownl...

阅读全文...

免费ssl证书:网站域名使用 https (nginx) 访问配置参考

免费ssl证书:网站域名使用 https (nginx) 访问配置参考

采用 SSL 证书加密访问的 https 网站,在一定程度上加密了数据传输,可以避免传输过程中的隐私数据泄露。谷歌在 2014 年宣布对于带有 SSL 证书的网站给予更高的权重。最近百度也明确指出全面支持https页面直接收录,并且采用https协议的页面更加安全,排名上会优先对待。 【官方建议】百度spider工程师给https站点的技术建议 http://zhanzhang.baidu.com/college/articleinfo?id=489 这里我们要...

阅读全文...

移动设备(手机)上浏览器全屏隐藏工具栏和菜单栏的设置

移动设备(手机)上浏览器全屏隐藏工具栏和菜单栏的设置

让手机上易于浏览阅读,meta viewport 必不可少。作为一款 webApp,你可能更希望默认为全屏模式。 meta viewport 写法与相关参数 meta viewport 写法与相关参数如下。 <meta name=”viewport” content=”width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui”> width viewport 宽度(数值<200-10000>/d...

阅读全文...

Firefox 下对包含时分秒日期的 Date 格式化兼容方案

Firefox 下对包含时分秒日期的 Date 格式化兼容方案

对于格式为 ‘2015-09-14 09:30:16’ 的日期字符串,在谷歌等浏览器下可以直接使用 new Date 进行格式化: new Date('2015-09-14 09:30:16'); //Mon Sep 14 2015 09:30:16 GMT+0800 (中国标准时间) 但在 firefox 上却会输出 “Invalid Date”。不兼容现象由此产生。 Date 对象将字符串转为日期对象的timestamp,可由两个方法实现: Date.parse('2015-09-14 09:30:16'); Date.UTC('2015...

阅读全文...

ECMAscript6 转换器 babel 的安装与使用

ECMAscript6 转换器 babel 的安装与使用

ECMAscript6 标准于 2015 年 6 月正式发布,所以又称为 ECMAscript 2015。随着各浏览器对其逐渐完善的支持,可以预见的是,2017 至 2018 年它将会取代 ES5 成为主流。 使用 Babel 转换器可以让你在未获得浏览器支持的情况下,以 ES6 的语法形式书写代码, Babel 负责将它转换为可在当前主流浏览器环境执行的 ES5 的代码。 一、安装 使用 npm 可以安装一个 babel 执行环境。 npm i -g babel R...

阅读全文...

使用 jquery-mockjax 模拟 ajax 请求独立进行前端开发

使用 jquery-mockjax 模拟 ajax 请求独立进行前端开发

基于前后端分离的开发方式,后端只需提供 api 接口,前端负责数据展示和交互实现。 对于前端开发来说,一个比较大的问题是,api 接口数据不能较早的获得,那么只能使用模拟数据。前端模拟数据可有如下思路: 1. 使用临时的数据获取方法替代 ajax 接口请求,联调时修改数据获取方式; 2. 使用代理方式,代理转发到本地模拟文件或模拟接口; 3. 在前端截获接口请求,针对性处理后返回数据。 方法一...

阅读全文...