- 博客(34)
- 收藏
- 关注
原创 JS_ECMAScript6
01-ES6介绍 ES历史发展 ES3 以前用ES4 搁置ES5 4.1 es4提出了一部分更新ES6 4.0 <script> // ES3 以前用 // ES4 搁置 // ES5 4.1 es4提出了一部分更新 // ES6 ...
2022-02-28 22:19:37
211
原创 JS_事件流_事件绑定
01-复习 事件对象- ev || widnow.event 鼠标信息- ev.offsetX / offsetY 元素- ev.clientX / clientY 可视区- ev.pageX / pageY 页面 事件源- ev.target || ev.scrElement- 事件委托 阻止默认行为 - return false - ev.preventDefault()02-事件流 结...
2022-02-25 16:43:26
489
原创 JS_事件使用_事件源_事件委托
01-复习 事件 浏览器事件onload onresize onsrcoll鼠标事件onmouseover onmouseout onclick ondblclick oncontextmenu onmouseenter onmouseleave onmousedown onmousemove onmouseup onmousewheel键盘事件onkeydown onkeyup表单事件oninput onchange onfocus onblur onsubmit移...
2022-02-24 21:25:00
497
原创 JS_数据渲染_DOM事件
01-复习 DOM DOM 获取元素 document.getElementById document.getElementsByClassName document.getELementsByTagName document.querySelector document.querySel...
2022-02-23 20:55:06
1187
原创 JS_DOM_属性_节点_元素
01-练习 选项卡 <style> * { margin: 0; padding: 0; } a { text-decoration: none; } li { list-style: none; } .news { width:...
2022-02-22 20:25:54
123
原创 JS_DOM_选项卡_轮播图
01-复习 BOM BOM window alert confirm prompt close open navigator uearAgent 浏览器信息 appName appVersion ...
2022-02-21 20:05:19
304
原创 JS_BOM_浏览器事件
01-复习 a.Math对象 Math对象 max min pow floor ceil round sqrt random abs sin con PI b.日期对象 日期对象 var now = new Date() now.getFullYear() now.getMonth() + 1 now.getDate() now.getDay() now...
2022-02-17 17:21:41
384
原创 JS_Math对象_日期对象
01-复习 ES5新增方法- forEach map filter some every indexOf 严格模式- 'use strict' 代码规范 ASCII中文位置- 4e00 - 9fa5 0x 表示16进制 字符串常用方法- indexOf lastIndexOf split slice replace toUpperCase toLowerCase 钱币格式 字符串转对象 对象转字符串02-字符串不常用方...
2022-02-16 17:03:42
341
原创 JS_数组_字符串常用方法
01-复习 数组 字面量:[]构造函数:new Array(10) 一个值的时候是长度有下标,从0开始有长度,从1开始数 数组操作 push pop shift unshift slice splice concat reverse join sort indexOf02-练习 写一个去重计数 {a:n, b:n, c:n, d:n} <script> // { a: n, b: n, c:...
2022-02-15 17:10:27
462
原创 JS_数组_排序
01-复习 作用域 全局:所有人都可以使用,生命周期:会话级,不建议使用(少用) 局部:只有函数内部可以使用,生命周期:函数结束,不建议使用 作用域链:先看自己有没有这个变量,自己没有找上一次,一直到全局全局没有报错 递归 解决不固定层数的对象 对象 var obj = {} ...
2022-02-14 17:06:26
371
原创 JS_作用域_对象
01-练习 输出0-3的组合数中的奇数 <script> function fn(n, m) { for (var i = n; i <= m; i++) { for (var j = n; j <= m; j++) { // console.log(i * 10 + j)...
2022-02-12 14:31:42
279
原创 JS_函数_预解析
01-练习 a.输出100-200之间的质数 // 100 - 200 // - 质数 for (var j = 100; j <= 200; j++) { // var n = j // 计数 var count = 0 for (var i = 2; i < j; i++) {...
2022-02-12 14:29:39
252
原创 JS_循环
01-练习 华氏度转摄氏度(保留三位小数) var c = (80 - 32) * 5 / 9 console.log(c.toFixed(3)) console.log(parseInt(c * 1000) / 1000) 每个月第几天是每年的第几天 var year = 2024 var month = 2 var day = 20...
2022-02-12 14:26:22
241
原创 JS_判断
01-判断 判断 流程控制语句 判断值都是真假值真:true 非0数字 非空字符串假:false 0 '' null NaN undefined 书写格式 如果 (条件) { 语句 } if (false) { // 条件不成立忽略此条代码 alert('ok') } 如果 (条件) { 语句 } 否则 { 语句2 } if (' ...
2022-02-12 14:23:04
307
原创 JS_基础数据类型_运算符
js 作者 布兰登·艾克 布兰登·艾奇 10天左右完成01-JS发展历史js javascript1. livescript2. javascript3. ECMAScript02-JS可以干什么网页游戏动画交互数据人脸识别小程序APP:android(java) ios(object-C)typeScript03-JS的写法行内写法<!-- javascript:; 执行一个js...
2022-02-12 14:17:35
140
原创 CSS_动画_3d
1.二级菜单的动态效果,添加动画 display是不参与过渡的,=====使用高度 给高度加过渡 2.过渡:transition:all 3s linear 3.2d平面效果:缩小,放大,平移:transform 过渡和平面效果属于动画的一种,他们两个需要鼠标的事件才能去触发对应的效果 有没有一种动画效果直接不要鼠标事件就能完成的===真正意义上面的动画属性 4.animation:真正...
2022-01-20 14:03:06
71
原创 CSS_渐变过渡_动画
1.渐变 指的是:颜色从一个方向到另一个方向进行改变,从一个角度到另外一个角度进行改变 线性渐变:方向 径向渐变:从中心向四周进行改变 背景产生的====由浏览器进行加载显示的====比较均匀,兼容性比较强的,使用背景图片平铺的话,有可能会失真 1)线性渐变(实际开发应用频率会比较高) background:linear-gradient(to,方向词,col1,col2,col...
2022-01-19 22:27:42
564
原创 CSS_单位对比_响应式
1.多列 按照对应的列数进行布局,从左侧第一列向右侧第二列甚至更多进行布局 1)划分列数 column-count取值为纯数值 2)调整列宽 column-width:300px 注意事项:默认的情况下列数是根据你的屏幕分配均匀的; 如果你的列宽太宽的话会影响列数 ...
2022-01-18 21:24:29
323
原创 CSS_移动端布局_响应式
1.什么是移动端? 移动端是可以移动的设备都可以称之为移动端:手机,pad,kindle,电话手表 2.如何查看移动端的页面 设备模拟器==如何开启设备模拟器呢?==页面中右键====检查 在右侧窗口上会有两个小图标:第一个图标,选中工具;第二个图标:设备模拟器 3.认识一下设备模拟器中的内容 iPhone4====手机型号 3...
2022-01-17 20:05:46
397
原创 CSS_表格表单_弹性盒子
表单 1)input 还差两个(email,url) 2)select类型 下拉菜单 默认的下拉菜单只显示一个 下拉菜单的属性====select标签 控制显示多个====size 控制选择多个属性=====muliple 注意:如果你只添加了multiple属性的话,默认会显示4个 下拉菜单选项...
2022-01-14 20:51:39
668
原创 CSS_自适应_表格表单
1.伪元素选择器 追加进来的内容属于行内元素 可以理解成:假的元素选择器===给他创造一个元素/标签 1) 匹配第一行的伪元素选择器 :first-line 这里的冒号可以使用:: : 双冒号和单冒号 为了解决兼容问题 div::first-line{} 2)匹配第一个字符的伪元素选择器 :first-letter 这里的冒号可以使用:: ...
2022-01-13 22:34:13
1153
原创 CSS_定位_宽高自适应下
和宽高自适应下1.定位的基础属性,属性值 2.定位的特殊情况 1)绝对定位在兄弟关系中的演示效果 都添加定位(兄弟元素)====相对,绝对,固定 默认的是后面的把前面的遮盖住===产生效果===层级效果 如何调整层级顺序呢: z-index属性 取值为纯数值,不带任何的单位,只...
2022-01-13 08:53:04
1830
原创 CSS_定位_宽高自适应上
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...
2022-01-11 22:47:39
332
原创 CSS_溢出_元素类型
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...
2022-01-10 17:23:18
523
原创 CSS_元素溢出
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...
2022-01-07 18:37:36
164
原创 CSS_盒子模型
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...
2022-01-06 17:12:52
105
原创 CSS_核心属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...
2022-01-05 19:18:58
126
原创 CSS基础下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...
2022-01-04 17:30:49
452
原创 CSS基础上
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...
2021-12-31 15:21:09
434
原创 Html基础下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...
2021-12-31 09:04:48
477
原创 html基础标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...
2021-12-30 16:42:41
175
原创 Html基础上
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->...
2021-12-29 16:44:42
384
原创 html基础标签
<!—前一天的笔记内容 1.注释的快捷键:ctrl+ / alt shift +a 作用:对代码进行解释说明的,在游览器里面不会显示 2.开启自动保存:点击左下角的管理,命令面板,auto save设置字体大小:点击左下角的管理,设置,常用设置里面的font size 折行设置开启 word wrap 快捷键ctrl+z 3.前段总共分为几个层面 html结构层,标签结构基础结构(人) ...
2021-12-28 16:57:38
107
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人