- 博客(24)
- 收藏
- 关注
RSS订阅原创 移动端适配-03-rem
1:流式布局: 1:最外盒子宽度设置:min-width & max-widht width=100% margin-auto 2:内容盒子宽度设置:50%;2:flex布局: 1:最外盒子宽度设置:min-width & max-width margin-auto 2:内容盒子宽度设置: parent:display:flex; son:flex:1;3;rem布局 1:最外层盒子宽度设置:min-width &...
2021-07-09 13:59:07
166
原创 移动端适配-02-flex
flex布局: 1:flex的布局原理; 2:flex布局的常用属性; 3:能够独立完成携程移动端; 1:flex布局体验: 1:传统布局: 1:兼容性好; 2:布局繁琐; 3:局限性,不能在移动端有很好的的布局 2;flex弹性布局: 1:操作方便,操作极为简单,移动端很广泛; 2:pc支持情况差; ...
2021-07-09 13:57:03
173
原创 移动端适配-01-百分比宽度
1:图片可以在parent中使用 1:line-heigh和text-align使水平和竖直居中 2:在img标签中加vertical-align: middle;2:<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0 , maximum-scale=1, minimum-scale=1">3:background-size 1:...
2021-07-09 13:56:28
455
原创 css3-3d旋转
1:属性选择器 2:结构伪类选择器 3:伪元素选择器 4:2d转换 5:动画 6:3d转换 7:浏览器私有前缀 1:为了兼容老版本的写法,比较新的浏览器无需添加; 2:分类 1:-moz-:firfox浏览器私有属性 2:-ms-:ie 3:-webkit-:safari,chrome 4:-o-:opera ...
2021-07-09 13:55:38
214
原创 css3-animation
1:属性选择器 2:结构伪类选择器 3:伪元素选择器 4:2d转换 5:动画 6:3d转换 7:浏览器私有前缀css3动画:animation; 1:相对于过渡,动画可以实现更多的控制,连续自动播放等效果;动画更强大; 2:需求:页面一打开,盒子就从左边走到右边; 3:使用: 1:定义动画; 用keyframes定义动画;(类似于定义类选择器) @keyfram...
2021-07-09 13:54:59
66
原创 css3-2d旋转
2d旋转: transfrom:转换 transition:过渡,渐变 translate:平移 rotate:旋转 scale:缩放 1:平移: transform:translate(X,Y) transform:translateX(n) transform:translateY(n) 特点: 1:不会影响其他盒子的位置;(2:可以用于鼠标悬浮时上下平移的动画效果)...
2021-07-09 13:54:24
310
原创 css3-新增selector
css3 1:属性选择器 2:结构伪类选择器 3:伪元素选择器 4:2d转换 5:动画 6:3d转换 7:浏览器私有前缀 css3是在css2基础上新增的样式 移动端支持优于pc端 不断改进中 应用相对广泛 1:属性选择器:(权重是10) e[attr]:具有attr属性的 e[attr="val"]:具有attr属性的且属性值是val的 e[attr^="va...
2021-07-09 13:53:54
100
原创 H5-新增内容
h5:ie9以下需要适配1:什么是h5:对html的第五次修改;2:新增语义化标签:(主要是针对搜索引擎,没有顺序) header:头部标签 nav:导航标签 artical:内容标签 section:块级标签 aside:侧边栏标签 footer:尾部标签 3:注意: 1:在ie9中需要将这些元素转换为块级元素; 2;一般用于移动端开发时再用这些标签;3:新增多媒体标签: 1:音...
2021-07-08 13:02:32
337
原创 css07-css高级技巧(精灵图,滑动门...)
css高级技巧: 1:css精灵技术(sprite)重点 1:产生的目的 2:滑动门(重点) 3:元素的显示和隐藏: 1:常见写法: 1:display(重点) 1:用法display:none:隐藏对象 display可以设置显示模式,也可以隐藏对象; 1:隐藏元素; ...
2021-07-08 13:01:36
167
原创 css06-定位
定位: 1:什么是定位; 2:定位的四种分类; 3:四种分类的特点; 4:为什么常用子绝父相布局; css布局三种机制: 1:标准流 2:浮动 3:定位 1:为什么使用定位: 1:将盒子固定到某一个位置 2:可以自由漂浮在其他盒子之上 2:定位详解: 1:三种机制的层级关系:定位>浮动(脱标)>标准流 2:定位=定位模式+边偏移...
2021-07-08 13:00:29
52
原创 css05-规范
css书写顺序: 1:布局定位属性: 1:dispay; 2:position: 3:float: 4:clear: 5:visiable: 6:overflow: 2:自身属性: 1:width 2:height 3:margin 4:padding 5:border 6:backgroud ...
2021-07-08 13:00:04
47
原创 css04-浮动
浮动: 1:作用:用于布局页面; 2:css布局的三种机制: 3;普通流在布局中的特点: 4:使用浮动的作用 5:为什要清除浮动 6:利用浮动完后导航栏 7:能够清除浮动 8:使用ps切图工具 1:css布局的三种机制: 1:标准流: 1:块级元素:div h p dt 2:行内元素:span <strong> 2:浮动: ...
2021-07-08 12:59:22
99
原创 css03-传统盒子模型
htmlcssdao03css三大重点:盒子模型, 浮动,定位1:盒子模型: 1:盒子边框,border 2:内边距:padding 3:外边距:margin2:网页布局的本质: 1:利用css设置好盒子的大小,然后摆放盒子的位置; 2:把页面元素放入盒子里面;3:盒子是网页布局的关键点(box model)( 边框+内容+文字 1:盒子厚度:边框border(盒子的厚度) 1:border-width:1px ...
2021-07-08 12:58:55
103
原创 css02
css选择器分为:1:基础选择器:标签选择器类选择器id选择器通配符选择器2:复合选择器:作用:快速高效的选择,更快速更高效实现:通过基础组合器的不同组合进行实现1:分类:1:后代选择器:重点中的重点(只要是后代就可以)1:.nav a{color: pink;}2:又称为包含选择器, .class child child{}2:并集选择器:重点1: p,span{color: red;}p,span,.firstDiv
2021-07-08 12:57:58
52
原创 css01
html结构与css样式分离css:层叠样式表,主要作用美化界面, 目的:设置版面布局和外观显示样式 分类: 1:行内式(内联样式):在标签内部声明属性 1:使用方式:<h1 style="color: #ff0000; font-size: 18px;"></h1> 2:所有的标签都具有样式属性 color,font-size 2:内部样式表(内嵌样式表...
2021-07-08 12:57:31
43
原创 Html02
一:表格的实现: 1:表格:用户整齐数据 table 1:table: <table><!--表格标签--> <caption><h1><!--表格标题--></h1></caption> <tr><!--行标签--> <th><!...
2021-07-08 12:56:54
50
原创 Html01
lang:en zh-CNcharset:UTF-8标签:标题标签:<h1><h2><h3>在合适的地方放合适的标签顺序:1:确定结构语义2:确定css文件一:常用标签:1:排版标签: 1:标题标签:<h1----h6>熟记 大小依次递减 一行只显示一行标题/ 2:段落标签:<p>熟记 换行 空格不管用 段落之间的间距大 3:水平线标签:<hr>认识 hor 4:换行标签&l...
2021-07-08 12:56:01
49
原创 js加载时间线
1.创建document对象，开始解析web页面。解析html元素和他们支持的文本内容后，添加element对象和text节点到文档中，这个节点document.readyState=“loading”。2.遇到link外部css，创建线程加载，并继续解析文档。3.遇到script外部js，并且没有设置async，defer.（同步加载）浏览器加载并阻塞，等待js加载完成并执行该脚本，然后继续解析文档。4.遇到script外部js，并且设置有async,defer（异步加载），浏览器创建线程加载
2021-07-03 10:18:24
69
原创 mac,flutter环境配置
https://blog.csdn.net/androidwubo/article/details/88530966
2020-06-10 17:07:11
100
转载 ImageView的scaleType属性
ImageView的scaleType的属性值有MATRIX,FIT_XY,FIT_START,FIT_END,FIT_CENTER,CENTER,CENTER_CROP,CENTER_INSIDE.1.android:scaleType=“center” 保持原图的大小，显示在ImageView的中心。当原图的size大于ImageView的size时，多出来的部分被截掉。 2.android:...
2018-06-19 16:39:35
103
转载 synchronized分析
下面的文字均来自其它博客和网页。参考：http://www.jianshu.com/p/ea9a482ece5f由于同一进程的多个线程共享同一片存储空间，在带来方便的同时，也带来了访问冲突这个严重的问题。Java语言提供了专门机制以解决这种冲突，有效避免了同一个数据对象被多个线程同时访问。需要明确的几个问题：synchronized关键字可以作为函数的修饰符，也可作为函数内的语句，也就是平时说的同...
2018-06-19 15:16:49
111
转载 Activity启动流程调用链总结
act启动流程:第一部分:开始请求执行启动ActivityMyActivity.startActivity() Activity.startActivity() Activity.startActivityForResult()Instrumentation.execStartActivty()ActivityManagerNative.getDefault().startActivity() ...
2018-06-04 13:25:37
362
原创 android源码编译后导入androidstudio
编译前执行: cd 源码目录 source build/envsetup.sh lunch (选择一个版本) make -j8(开8个线程进行编译)编译成功后执行: mmm development/tools/idegen/ sh ./development/tools/idegen/idegen.sh 成功后再源码根目录会生成android.ipr文件和...
2018-05-15 15:45:53
1053
原创 Android8.0源码编译填坑之路
环境:Mac10.13.4问题一:system/core/base/logging.cpp:81:10: 'syscall' is deprecated: first deprecated in OS X 10.12 - syscall(2) is unsupported; please switch to a supported interface. For SYS_kdebug_trace u...
2018-05-09 15:11:19
3915
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人