45k 字 41 分钟

# jQuery 概述 # 1.1 JavaScript 库 仓库：可以把很多东西放到这个仓库里面。找东西只需要到仓库里面查找到就可以了。 JavaScript 库：即 library，是一个封装好的特定的集合 (方法和函数) 。从封装一大推函数的角度理解库，就是在这个库中，封装很多预先定义好的函数在里面，比如动画 animation，hide，show，比如获取元素等。 简单理解： 就是 JS 文件，里面对我们原生 JS 代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。 比如 jQuery，就是为了快速方便的操作 DOM，里面基本都是函数 (方法) # 常见的...
3.9k 字 4 分钟

# JavaScript 介绍⚡️ # 什么是 JavaScript❓ # JavaScript 权威网站: 😉 点击表情进入 官方定义: 是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。 作用： 页面特效（监听用户的一些行为让网页做出对应的反馈） 表单验证（针对表单数据的合法性进行判断） 数据交互（获取后台的数据，渲染到前端） 服务端编程（node.js） # JavaScript 的组成🗜 # JavaScript 可以分成两大类🍃 # ECMAScript⭐️ JavaScript 语言基础 JavaScript 遵循的是 ECMAScript 的规范 规定了...
30k 字 28 分钟

# 数组🎄 💠 ⚠️特别注意：在 JavaScript 中数组是可变的，而在 Java 中数组则是不可变的比如如下: <script> // 数组长度初始为 1 里面只有一个元素 let arr = ['a'] console.log(arr)//Array["a"] console.log(arr[1])// 值为:undefined, 访问超出数组长度的元素 arr[0] = 1 console.log(arr[0])//1 arr[1] = '刘桑' console.log(arr[1])// 刘桑...
26k 字 23 分钟

# 变量 (<font style="color:red"> 重要 </font>)🗡 # 变量是什么❓ 理解变量是计算机存储数据的 <font style="color:red">"容器"</font>。🔺 # 1. 变量🗜 白话：变量就是一个装东西的盒子。📋 通俗：变量是计算机中用来存储数据的 <font...
37k 字 33 分钟

# CSS 高级 # 精灵图 为什么需要精灵图 一个网页中往往会应用很小的背景图像作为修饰，当网页中的图像过多，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。 因此，<strong style="color:red"> 为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度 </strong>，出现了 < strong style="color:red">CSS 精灵技术...
70k 字 1:04

# CSS🛶 💠 # 基础认知🎃 💠 # CSS 初识👊 💠 # 1.CSS 的介绍🐙 💠 CSS: <font title="red"> 层叠样式表 </font>(Cascading style sheets) CSS 作用是什么？ 给页面中的 HTML 标签设置样式 # CSS 语法规则🍬 💠 写在哪里？ css 写在 style 标签中，style 标签一般写在 head 标签里面，title 标签下面 CSS 中的注释:...
17k 字 16 分钟

# 移动端基础 # 移动端调式方法 Chrome DevTools (谷歌浏览器) 的模拟手机调试 搭建本地 web 服务器，手机和服务器一个局域网内，通过手机访问服务器 使用外网服务器，直接 IP 或域名访问 # 视口 <font color="red"> 视口 (viewport)</font > 就是浏览器显示页面内容的屏幕区域。视口可以分为布局视口，视觉视口和理想视口 # 布局视口 <font...
11k 字 10 分钟

# 长度单位 vw/vh 设计稿标准为 375px 分成 100 等份 每 1vw 就是 3.75 ，如果是 540 就是 5.4 根据视口的大小不同进行 * 5.4 来适应当前视口 达到了自适应的效果，不需要 rem 和 flexible.js 了 vw 不需要检测视口宽度 rem 必须要检测视口宽度再改 html 文字大小 而 vw 不必像 rem 那样麻烦 为什么呢？ 因为 vw 就是当前视口的百分之一。 不管在什么屏幕下，我们把屏幕分为平均的 100 等份。 1vw = 1 / 100 屏幕的宽度 # 1vw 和 1% width: 1vw; width: 1%; vw...
27k 字 24 分钟

# 移动 WEB 开发之 rem 适配布局 # rem 基础 # rem 单位 rem (root em) 是一个相对单位，类似于 em，em 是父元素字体大小。 不同的是 <font color="red">rem</font > 的基准是相对于 html 元素的 < font color="red"> 字体大小 </font>。 比如，根元素 (html) 设置 font-size=12px; 非根元素设置...
23k 字 21 分钟

# 移动 WEB 开发之 flex 布局 # 传统布局 兼容性好 布局繁琐 局限性，不能再移动端很好的布局 # flex 弹性布局 操作方便，布局极为简单，移动端应该很广泛 PC 端浏览器支持情况较差 IE 11 或更低版本，不支持或仅部分支持 建议： 如果是 PC 端页面布局，我们还是传统布局 如果是移动端或者不考虑兼容性问题的 PC 端页面布局，我们还是使用 flex 弹性布局 # flex 布局原理 flex 是 flexible Box 的缩写，意为 "弹性布局"，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为 flex...