03 2020 档案

BOM窗口加载事件 定时器 JS执行机制 location navigator history 对象
摘要：BOM 的构成 window 对象是浏览器的顶级对象，具有双重角色 1，它是 JS 访问浏览器窗口的一个接口 2，它是一个全局对象，定义在全局作用域中的变量、函数都会变成 window 对象的属性和方法 window 对象常见事件 窗口加载事件 调整窗口大小 定时器 定时器 停止 定时器 定时器 停 阅读全文
posted @ 2020-03-30 23:47 计算机相关人员 阅读(166) 评论(0) 推荐(0)
事件注册 DOM事件流 事件对象（常用属性，方法） 事件委派（鼠标，键盘事件对象）
摘要：注册事件概述 给元素添加事件，称为 注册事件 或者 绑定事件 注册事件有两种方式：传统方式和方法监听注册方式 传统注册方式： 利用 on 开头的事件；例如：onclick；注册事件的唯一性，后面的注册事件会把前面的覆盖 方法监听注册方式： IE9+；IE9以前用 代替；会按照注册顺序依次执行没有唯一 阅读全文
posted @ 2020-03-29 17:33 计算机相关人员 阅读(273) 评论(0) 推荐(0)
DOM元素选择 属性操作 事件操作 节点操作 创建元素的区别
摘要：DOM 获取页面元素 事件基础 事件由三部分组成 事件源 事件类型 事件处理程序 事件源：事件被触发的对象 事件类型：如何触发什么事件 (onclick) 事件处理程序：通过一个函数赋值的方式完成 常用鼠标事件 | 鼠标事件 | 触发条件 | | | | | | 鼠标点击左键触发 | | | 鼠标经 阅读全文
posted @ 2020-03-29 00:07 计算机相关人员 阅读(157) 评论(0) 推荐(0)
内置对象Math，Array，String，Date，堆栈，简单数据复杂数据类型
摘要：JavaScript 内置对象 Math Date | 方法 | 说明 | | | | | | 获取当前年 | | | 获取当前月（0 11） | | | 获取当前日 | | | 获取当前 星期（星期天 0） | | | 获取当前小时 | | | 获取当前分钟 | | | 获取当前秒 | 获取时间戳 阅读全文
posted @ 2020-03-27 00:13 计算机相关人员 阅读(157) 评论(0) 推荐(0)
作用域，预解析，对象
摘要：作用域 一段程序代码中所用到的名字并不总是有效可用的，而限定这个名字（变量）的可用性的代码范围，就是这个名字的作用域，作用域提高了逻辑程序的局部性，增强了可靠性，减少了名字冲突； JavaScript作用域（es6）之前：全局作用域，局部作用域 全局作用域： 整个script标签或者是一个单独的JS 阅读全文
posted @ 2020-03-26 00:24 计算机相关人员 阅读(179) 评论(0) 推荐(0)
数组基础，函数基础，arguments
摘要：数组 new 关键字 字面量 数组下标 遍历数组 新增数组元素 函数 函数的声明调用 命名函数 函数表达式（匿名函数） 函数的形参与实参 函数的返回值 break ，continue， return break：结束当前循环（for while） continue：跳出本次循环，执行下次循环‘ re 阅读全文
posted @ 2020-03-24 22:25 计算机相关人员 阅读(193) 评论(0) 推荐(0)
运算符，流程控制，循环控制
摘要：算术运算符 | 预算符 | 描述 | 实例 | | | | | | + | 加 | | | | 减 | | | | 乘 | | | / | 除 | | | % | 取余 | | 处理浮点数运算存在精度问题，不要直接判断两个浮点数是否相等； 递增递减运算符 比较运算符 比较运算符（关系运算符）是两个数 阅读全文
posted @ 2020-03-22 22:40 计算机相关人员 阅读(190) 评论(0) 推荐(0)
初识 JS 变量， 简单数据类型，typeof，数据类型转换
摘要：初识 JavaScript JavaScript 是什么 JavaScript 是世界上最流行的编程语言之一，是一种运行在客户端的脚本语言； 脚本语言：不需要编译，运行过程中由 js 解释器逐行来进行解释并执行； 现在也可以基于 Node.js 技术进行服务器端编程。 浏览器执行 JS 简介 浏览器 阅读全文
posted @ 2020-03-22 11:33 计算机相关人员 阅读(240) 评论(0) 推荐(0)
响应式布局 Bootstrap栅格系统
摘要：响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的； | 设备划分 | 尺寸区间 | | | | | 超小屏幕（手机）设置宽度 100% | = 768px ~ = 992px ~ = 1200px | Bootstrap 推荐使用：https://v3. 阅读全文
posted @ 2020-03-19 23:57 计算机相关人员 阅读(336) 评论(0) 推荐(0)
rem布局，less基础，媒体查询
摘要：rem 单位 rem（root em）是一个相对单位，类似于em，em是父元素字体大小； 不同的是rem的基准相对于html元素的字体大小； 比如，根元素（html）设置 font size: 12px; 非根元素设置 width: 2rem; 此时换算成px表示 24px； rem优点： 就是可以 阅读全文
posted @ 2020-03-18 00:48 计算机相关人员 阅读(437) 评论(0) 推荐(0)
flex 布局
摘要：flex 弹性布局与传统布局 flex 弹性布局 操作方便，布局极为简单，移动端应用很广泛 PC端浏览器支持情况很差 IE 11或更低版本，不支持仅部分支持 传统布局 兼容性好 布局繁琐 局限性，不能再移动端很好的布局 布局原理 flex 是 flexble Box 的缩写，意为 “弹性布局” ，用 阅读全文
posted @ 2020-03-16 00:30 计算机相关人员 阅读(216) 评论(0) 推荐(0)
移动端布局基础，流式布局
摘要：视口 视口（viewport）就是浏览器显示页面内容的屏幕区域，视口可以分为布局视口，视觉视口和理想视口 布局视口 layout viewport 一般移动设备的浏览器都默认设置了一个布局视口，用于解决早期的pc页面在手机上显示的问题； iOS，Android基本都将这个视口分辨率设置为980px， 阅读全文
posted @ 2020-03-15 22:41 计算机相关人员 阅读(227) 评论(0) 推荐(0)
3D转换，透视 perspective，3D呈现 transform-style，浏览器私有前缀
摘要：3D 转换 transform 3d效果是建立在已经存在视距（perspective）的情况下进行的 3D 坐标系 三维坐标其实就是指立体空间，立体空间由3个轴组成 x轴：水平向右； 注意： x右边是正值，左边是负值； y轴：垂直向下； 注意 ： y下面是正值，上面是负值； z轴：垂直屏幕； 注意： 阅读全文
posted @ 2020-03-12 19:12 计算机相关人员 阅读(332) 评论(0) 推荐(0)
前端互嫖 - 博客园美化
摘要：博客园的皮肤要选择 页面定制 CSS 代码 网格纸背景 国风背景图 浏览器滚动条优化 粉色导航栏 三级标题 (这里我做了一些取舍冗余的也没有删) 页脚 去掉大黑板 这段我也不知道干嘛, 没有看(请原谅我) 代码高亮 行内代码高亮 这是我自己随便捣拾捣拾 页首 HTML 代码 页脚 HTML 代码 背 阅读全文
posted @ 2020-03-10 18:29 计算机相关人员 阅读(256) 评论(0) 推荐(0)
transform 2D转换，animation 动画
摘要：2D转换 transform transform 是 CSS3 中具有颠覆性的特征之一，可以实现元素的位移，旋转，缩放等效果 移动 translate 重点 定义2D转换中的移动，沿着X轴和Y轴移动元素； translate最大的有点：不会影响到其他元素的位置； translate中的半分比单位是相 阅读全文
posted @ 2020-03-08 19:21 计算机相关人员 阅读(244) 评论(0) 推荐(0)
表单，音视频，语义化标签与属性选择器，结构伪类选择器，伪元素选择器（按钮禁止点击）
摘要：HTML5简介 万维网的核心语言，标准通用标记语言的写一个应用超文本标记语言（HTML）的第五次重大修改，作为新HTML语言，具有新的元素，属性和行为；广义的HTML是包含HTML5本身 + CSS3 + JavaScript，虽然不被所有浏览器所支持，但它是一种趋势； 新增语义化标签 注意： 1. 阅读全文
posted @ 2020-03-06 23:13 计算机相关人员 阅读(221) 评论(0) 推荐(0)