会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
晴天宝宝
博客园
首页
新随笔
联系
管理
订阅
上一页
1
2
3
4
5
6
7
8
9
10
···
16
下一页
2019年11月6日
两大编程思想(面向过程,面向对象)
摘要: 1. 面向过程编程(POP) 面向过程:分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了。 例如:把大象装进冰箱(面向过程,就是按照我们分析好的步骤,按照步骤解决问题) 1. 打开冰箱门, 2. 把大象装进去, 3. 关上冰箱门 2. 面向对象编程
阅读全文
posted @ 2019-11-06 00:11 晴天宝宝i
阅读(615)
评论(0)
推荐(0)
2019年11月4日
响应式开发
摘要: 1. 响应式开发原理:使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的。 超小屏幕(手机):<768px 小屏设备(平板):>=768 ~ < 992px 中等屏幕(桌面显示器):>= 992px ~ < 1200px 宽屏设备(大桌面显示器):>= 1200px 2. 响
阅读全文
posted @ 2019-11-04 12:55 晴天宝宝i
阅读(226)
评论(0)
推荐(0)
2019年11月2日
rem适配布局(rem+less+媒体查询 和 rem+flexible.js)
摘要: 1. rem 基础 rem 是一个相对单位,类似于 em ,em 是父元素字体大小。 em 是相对于父元素 的字体大小来说的 rem 是相对于 html 元素 字体大小来说的 rem 优点 就是可以通过修改 html 里面的文字大小来改变页面中元素的大小可以整体控制 比如:根元素(html )设置的
阅读全文
posted @ 2019-11-02 18:32 晴天宝宝i
阅读(1464)
评论(0)
推荐(0)
2019年10月31日
flex布局(弹性布局)
摘要: 1. 传统布局与 flex 布局比较 传统布局 兼容性好 布局繁琐 局限性,不能在移动端很好的布局 flex 弹性布局 操作方便,布局极为简单,移动端应用很广泛 PC端浏览器支持较差 IE 11 或 更低版本,不支持或仅部分支持 2. flex 布局原理 flex 是 flexible Box 的缩
阅读全文
posted @ 2019-10-31 22:16 晴天宝宝i
阅读(1093)
评论(0)
推荐(0)
2019年10月30日
移动端技术选型
摘要: 1.单独制作移动端页面(主流) 流式布局(百分比布局) 流式布局,就是百分比布局,也称为非固定像素布局 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充 流式布局方式是移动 web 开发使用的比较常见的布局方式。 max-width 最大宽度(max-heig
阅读全文
posted @ 2019-10-30 17:09 晴天宝宝i
阅读(408)
评论(0)
推荐(0)
2019年10月29日
移动端(视口(meta),像素比,二倍图(图片,背景图,精灵图),css初始化(normalize.css),特殊样式,常见屏幕尺寸)
摘要: 1. 视口:(布局视口(layout viewport),视觉视口(visual viewport),理想视口(ideal viewport)) meta 视口标签 <meta name = "viewport" content = “ width = device-width,user-scala
阅读全文
posted @ 2019-10-29 21:44 晴天宝宝i
阅读(918)
评论(0)
推荐(0)
案例-3D旋转木马
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title
阅读全文
posted @ 2019-10-29 12:07 晴天宝宝i
阅读(254)
评论(0)
推荐(0)
2019年10月28日
CSS新特性(3D转换,perspective(透视),transfrom-style(子元素是否开启三维环境))
摘要: 1. 三维坐标系(里面的值不能省略,没有就写 0 ) x 轴:水平向右 注意:x 右边是正值,左边是负值 y轴: 垂直向下 注意:y 下面是正值,上面是负值 z轴:垂直屏幕 注意: 往外面是正值,往里面是负值 主要知识点: 3D位移:translate3d(x,y,z) 3D旋转:rotate3d(
阅读全文
posted @ 2019-10-28 17:28 晴天宝宝i
阅读(1149)
评论(0)
推荐(0)
2019年10月27日
css3 新特性(动画)
摘要: 1. 制作动画 先定义动画,再使用(调用)动画 使用 keyframes(关键帧)定义动画(类似定义类选择器) @keyframes 动画名称{ 0%{ width:100px; } 100%{ width:200px; } } 动画序列: 1. 0% 是动画开始,100%是动画完成,这样的规则就是
阅读全文
posted @ 2019-10-27 22:07 晴天宝宝i
阅读(305)
评论(0)
推荐(0)
案例-2D会旋转的盒子(rotate), 会缩放的盒子(scale),动画(animation)
摘要: Document 会旋转的盒子 会缩放的盒子: 1 2 3 4 5 动画
阅读全文
posted @ 2019-10-27 20:30 晴天宝宝i
阅读(336)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
7
8
9
10
···
16
下一页
公告