Lin Minquan's Blog

体验科技改变生活

input number maxlength chrome

上面这个html代码,其实是想限定number的值为小数点后一位,但其实没有实现。在Chrome中这个maxlength会被忽略掉,在IE 11和Edge中最多只能输到小数点(例如1.2)。 正确的做法是用 step Chrome中的 input number 的 maxlength 会被忽略,其实忽略掉是对的。 MDN input maxlength https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#attr-maxlength Is there a float input type in HTML5? https://stackoverflow.com/questions/19011861/is-there-a-float-input-type-in-html5 阅读更多 →

*, *::after, *::before { box-sizing: inherit }

我觉得上面的 css 写得很奇怪,照理说 * 已经选中了所有的 html elements 了,为什么还要再加上 *::after 和 *::before。 ::after 和 ::before 的正式叫法是 psuedo-elements 。 但其实 * 选中的是所有的DOM tree中的element,但 ::after 和 ::before 并不在document tree里。 http://jsfiddle.net/86gc1w6f/ http://jsfiddle.net/gwbp2vpL/1/ CSS: HTML: 将上面的 content-box 改为 border-box,会发现其实 box-sizing 的修改并没有影响到 p::after。也就是 * (universal selector) 并没有选中 psuedo-elements 。 universal selector 能选中的element是 actual elements,而 psuedo-elements 是DOM中的抽象的 elements,它只是在某个element的前面或者后面硬插入一个不在DOM tree中的 element。 Although pseudo-elements can appear in selector notation alongside simple selectors, pseudo-elements are completely separate from simple selectors as they represent abstractions of the DOM that are separate from actual elements, and therefore both represent different things. 阅读更多 →

关于box-sizing border-box

其实这个概念蛮好理解的,就是把content, padding, border塞到一个box里,这样在指定width时直接指定的是这个box的width,而不像以前要把content width + padding width * 2 + border width * 2,这样设置起来更方便,也容易理解。 要注意的是不包括margin width。 The CSS Box Model https://www.w3schools.com/Css/css_boxmodel.asp CSS Box Sizing https://www.w3schools.com/Css/css3_box-sizing.asp 学会使用box-sizing布局 https://www.jianshu.com/p/e2eb0d8c9de6 box-sizing https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-sizing box-sizing使用场景 https://www.jianshu.com/p/2f2cf326795d 阅读更多 →

关于Normalize.css

在看到一些例子在用Normalize.css,在Html中先加载Normalize.css,再加载自己写的css。对Normalize的第一反应是数学中矢量的单位化,规格化。 其实它是为了 that provides better cross-browser consistency in the default styling of HTML elements. 它在默认的HTML元素样式上提供了跨浏览器的高度一致性。 这我才意识到不同浏览器对HTML元素的默认样式上会有一些不同,想想也确实会这样。另外要注意到的是Normalize.css是在一直更新的,在Github上有源码。 官网 https://necolas.github.io/normalize.css/ Normalize.css source on GitHub https://github.com/necolas/normalize.css 浅谈Normalize.css https://www.jianshu.com/p/3d21d1932aa0 矢量运算 https://baike.baidu.com/item/%E7%9F%A2%E9%87%8F%E8%BF%90%E7%AE%97 阅读更多 →

http-equiv=”X-UA-Compatible” content=”ie-edge”

看到一个Demo在Html的Head用到这个,搜了下相关资料。 这个主要是给微软家的浏览器用的,用来告诉Internet Explorer要在哪个版本的IE上Render。对于想支持IE8、IE9这样的旧版本,是需要用到这个标签。但对于IE11或Edge,这个已经不需要了。 Depending upon what Microsoft browsers you support you may not need to continue using the X-UA-Compatible tag. If you need to support IE 9 or IE 8, then I would recommend using the tag. If you only support the latest browsers (IE 11 and/or Edge) then I would consider dropping this tag altogether. If you use Twitter Bootstrap and need to eliminate validation warnings, this tag must appear in its specified order. 阅读更多 →

第一次用电力猫

过年期间买了个电力猫,效果还可以。 腾达,PH3,https://item.jd.com/3478683.html 我没有在局域网内测速,但直接接到电信的电视盒子上,看高清视频很快。想看测速的人可以看京东链接下买家的评论里有人测试。两个电力猫设备的距离大概是3-4米左右。 之前一直没买是有朋友说效果不好不稳定,但我还没有长期使用,目前来看效果还可以。另外,没有直接插在墙上的插座,而是插在从墙上插座接出来的一个排插上。 阅读更多 →

买了个NAS

型号:QNAP TS-228,入门级,899元,京东,今年一月份买的。 主要用途是用来同步OneDrive,东西放在OneDrive上还是觉得不够安全,想在本地再同步一份,后来才知道这种做法做混合云(将公有云和私有云混合)。 使用时出现了个问题。 现在用Hybrid Backup Sync来将OneDrive上的东西双向同步到NAS,这个软件是官方的,但同步过程中还是出现了warning,如下图所示。 提示的是我没有权限下载。这个提示很奇怪,因为其它文件可以下载,没道理这三个文件下载不了。我就去看OneDrive网页版上看这三个文件是什么。找到某个文件后,OneDrive提示我这个文件有病毒,如下图所示。 分别找到其它的两个文件,都被OneDrive提示有病毒,我在Windows上用Windows Defender扫描这三个文件,都被提示有毒。后面我干脆就删了这三个文件。 另外,这篇文章写得很好,我目前也是不打算做raid,会继续用混合云的方式,office 365家庭版共5T的空间,够我用的了。 让你的NAS更强大,更安全!使用入门级QNAP 威联通 NAS搭建混合云 阅读更多 →

把Unity3D工程放在OneDrive上导致的问题

我是把Unity3D的工程整个放在OneDrive上进行同步,原本是想把代码在公司和家里进行同步,这样就可以方便在家里写代码了(有时代码写了一半,没有push到git server上去,也因为我司git server是在内网)。 用了一段时间后发现,用Visual Studio Community 2015时,经常打不开Unity3D的脚本文件(VS启动了,但成功打开.cs脚本)。Unity提示: Could not open ‘D:/OneDrive/xxx/Projects/MyUnityProject/Temp/UnityLockfile’: The process cannot access the file because it is being used by another process. 在VS的Solution Explorer中想打开其它.cs文件时,提示: Cannot access a disposed object. 但把工程移出OneDrive同步目录后就没问题了,暂时还没找到解决方法。 阅读更多 →

英文版win10下软件界面乱码

在虚拟机下安装了个英文版的win10 pro版,操作系统的界面已经改为中文了,但有个MFC写的程序界面原本是中文的地方却是大量问号。 搜了下,解决办法是在控制面板 – 区域 – 将非unicode程序的界面改为 中文。 参考链接:https://www.zhihu.com/question/34761050 阅读更多 →