- 博客(8)
- 收藏
- 关注
RSS订阅原创 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关注的人