04 2020 档案

4.29 数组的索引和排序
摘要:# 一、数组 ***************1. 数组的操作 - 索引(编号,序号,从0开始) ```js var arr = ["hello",3,4,5,"world"]; ``` - 数组是一个有序数据的集合 - 有序的序号,索引 - 从0开始 - 到哪结束 - 根据长度,得出,到length 阅读全文

posted @ 2020-04-29 22:55 上帝是女孩23333 阅读(374) 评论(0) 推荐(0)

4.28 递归 数组 对象
摘要:# 一、JS的编译和执行- 偏原理 - 可以不懂原理,只需要注意现象,可以正常写代码 - 懂原理,帮助你提升代码性能,优化;方便面试- js是一门解释性语言 - 预先编译,再执行 - 先通读全文,在解释含义 - 找到var和function,做出对应提升- 编译时 - **提升**- 执行时 - 按 阅读全文

posted @ 2020-04-28 23:47 上帝是女孩23333 阅读(303) 评论(0) 推荐(0)

4.27 函数返回值和作用域
摘要:# 一、函数## 6.函数的返回值- 返回值概念 - 函数自身的处理数据或执行结果,需要被二次使用或其他程序调用时,需要将数据返回出来- 如何拿到返回值 - 关键字:`return 要返回的数据`- return的功能 - 可以让函数返回指定的**值** - 可以立即结束当前函数 - 一个函数中可以 阅读全文

posted @ 2020-04-27 23:51 上帝是女孩23333 阅读(129) 评论(0) 推荐(0)

4.26 函数的执行和常见事件
摘要:# 一、函数## 1.函数的概念- 函数:由用户或自身控制,可以实现某个功能的 代码段(很多代码) - 函数的特点: - 忽略细节:在**使用过程**中,只需要关注其实现的功能,而不需要关注其内部原理 - 重复使用:多次使用 - 选择使用:按需使用 ## 2.创建函数- 函数从哪来 - 内置(系统提 阅读全文

posted @ 2020-04-27 23:50 上帝是女孩23333 阅读(157) 评论(0) 推荐(0)

4.24 for 循环
摘要:# 一、补充循环语句 - for- `for` - 语法 ```js for(var i=0;i<=10;i++){ console.log(i); } ``` - 特点 - 三要素,更集中,无需考虑计数器改变的位置,而影响程序结果 - 顺序不能变(计数器的初始值; 条件; 计数器的改变) - 执行 阅读全文

posted @ 2020-04-24 23:03 上帝是女孩23333 阅读(102) 评论(0) 推荐(0)

4.23 循环语句
摘要:循环语句: # 一、小数的问题1. 现象 - 明明只有一位小数,但是最后出来很多位 - 0.1 + 0.7 = 0.7999999999999992. 原因 - 计算机最终执行或识别的符号只有0和1,二进制 - 计算机中有一套完善的转换机制,所有内容最终都会被解析成二进制 - 计算机对于小数的计算, 阅读全文

posted @ 2020-04-23 23:22 上帝是女孩23333 阅读(124) 评论(0) 推荐(0)

4.22分支语句
摘要:分支语句:NaN`:非法的数值运算得到的结果 - 特殊之处: 1. 是一个数值型的数据,但是不是一个数字 2. NaN不等于任何值,和任何数据都不相等,NaN不等于NaN - 检测方法:`isNaN(要检测的数据)` - true:检测结果为 NaN 或能转成 NaN - false:检测结果不是 阅读全文

posted @ 2020-04-22 22:57 上帝是女孩23333 阅读(102) 评论(0) 推荐(0)

4.21数据字符等类型转换
摘要:2. 数据类型的转换方法 - 强制转换(显示转换,主动转换) - 字符转数值 - `parseInt(要转换的数据或变量)` - 从左向右依次检测,遇到第一个非数字的字符,停止转换 - 忽略小数点后所有的内容,其实是将小数点识别成了非数字 - 如果第一位就是非数字,直接NaN - 不是一个数字的数值 阅读全文

posted @ 2020-04-21 22:44 上帝是女孩23333 阅读(108) 评论(0) 推荐(0)

4.17 优化与兼容
摘要:页面优化要素:1)页面头部优化<meta name="keywords" content="" />向搜索引擎说明你的网页的关键词;<meta name="description" content=""/>告诉搜索引擎你的站点的主要内容;2)超链接优化1、采用纯文本链接,少用,最好是别用Flash动 阅读全文

posted @ 2020-04-20 23:01 上帝是女孩23333 阅读(108) 评论(0) 推荐(0)

4.20 js的基本语法规则
摘要:JS的语法基础:一:js的书写1.内联(行内):属性形式:事件触发<input type="button" onclick="alert('hello world')" value="点我">` 不建议使用,结构和行为的分离,优化项目,便于管理 为了测试方便2.内部:script双标签,包裹js代码 阅读全文

posted @ 2020-04-20 22:59 上帝是女孩23333 阅读(229) 评论(0) 推荐(0)

