05 2020 档案

01 jQuery入门
摘要：1.jQuery概诉 1.1 javaScript库 仓库：可以把很多东西放到这个仓库里面，找东西只需要到仓库里面查找到就可以了 javaScript库：即library,是一个封装好的特定的集合（方法和函数）。 从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动 阅读全文
posted @ 2020-05-30 09:28 xujing123 阅读(109) 评论(0) 推荐(0)
06 本地存储数据
摘要：1.本地存储 为了满足各种各样的需求，会经常在本地存储大量的数据，HTML规范提出了相关解决方案。 1.1本都存储特性 本地存储特性 数据存储在用户浏览器中 设置读取方便，甚至页面刷新不丢失数据 容量较大，sessionStorage约5M、localStorage约20M 只能存储字符串，可以将对 阅读全文
posted @ 2020-05-29 10:56 xujing123 阅读(140) 评论(0) 推荐(0)
05 移动端常见特效
摘要：1. 触屏事件 1.1 触屏事件概诉 移动端浏览器兼容性较好，不太需要考虑js兼容性问题，可以放心用原生JS书写效果，移动端有独特的地方，如触屏事件touch( 也称触摸事件)，安卓和IOS都有。 touch对象代表一个触摸点。触摸点可能是一根手指，也可能是触摸笔。触屏事件就是响应用户手指对屏幕或者 阅读全文
posted @ 2020-05-29 10:52 xujing123 阅读(162) 评论(0) 推荐(0)
04 网页端特效
摘要：1.元素偏移量offset系列 1.1 offset 概诉 offset 翻译过来就是偏移量，我们使用offset系列相关属性可以动态的得到钙元素的位移（偏移）、大小等 获得元素距离带有定位父元素的位置 获得元素自身的大小（宽高） 注意：返回的数值都不带单位 offset系列常用属性 offset系 阅读全文
posted @ 2020-05-26 13:12 xujing123 阅读(203) 评论(0) 推荐(0)
03 flex布局
摘要：1.flex布局体验 1.1 传统布局和flex布局 传统布局 兼容性好 布局繁琐 局限性，不能在移动端很好的布局 flex布局 操作方便，移动端广泛 PC端浏览器支持情况较差 IE11或更低版本，不支持或仅部分支持 1.2 布局原理 flex 是flexible box的缩写，意为弹性布局，用来为 阅读全文
posted @ 2020-05-23 10:36 xujing123 阅读(175) 评论(0) 推荐(0)
03 BOM
摘要：1.BOM概诉 1.1 什么是BOM BOM 即浏览器对象模型，提供了独立于内容而与浏览器窗口进行交互的对象，核心是window BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法和属性 BOM缺乏标准，javaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C，BOM最初 阅读全文
posted @ 2020-05-22 16:12 xujing123 阅读(210) 评论(0) 推荐(0)
02 事件高级
摘要：# 1.注册事件（绑定事件） # ## 1.1 注册事件概述 ## 给元素添加事件，称为注册事件或者绑定事件 注册事件有两种方式:传统方式和方式监听注册方式 > 传统注册方式 - 利用on开头的时间onclick - <button onclick= "alert('hi~')"></button> 阅读全文
posted @ 2020-05-21 16:11 xujing123 阅读(197) 评论(0) 推荐(0)
01 DOM
摘要：# 1. Web Api 和 Js 基础关联性 # ## 1.1 js组成 ## javaScript 组成 ECMAScript DOM（页面文档对象模型） BOM（浏览器对象模型） ECMAScript（目前学习js基础语法） DOM BOM （web Api） ## 1.2 js 基础阶段 以 阅读全文
posted @ 2020-05-19 14:35 xujing123 阅读(149) 评论(0) 推荐(0)
06 js 作用域 对象
摘要：# 1.作用域 # 通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这 个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。 js（es6前）中的作用域有两种: - 全局作用域 - 局部作用域（函数作用域） ## 1. 阅读全文
posted @ 2020-05-15 09:31 xujing123 阅读(330) 评论(0) 推荐(0)
05 js函数
摘要：# 1. 函数 # 封装了一段可被重复调用执行的代码块。通过此代码块实现大量代码的重复使用 # 2. 函数的使用 # ## 2.1 声明函数 ## // 声明函数 <script> //声明函数 function 函数名(){ } </script> function 是声明函数的关键字,必须小写 阅读全文
posted @ 2020-05-13 17:35 xujing123 阅读(150) 评论(0) 推荐(0)
04 js数组
摘要：# 1.数组概念 # 变量只能存储一个值，使用数组Array把一组的数据一起存放，并提供方便的访问（获取）方式 数组即是一组数据的集合，每个数据被称作元素，在数组中可以存放任意类型的元素 ## 1.1 数组初始化 ## <script> // 1.数组（Array）: 就是一组数据的集合，存储在单个 阅读全文
posted @ 2020-05-13 17:33 xujing123 阅读(121) 评论(0) 推荐(0)
03 js基础 循环
摘要：# 1.循环的目的 # 循环的目的：重复执行指定代码 ## 1.1 结构语法 ## for(初始化变量;条件表达式;操作表达式){ 循环体 } 初始化变量：通常被用于初始化一个计数器，用来计数 条件表达式：用于确定每一次循环是否能被执行 操作表达式：每次循环的最后都要执行的表达式，用于递增或递减计数 阅读全文
posted @ 2020-05-13 10:47 xujing123 阅读(128) 评论(0) 推荐(0)
02 js基础 操作符 流程控制
摘要：# 1. 运算符 # 也称操作符，用于实现赋值、比较和执行算数运算等功能的符号 js中常用的运算符： 算数运算符 递增和递减运算符 比较运算符 逻辑运算符 赋值运算符 # 2.算数运算符 ## ## 2.1 算数运算符概述 ## 运算符 描述 实例 + 加 10 + 20 = 30 - 减 10 - 阅读全文
posted @ 2020-05-13 10:31 xujing123 阅读(154) 评论(0) 推荐(0)
01 js基础 变量 数据类型
摘要：# 1.初识javascript ## ## 1.1javaScript ## - javaScript 是一种运行在客户端的脚本语言 - 脚本语言：不需要编译，运行过程中由js解释器来进行解释并执行 - 现在也可以基于Node.js技术进行服务器端编程 ## 1.2 js的作用 ## - 表单动态 阅读全文
posted @ 2020-05-13 10:28 xujing123 阅读(303) 评论(0) 推荐(0)
04 响应式开发
摘要：# 1.响应式开发 # ## 1.1 响应式开发原理 ## 就是使用媒体查询针对不同宽度的设备进行布局和样式设置，从而适配不同设备的目的 设备划分 尺寸区间 超小屏幕(手机) < 768px 小屏设备(平板) >= 768px ~ < 992px 中等屏幕(桌面显示器) >= 992px ~ <12 阅读全文
posted @ 2020-05-12 09:48 xujing123 阅读(149) 评论(0) 推荐(0)
03 rem适配布局
摘要：# 1.rem基础 # >rem单位 -是一个相对单位。类似em,em是父元素字体大小 -不同的是rem的基准是相对于html元素的字体大小 -比如 根元素（html）设置font-size = 12px ;非根元素设置width:2rem 则换算成px就是24px 优点就是可以通过修改html里面 阅读全文
posted @ 2020-05-08 13:47 xujing123 阅读(133) 评论(0) 推荐(0)
01 流式布局
摘要：# 1.移动端基础 # 移动端浏览器主要对webkit内核进行兼容 我们现在开发的移动端主要针对手机端开发 移动端碎片化沿着分辨率和屏幕尺寸大小不一样 学会谷歌浏览器模拟手机界面调试 # 2.视口 ## 2.1 布局视口 layout viewport ## 一般移动设备的浏览器都默认设置一个布局视 阅读全文
posted @ 2020-05-05 14:20 xujing123 阅读(313) 评论(0) 推荐(0)