2022
04-06
04-06
position:fixed失效的几种情况
在许多情况下，position:fixed 将会失效。MDN 用一句话概括了这种情况：
当元素祖先的 transform 属性非 none 时，定位容器由视口改为该祖先。
What！还有这种操作？可能有部分同学还没 get 到上面这句话的意思，通俗的讲就是指定了 position:fixed 的元素，如果其祖先元素存在非 none 的 transform 值 ，那么该元素将相对于设定了.... Read More >
1.H+ (收费版)
H+是一个完全响应式，基于Bootstrap3.3.6最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术，她提供了诸多的强大的可以重新组合的UI组件，并集成了最新的jQuery版本(v2.1.4)，当然，也集成了很多功能强大，用途广泛.... 
工具类
一个高质量的图片网站
https://unsplash.com/
md2all markdown在线编辑器（使用于微信公众号）
http://md.aclickall.com/
在线图片压缩
https://tinypng.com/
时间戳转换工具
https:.... 
首先iPhone6在微信上的设计尺寸大小与实际展示大小
导航栏+iphone状态栏高度： 64px = 导航栏44+状态栏20
iphone4
屏幕总宽度: 320px
屏幕总高度: 480px
微信网页可视高度: 416px
&nb.... 
栏目做了大量的流动和平衡内容。 有时元素会卡在列之间。
li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
Multi-column layout .... 
Service Worker 是什么？
一个 service worker 是一段运行在浏览器后台进程里的脚本，它独立于当前页面，提供了那些不需要与web页面交互的功能在网页背后悄悄执行的能力。在将来，基于它可以实现消息推送，静默更新以及地理围栏等服务，但是目前它首先要具备的功能是拦截和处理网络请.... 
首先是单行居中，多行居左
居中需要用到 text-align:center，居左是默认值也就是text-align:left。如合让两者结合起来达到单行居中，多行居左呢？这就需要多一个标签，假设一开始我们定义如下：
<h2>单行居中，多行居左</h2>
现在，我.... 
了解你的工具可以极大的帮助你完成任务。尽管 JavaScript 的调试非常麻烦，但在掌握了技巧 (tricks) 的情况下，你依然可以用尽量少的的时间解决这些错误 (errors) 和问题 (bugs) 。
我们会列出14个你可能不知道的调试技巧, 但是一旦知道了，你就会迫不及待的想在下次需.... ![[转]获取元素CSS值之getComputedStyle方法](/wp-content/themes/frontopen2/timthumb.php?src=http://image.zhangxinxu.com/image/blog/201205/2012-05-08_211408.png&h=140&w=205&zc=1)
一、getComputedStyle是？
getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象([object CSSStyleDeclaration])，只读。
getComputedStyle() gives the final u.... 
从网易与淘宝的font-size思考前端设计稿与工作流
本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习，讨论html5设计稿尺寸以及前端与设计之间协作流程的问题，内容较多，但对你的技术和工作一定有价值，欢迎阅读和点评：）。
这是淘宝的github....