- 博客(8)
- 收藏
- 关注
原创 JS 分支结构
单分支if(t条件){当条件为true时输出代码段}双分支if(条件){当条件为true时输出代码段} else{当条件为false时输出代码段}多分支if(条件1){当条件1为true时输出代码段}else if(条件2){当条件2为true时输出代码段}...... 语法中的else和if之间的空格不能少 多分支运行的顺序是从上到下运行的 多分支结构是多选一,最终只会执行一个语句分支结构的嵌套 在分支结构的大...
2021-08-10 20:48:38
83
原创 JS基础语法
js的历史 NetScape网景公司 布兰登·艾奇js的概念/跟h5的关系/应用场景 支持面向对象的跨平台的脚本语言 h5的很多标签其实需要js参与才能激活它的高级功能 多媒体的api canvas绘画 应用场景 表单的校验 做网页特效 游戏 物联网 小程序输出方式 document.write(内容) 直接显示在浏览器中-b...
2021-08-09 21:27:51
86
原创 CSS3的grid布局
grid布局的相关概念 采用网格布局的区域,称为"容器"(container)。 容器内部采用网格定位的子元素,称为"项目"(item)。 注意:项目只能是容器的顶层子元素,不包含项目的子元素。Grid 布局只对项目生效。grid布局中的行和列 容器里面的水平区域称为"行"(row),垂直区域称为"列"(column)。grid布局中的单元格 2. 行和列的交叉区域,称为"单元格"(cell)。正常情况下,n行和m列会产生n x m个单元格。比如,3行3列会产...
2021-08-05 19:01:33
842
原创 移动端页面布局
一、 弹性布局(100%布局)的特点 不管分辨率怎么变顶部与底部的bar,它的⾼度和位置都不变; 中间每条招聘信息不管分辨率怎么变,招聘公司的图标等信息 都位于条目的左边,薪资都位于右边.特点:关键元素高宽和位置都不变,只有容器元素在做伸缩变换。对于这类app,记住一个开发原则就好:文字流式,控件弹性,图片等比缩放物理像素 (设备支持的最大分辨率)设备的独立像素(默认设置的分辨率)CSS像素(逻辑像素)什么是屏幕尺寸? 移动端屏幕尺寸:屏幕对角线的...
2021-08-04 20:04:39
113
原创 CSS 多列及媒体查询
一、CSS 多列主要属性 1、column-count:分栏的个数 2、column-width:分栏的宽度 3、column-gap:分栏的间距 4、column-rule:分栏的边框 5、column-span:all/none 设置或检索对象元素是否横跨所有列。 6、column-fill设置或检索对象所有列的高度是否统一(目前大部分浏览器尚未支持) auto:列高度自适应内容 ...
2021-08-03 20:58:45
138
原创 CSS3 弹性盒
一、怪异盒模型box-sizing用来设置盒模型的解析规则的content-box(按标准盒模型的规则解析)这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。border-box(按怪异盒模型的规则解析)二、弹性盒模型1、display:flex/inline-flex说明:flex: 将对象作为弹性伸缩盒显示 inline-flex:将对象作为内联块级弹性伸缩盒显示 设置为弹性盒(父元...
2021-08-02 20:50:09
55
原创 css动画
一、@keyframes 规则如果您在@keyframes规则中指定了 CSS 样式,动画将在特定时间逐渐从当前样式更改为新样式。要使动画生效,必须将动画绑定到某个元素。1.animation-duration (动画持续时间)属性定义需要多长时间才能完成动画。如果未指定animation-duration属性,则动画不会发生,因为默认值是 0s(0秒)。2.animation-delay:2s;动画延迟时间值也是允许的。如果使用负值,则动画将开始播放,如同已播放 N 秒。...
2021-08-01 19:42:36
148
原创 总结:七种css方式让一个容器水平垂直居中
方法一:position加margin方法二: diaplay:table-cell方法三:position加 transform方法四:flex;align-items: center;justify-content: center方法五:display:flex;margin:auto方法六:纯position方法七:兼容低版本浏览器,不固定宽高总结这种css布局平时用的比较多,本文只总结其中的几种,以便加深印象。效果图都为这个:方法一:position加margin...
2021-07-31 20:43:08
645
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人