React 做国际化,我推荐使用 React-intl , 这个库提供了 React 组件和Api两种方式来格式化日期,数字和字符串等。知道这个库了,那让我们开始使用它
关注前端开发,爱生活!
infinite-list 是可回收 DOM 的无限下拉列表插件, 支持 jQuery 和 Zepto 库。点击此预览
方便使用,可使用自定义属性 data-ripple 来实例化插件;可自定义水波纹的标签及其Class Name;同时支持 jQuery 和 Zepto 库
移动端 Dialog 弹出对话框插件,支持 jQuery 和 Zepto。已经在 Internet Explorer 9+、Firefox 22+、Opera 9+、Google Chrome 和 Safari 浏览器上被验证过,并且应该可以再更多浏览器上工作。
移动浏览器(例如:Chrome mobile、 Safari mobile 和其它浏览器)也被支持。已经在 iOS (iPad、 iPhone、 iPod)、Android 设备上进行了测试。其他基于 Chrome 内核的移动浏览器也基本上支持。
不知道你在项目开发过程中,有没有遇到过有过以下场景:
一般是做移动Web项目时,都是制作好静态页面,通过浏览器模拟手机的窗口大小进行测试。然而项目正式上线后,在某个手机设备上出现排版错位或其他问题,但是通过浏览器模拟手机显示却是比较正常,无法把出问题还原。此时,我们要修复此类的样式问题过程就是:修改样式 –>> 上传更新 –>> 问题依旧 –>> 修改样式 –>> 上传更新 …… 陷入无休止的重复循环。
如果能够手机直接访问电脑本地的静态HTML文件,我们就可以本地修改,即刻手机查看效果,这样就能够避免很多重复性的工作了,以下我们就通过 nodejs 实现。
你真的了解CSS吗?在六个月前,我提供了一个在线免费 CSS 测试系统。测试结果表明很多一线开发者并没有如他们所想的那样了解 CSS。目前有超过 3,000 人参加了该项测试,平均成绩只有 55 分。平均分本身并没有什么意思,我更加关心大家都栽在了哪些问题。在这篇文章中,将其中三个出错程度最高的问题列出来。我们来讨论每个问题,告诉你哪个答案是被选择的最多,然后解释正确答案。
可以肯定地说,如果你读完这篇文章后再参加测试,将会有不公平的优势!
rem作为CSS3新增的一个相对单位(root em,根em),它是相对于HTML根节点,这个单位可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。
但是,用过之后就知道它会出现一个问题:用Chrome打开网站,在初始化页面时,有时候会出现字体很大的情况。但是刷新一下页面就好了。如下图所示:
当涉及到表单的设计和开发,其中最热门的话题之一就是表单标签的位置。
表单标签位置有多种不同的排版方案选择,但很多文章关于这个问题只涉及到部分讨论和分析。而在短时间内,你应该如何选择一个比较好、适合你的排版方案?
对于大多数人来说,构建一个响应布局中最困难的部分是导航菜单的设计和编码。由于没有真正久经考验的常用解决方案,你采用的菜单形式将视乎于正在构建的网站整体排版布局。
如 果是一个小型网站,一个 select下拉菜单或者一个基本的“三线”切换菜单就可以满足了。但如果是一个比较大型的网站(以一个电子商务 商店为例)在其PC版网站是依靠一个复杂的导航菜单,那么在屏幕较小的设备上最能够帮助你的是一个抽屉式或动画的侧面导航菜单。