01 2017 档案

Flex 布局
摘要：网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、响应式地实现各种 阅读全文
posted @ 2017-01-23 16:09 黄鹂 阅读(176) 评论(0) 推荐(0)
css样式重置表
摘要：1 /* http://meyerweb.com/eric/tools/css/reset/ 2 v2.0 | 20110126 3 License: none (public domain) 4 */ 5 6 html, body, div, span, applet, object, iframe, 7 h1, h2, h3, h4, h5, h6, p, bl... 阅读全文
posted @ 2017-01-23 16:00 黄鹂 阅读(178) 评论(0) 推荐(0)
手机端页面自适应解决方案—rem布局
摘要：如何使用？ 这是rem布局的核心代码，这段代码的大意是：如果页面的宽度超过了640px，那么页面中html的font-size恒为100px，否则，页面中html的font-size的大小为： 100 * (当前页面宽度 / 640) 于是，问题来了，为什么要这样？别急，我先来一一回答 最终页面代码 阅读全文
posted @ 2017-01-23 11:19 黄鹂 阅读(6943) 评论(0) 推荐(0)
实用的60个CSS代码片段[下]
摘要：1 31、有趣的& 2 3 .amp { 4 font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif; 5 font-style: italic; 6 font-weight: normal; 7 } 8 9 10 32、大字段落 ... 阅读全文
posted @ 2017-01-23 11:07 黄鹂 阅读(1476) 评论(0) 推荐(0)
实用的60个CSS代码片段[上]
摘要：1 1、垂直对齐 2 3 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑： 4 .verticalcenter{ 5 position: relative; 6 top: 50%; 7 -webkit-transform: translateY(-50%); 8... 阅读全文
posted @ 2017-01-23 10:48 黄鹂 阅读(499) 评论(0) 推荐(0)
用 CSS 隐藏页面元素的 5 种方法
摘要：用 CSS 隐藏页面元素有许多种方法。你可以将 opacity 设为 0、将 visibility 设为 hidden、将 display 设为 none 或者将 position 设为 absolute 然后将位置设到不可见区域。 这篇教程将覆盖到那些你需要记住的细小不同点，让你根据不同情况选择上 阅读全文
posted @ 2017-01-23 10:42 黄鹂 阅读(461) 评论(0) 推荐(0)
H5 页面适配几种展现形式
摘要：1、contain 模式：以内容中心为基点按照视觉稿的宽高比缩放以适配窗口显示全页面内容，窗口与内容的宽度比或高度比之间较小者缩放填满窗口，当窗口宽高比和视觉稿不同时，另一方向的两侧出现留空部分。 2、cover 模式：以内容中心为基点按照窗口的宽高比等比缩放以适配窗口，窗口与内容的宽度比或高度比之 阅读全文
posted @ 2017-01-22 17:56 黄鹂 阅读(3794) 评论(0) 推荐(0)
weex 语法高亮
摘要：@1、ctrl+shift+p,调出控制命令面板，@2、输入pic，点击进入 @3、输入vue Syntax Highlight，等待下载 所有的sublime下载插件同理。 vue Syntax Highlight 可以直接安装现有插件， 然后将.we 默认设置为 Vue Comenpents 语 阅读全文
posted @ 2017-01-15 13:49 黄鹂 阅读(184) 评论(0) 推荐(0)
javascript星级评分
摘要：1 2 3 4 5 javascript星级评分 6 7 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 阅读全文
posted @ 2017-01-14 23:02 黄鹂 阅读(233) 评论(0) 推荐(0)
JavaScript input框输入实时校验
摘要：1 2 3 4 及时验证 5 11 38 39 40 请输入用户名： 41 42 43 阅读全文
posted @ 2017-01-14 22:57 黄鹂 阅读(1436) 评论(0) 推荐(0)
ios 软键盘顶起这个页面
摘要：行内的滚动条。 阅读全文
posted @ 2017-01-14 22:06 黄鹂 阅读(233) 评论(0) 推荐(0)
JavaScript 属性操作
摘要：第三、innerHTTML 操作 第四、实例 阅读全文
posted @ 2017-01-12 22:34 黄鹂 阅读(160) 评论(0) 推荐(0)
ios隐藏软键盘
摘要：1 //判断是否为苹果 2 var isIPHONE = navigator.userAgent.toUpperCase().indexOf('IPHONE')!= -1; 3 4 // 元素失去焦点隐藏iphone的软键盘 5 function objBlur(id,time){ 6 if(typeof id != 'string') throw new Error('... 阅读全文
posted @ 2017-01-12 12:44 黄鹂 阅读(329) 评论(0) 推荐(0)
SVN-Attempted to lock an already-locked dir错误
摘要：svn更新时，文件夹被锁死。 解决办法： 右键该文件，在team（版本管理）里面执行“清除”操作后，问题解决了。 阅读全文
posted @ 2017-01-11 10:55 黄鹂 阅读(131) 评论(0) 推荐(0)
javascript 判断是否使用的是ipad
摘要：//判断是否使用的是ipad function isIpad(){ var ua = navigator.userAgent.toLowerCase(); if(/ipad/i.test(ua)) { return true; } else{ return false; } 阅读全文
posted @ 2017-01-10 16:14 黄鹂 阅读(3786) 评论(0) 推荐(1)