柠檬养乐多.-CSDN博客

原创 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

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