opus.mingsixue.com

blog.mingsixue.com

视觉上的透明效果_CSS属性系列 - Front-End - NalanXue's Blog

http://blog.mingsixue.com/it/CSS-opacity-transparent.html

该值是一个number值，默认值1，取值范围是[0.0 1.0]之间，0完全透明，1不透明。 Opacity: 0.5; -webkit-opacity: 0.5; / Chrome -moz-opacity: 0.5; / Firefox. 属性值前面的前导零是可以省略的，0.5 = .5. 使用opacity这个属性会有一个问题，当父元素设置透明度后，子元素也会继承该透明度，你再对子元素设置透明度为1，也就是设置为不透明，它也不会生效的，但是你设置小于1的值，透明度会进行叠加，父元素的透明度 * 子元素的透明度 = 子元素最终的透明度。 Filter:alpha(opacity=50); / IE6/IE7/IE8滤镜. IE的 filter 滤镜是要 ActiveX 运行的，禁用 ActiveX 的话，滤镜马上失效了。 语法 rgba(R, G, B, A);. R 0 255 红. G 0 255 绿. B 0 255 蓝. 通过这种组合出来的颜色偏向于柔和、舒适，特别是0.4 0.6这几个透明度，非常适合用在现在流行的扁平化色块上。 Overlay{ position: relative; }...

blog.mingsixue.com

JavaScript常用正则 - Front-End - NalanXue's Blog

http://blog.mingsixue.com/it/JS-regexp-stock.html

1-8]( d{14})$ [1-8]( d{16})[0-9xX]$/. 1-8]( d{14})$ [1-8]( d{16})[0-9X]$/i. A-zA-Z][ w -]{5,19}$/. W([ - w])*@[a-zA-Z0-9]([ . w])*$/. 邮箱的后缀也不能限定死，qq.com、163.com、126.com等等，用户要是用的自己的邮箱服务器呢，电子邮箱这块的匹配精确度不高的，无从预计。 Http:/ blog.mingsixue.com/it/js-regexp-stock.html.

blog.mingsixue.com

设置favicon的几种方式 - WEB高级系列 - Front-End - NalanXue's Blog

http://blog.mingsixue.com/it/WEB-favicon-set.html

这种方法最简单，在服务器根目录下放一个 favicon.ico 的文件，浏览器发现后就会使用。 什么是Favicon Favicon是Favorites Icon的缩写，favicon.ico是指显示在浏览器收藏夹和地址栏网站网址前面的个性化图标，常被成为网页小图标、网站缩略图标或者收藏夹图标，是网站的重要识别方式。 Favicon.ico的尺寸有16 16、32 32、48 48，在添加到桌面、任务栏小尺寸的图标就不是很理想了，这就需要多种尺寸兼容各种设备和情况。 Http:/ blog.mingsixue.com/it/web-favicon-set.html.

blog.mingsixue.com

使用Fiddler将线上文件映射到本地调试 - Fiddler教程 - Front-End - NalanXue's Blog

http://blog.mingsixue.com/debug/Fiddler-online-map-localfile.html

Local file to return or *Action to execute. 下载地址 Stave v1.0.1. 下载一键安装后，Stave 就会出现在 Fiddler 的右侧选项卡上。 REGEX:http:/ cdn.mingsixue.com/(.*). Http:/ blog.mingsixue.com/debug/Fiddler-online-map-localfile.html.

blog.mingsixue.com

随笔·诗词中的异文现象_子明随笔_风起云涌，雨落无痕。

http://blog.mingsixue.com/suibi/sb-ywxx.html

异文产生的原因有这么几点 1、后人有意为之的改动 2、后人因避讳产生的改动 3、后人因误改产生的异文。 在这之前，我并不知道有 异文 这个词存在，最早接触到异文应该是纳兰容若的 浣溪沙 ，我先看到的是 沉思往事细思量 ，后来又看到一个版本是 沉思往事立残阳 ，这两个版本困惑了我很久，现在总算明白怎么回事了。

blog.mingsixue.com

HTML Form浅析之表单属性_HTML属性系列 - Front-End - NalanXue's Blog

http://blog.mingsixue.com/it/HTML-form-attribute.html

Web Forms 2.0. 该属性适用于form，以及下面的input类型 text, search, url, telephone, email, password, datepickers, range 以及 color。 页面加载完后，这个 Web Forms 2.0. Hello, Vic.Wang. 提交时选中的元素没有赋值，会自动赋值为 active 或 on。 Web Forms 2.0. Input类型 text, search, url, telephone, email 以及 password。 Input类型 text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。 Http:/ blog.mingsixue.com/it/html-form-attribute.html.

blog.mingsixue.com

二级域名指向目录.htaccess配置 - Apache - Front-End - NalanXue's Blog

http://blog.mingsixue.com/apache/Apache-htaccess-domain-to-folder.html

Http:/ blog.mingsixue.com. RewriteEngine on # 把 blog.mingsixue.com改为你要绑定的域名. RewriteCond %{HTTP HOST} (www.)? Blogmingsixue.com$ # 把 blog改为要绑定的目录. F RewriteCond %{REQUEST FILENAME}! D # 把 blog改为要绑定的目录. RewriteRule (.*)$ /blog/$1 # 把 blog.mingsixue.com改为你要绑定的域名. Blog/ 后面是首页文件index.php, index.html. RewriteCond %{HTTP HOST} (www.)? Blogmingsixue.com$ RewriteRule (/)? RewriteCond %{HTTP HOST} (www.)? Mingsixue.com$ RewriteRule (/)?

blog.mingsixue.com

JS 指定日期转换时间戳问题 - JavaScript - Front-End - NalanXue's Blog

http://blog.mingsixue.com/bugs/JS-date-getTime-ie-safari.html

今天踩到一个坑，之前写的一个倒计时效果，在 Chrome 里面正常后就没管了，后来测试告诉我，在 iPhone 上倒计时有问题，倒计时变成. 由于这是个HTML5的Web页面，是嵌入到 IOS 和 Android 的APP里面的，首先排查在 Android 上是好的，因为代码是同一套，出现. Var endTime = '2015-07-08 23:59:59'; endTime = endTime.replace(/ -/g, '/'); endTime = new Date(endTime).getTime();. Http:/ blog.mingsixue.com/bugs/JS-date-getTime-ie-safari.html.

blog.mingsixue.com

CSS模拟radio单选框check复选框 - CSS效果 - Front-End - NalanXue's Blog

http://blog.mingsixue.com/effect/CSS-simulation-radio-check.html

Label{ display: block; margin-bottom: 10px; } input{ position: absolute; top: -9999px; } i{ display: inline-block; width: 17px; height: 17px; margin-right: 10px; background: url(radio.png) no-repeat; vertical-align: middle; } input:checked i{ background: url(radio check.png) no-repeat; }. Http:/ blog.mingsixue.com/effect/CSS-simulation-radio-check.html.