4.16网格布局
摘要:/*隐藏滚动条: 元素: : -webkit-scrollbar [display :none]chrome和 safari.element: : -webkit-scrollbar f width: ø ! important ]IE 10+.element f -ms -overflow-sty 阅读全文

posted @ 2020-04-16 23:05 上帝是女孩23333 阅读(117) 评论(0) 推荐(0)

4.15移动端媒体查询及vw rem
摘要:移动端:设备范围: 默认样式注意:款认样式要写在最前面 /*打印样式*/ @media print {} *于机等小屏幕于持设备*/ @media screen and (min-width: 320px) and (max-width: 480px) { ) /* 平板之类的宽度1024 以卜设备 阅读全文

posted @ 2020-04-15 23:25 上帝是女孩23333 阅读(131) 评论(0) 推荐(0)

4.14怪异盒和弹性盒
摘要:怪异盒和弹性盒:box- sizing:属性值:box- sizing : content - box; 常规盒模型box- sizing: border- box: 怪异盒模型( IE盒模型)怿异盒模型特点:padding和border都会在元素的宽高的内部,不会把盒子本身撑大 弹性盒:布局方案。 阅读全文

posted @ 2020-04-15 23:22 上帝是女孩23333 阅读(124) 评论(0) 推荐(0)

4.13
摘要:文本阴影:text-shadow: x轴位置 Y轴位置 阴影大小 阴影颜色 注:如果想添加多个阴影每--组阴影以逗号分隔。盒子阴影:box-shadow: x y阴影的模糊度 阴影扩散的大小 阴影颜色 内阴影( inset:可选)添加多阴影:以逗号分隔的形式添加多阴影英文或者数字默认显示:如果没有换 阅读全文

posted @ 2020-04-13 23:33 上帝是女孩23333 阅读(128) 评论(0) 推荐(0)

4.10 新增css3
摘要:2:新增表单的html属性min/maxrequired:如果表单没有输入内容的情况下,禁止提交step确定个法定值eg :3 -6-3 3 6 9autocomplete自动提示信息 属性值 on/offplacehoIder:文本框的提示信息autofocus:自动聚焦pattern:属性值是一 阅读全文

posted @ 2020-04-10 23:16 上帝是女孩23333 阅读(108) 评论(0) 推荐(0)

4.9 html5新增
摘要:html5新增内容: 语义化结构标签: section:更偏于划分区域。( 网页的外围结构...更类似与div)article:更偏向于内容的展示 header:网页头部或者是内容块头部footer:网页的顶部或者内容快的底部nav:导航区域main:主体区域(ie不兼容) figure:代表一个独 阅读全文

posted @ 2020-04-10 23:14 上帝是女孩23333 阅读(94) 评论(0) 推荐(0)

4.8 3d特效及动画
摘要:3d特效及动画: perspective:值越大距离越远(给父元素添加)景深通常在:900-1200之间3d旋转:rotate3d(x,y,z,度数)注:xyz是一个矢量值,0不旋转,1旋转eg:rotate3d(1,1,0,45deg)3d缩放:scalaz()/scala3d(x,y,z)让背面 阅读全文

posted @ 2020-04-08 23:07 上帝是女孩23333 阅读(133) 评论(0) 推荐(0)

4.7:2d和3d特效对比:
摘要:平面空间:transform-style:flat;2d和3d特效对比: 形成3D空间(让父元素形成3d空间,3d舞台):transform-style:preserve-3D;z轴上只能写具体像素,不能写百分比。transform:translate(x,y);transform:translat 阅读全文

posted @ 2020-04-07 22:35 上帝是女孩23333 阅读(310) 评论(0) 推荐(0)

4.3
摘要:opacity: 0-1;(从无到有)支持过渡属性,因为display:block属性不支持过渡,所以可用来隐藏需要过渡属性。很多css属性,最初的预览版没有形成最终的正式版,但是浏览器为了对这些新属性支持,主流浏览器提供属于自己的语法规则“浏览器前缀”-webkit-:谷歌、苹果、浏览器前缀-mo 阅读全文

posted @ 2020-04-03 23:40 上帝是女孩23333 阅读(185) 评论(0) 推荐(0)

4.1
摘要:表格属性补充:1.表格的数据进行分组<thead></thead>;<tbody></tbody>;<tfoot></tfoot>,表头表尾只能一个列标题标签:<th></th>:默认的样式:左右居中,文本加粗表格标题:<caption></caption>:描述标题的位置的css属性:captio 阅读全文

posted @ 2020-04-03 23:36 上帝是女孩23333 阅读(200) 评论(0) 推荐(0)

3.31
摘要:总结高度自适应的第一种情况:内容撑开父元素:1.高度不去设置,或者高度设置auto,内容撑开父元素的高度2.内容撑开父元素的高度所以要设置最小高度:min-height过滤器(低版本不识别):height:auto !importent;最小高的兼容写法:min-height; height:aut 阅读全文

posted @ 2020-04-03 23:32 上帝是女孩23333 阅读(162) 评论(0) 推荐(0)

3.30
摘要:position:fixed;固定定位a:参照物:浏览器窗口b:不占空间,脱离布局流 让一个元素上下左右居中的方法:1.position:fixed;left:50%;top:50%;margin-left:宽度的一半;margin-top:高度的一半; 2.position:fixed;left: 阅读全文

posted @ 2020-04-03 23:30 上帝是女孩23333 阅读(129) 评论(0) 推荐(0)

3.28
摘要:定位:position:static;(静态定位) absoulte;(绝对定位) relative;(相对定位) position:absoulte;参照物:1.已经有定位的父元素2.如果父元素都没有定位,就以整个文档流为参照;绝对定位的特点:不占据空间,脱离文档流。 position:relat 阅读全文

posted @ 2020-04-03 23:28 上帝是女孩23333 阅读(123) 评论(0) 推荐(0)

导航