会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
Fien-Zone
曾梦想仗剑走天涯,看一看世界的繁华。
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
5
6
7
8
下一页
2015年5月9日
移动webAPP前端开发代码演示和技巧汇总
摘要: 1. viewport:webapp视图也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就是除去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域,这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个:wi...
阅读全文
posted @ 2015-05-09 18:20 Fien
阅读(515)
评论(0)
推荐(0)
2015年5月6日
word-wrap,word-break,white-space,text-overflow的区别和用法
摘要: 在div中,文本布局经常出现,换行混乱的情况。问题表现:1.如果是全英文字符串,中间不包含任何符号(包括空格),不自动换行. 2.中英文混写,则在英文字符串的开始处换行(英文长度>div长度),结尾处不换行。 3.英文整个单词换行。等等,可能还有一些问题,这里只列出了常见的几个;介绍上面几个css属...
阅读全文
posted @ 2015-05-06 16:06 Fien
阅读(213)
评论(0)
推荐(0)
2015-05-06前端开发总结
摘要: 一、关于弹性盒模型box是先出来的,flex后出,现在主要用flex。但是box有一个特性是flex没有的,文字可以垂直居中~设了宽度+padding+border记住加:box-sizing: border-box;-webkit-box-sizing:border-box;二、input css...
阅读全文
posted @ 2015-05-06 14:25 Fien
阅读(127)
评论(0)
推荐(0)
2015年5月5日
深入了解 Flexbox 伸缩盒模型
摘要: 作者长期以来使用表格、浮动、行内块元素和其他 CSS 属性来布局网站内容。然而,这些并不是为复杂的页面和网页应用而设计的。不管是简单的垂直居中,还是灵活的网格布局都很难靠一己之力轻易实现,因此成就了CSS 网格框架。但是,如果真的需要那么多项目来实现做这些事,为什么不让它来的更简单些呢?Flexbo...
阅读全文
posted @ 2015-05-05 14:56 Fien
阅读(199)
评论(0)
推荐(0)
2015年4月30日
Sublime text3 快捷方式(windows平台)
摘要: 1.Goto Anything-快速查找(ctrl + P) 输入@+函数名可以快速找到函数输入#+文本可以快速进行文件内文本匹配2.命令模式Ctrl+Shift+P:打开命令面板 Ctrl+P:搜索项目中的文件 Ctrl+W:关闭当前打开文件Ctrl+Shift+W:关闭所有打开文件Ctrl+S...
阅读全文
posted @ 2015-04-30 15:53 Fien
阅读(261)
评论(0)
推荐(0)
2015年4月29日
移动web最简洁的滑动效果Swipe JS(适合初学者)
摘要: 最近要做一个移动web的项目,前端后端都自己一人来搞。由于之前一直是做后端的开发,没涉及过前端的开发,甚是无从下手,但又不得不去弄,于是乎,先把w3school上前端相关的html、js、css都预览了一遍,然后在仿照别人的站点自己尝试着去实现。虽然很多人都是前台很简单,没啥搞的(至少像我做后台的那...
阅读全文
posted @ 2015-04-29 11:46 Fien
阅读(748)
评论(0)
推荐(0)
2015年3月24日
谈响应式web设计代码实现
摘要: 在研究响应式的时候,记录了一些感想,分享出来,抛砖引玉,希望可以和大家一起讨论。总结下来,响应式比之前想象的要复杂得多。1. ie9以下(不包括ie9)采用ie条件注释,为ie8以及一下单独开一个样式文件1232. 一个模块的mq样式整体放在这个模块的样式的之后,符合层叠逻辑,也同时以免被层叠。3....
阅读全文
posted @ 2015-03-24 17:29 Fien
阅读(849)
评论(0)
推荐(0)
经验分享:多屏复杂动画CSS技巧三则
摘要: zhang xinxu2015.03.10当下CSS3应用已经相当广泛,其中重要成员之一就是CSS3动画。并且,随着CSS动画的逐渐深入与普及,更复杂与细腻的动画场景也如雨后春笋般破土而出。例如上个月做的「企业QQ-新年祝福」活动:感谢shirley帮忙录制上面的视频,虽然视频内容是手机上的显示效果...
阅读全文
posted @ 2015-03-24 15:39 Fien
阅读(253)
评论(0)
推荐(0)
css3 animation动画效果解析
摘要: css:.first_animate{ width:100px;height: 100px; -webkit-border-radius:50px; position:relative; background: red; -webkit-animation:myfirst 5s; -webkit-a...
阅读全文
posted @ 2015-03-24 14:26 Fien
阅读(148)
评论(0)
推荐(0)
移动H5前端性能优化指南
摘要: 移动H5前端性能优化指南概述1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点,首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB5. Mobile侧因手机配置...
阅读全文
posted @ 2015-03-24 11:15 Fien
阅读(156)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
7
8
下一页
公告