快速开始123456git initgit add .git commit -m "init"git branch -M maingit remote add origin git@github.com:ducafecat/flutter_woo_commerce_getx_learn.gitgit push -u origin main
Git 安装配置在使用Git前我们需要先安装 Git。Git 目前支持 Linux/Unix、Solaris、Mac和 Windows 平台上运行。
Git 各平台安装包下载地址为：http://git-scm.com/downloads
Linux 平台上安装Git 的工作需要调用 curl，zlib，openssl，expat，libiconv 等库的代码，所以需要先安装这些依赖工具。
在有 yum 的系统上（比如 Fedora）或者有 apt-get 的系统上（比如 Debian 体系），可以用下面的命令安装：
各 Linux 系统可以使用其安装包管理工具（apt-get、yum 等）进行安装：
Debian& ...
目录总览
1、移动 Web 开发1.1、浏览器现状
国内的 UC 和 QQ，百度等手机浏览器都是根据 Webkit 修改过来的内核，国内尚无自主研发的内核。
总结：兼容移动端主流浏览器，处理 Webkit 内核浏览器即可。
1.2、手机屏幕现状
移动端设备屏幕尺寸非常多，碎片化严重。
Android 设备有多种分辨率：480x800, 480x854, 540x960, 720x1280，1080x1920 等，还有传说中的 2K，4k 屏。
近年来 iPhone 的碎片化也加剧了，其设备的主要分辨率有：640x960, 640x1136, 750x1334, 1242x2208 等。
作为开发者无需关注这些分辨率，因为我们常用的尺寸单位是 px 。
1.3、视口 viewport
视口（viewport）就是浏览器显示页面内容的屏幕区域。 视口可以分为布局视口、视觉视口和理想视口
我们只需要关注理想视口
1.3.1、布局视口 layout viewport
一般移动设备的浏览器都默认设置了一个布局视口，用于解决早期的 PC 端页面在手机上显示的问题。
iOS, Andro ...
目录总览
1、新增选择器CSS3 给我们新增了选择器，可以更加便捷，更加自由的选择目标元素。
属性选择器
结构伪类选择器
伪元素选择器
1.1、属性选择器
属性选择器可以根据元素特定的属性来选择元素，这样就可以不用借助于类或者 id 选择器
选择符
简介
E[att]
选择具有 att 属性的 E 元素
E[att=“val”]
选择具有 att 属性且属性值等于 val 的 E 元素
E[att^=“val”]
匹配具有 att 属性且值以 val 开头的 E 元素
E[att$=“val”]
匹配具有 att 属性且值以 val 结尾的 E 元素
E[att*=“val”]
匹配具有 att 属性且值中含有 val 的 E 元素
利用属性选择器就可以不借助于类或者 id 选择器
12345678910111213<head> <style> input[value] { color: pink; } </style>&l ...
目录总览
1、BOM 概述
BOM = Browser Object Model 👉 浏览器对象模型
它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window
BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性
BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA, DOM 的标准化组织是 W3C, BOM 最初是 Netscape 浏览器标准的一部分
DOM
BOM
文档对象模型
浏览器对象模型
DOM 就是把 文档 当作一个对象来看待
把 浏览器当作一个对象来看待
DOM 的顶级对象是 document
BOM 的顶级对象是 window
DOM 主要学习的是操作页面元素
BOM 学习的是浏览器窗口交互的一些对象
DOM 是 W3C 标准规范
BOM 是浏览器厂商在各自浏览器上定义的，兼容性较差
1.1、BOM 的构成
BOM 比 DOM 更大。它包含 DOM。
window 对象是浏览器的顶级对象，它具有双重角色
它是 JS 访问浏览器窗口的一个接口
它是一个全局对象。定义在全局作用 ...
目录总览
1、DOM简介1.1、什么是 DOM文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言（HTML 或者 XML）的标准编程接口
W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。
文档：一个页面就是一个文档，DOM 中使用 doucument 来表示
元素：页面中的所有标签都是元素，DOM 中使用 element 表示
节点：网页中的所有内容都是节点（标签，属性，文本，注释等），DOM 中使用 node 表示
DOM 把以上内容都看做是对象
2、获取元素2.1、如何获取页面元素DOM 在我们实际开发中主要用来操作元素。
我们如何来获取页面中的元素呢?
获取页面中的元素可以使用以下几种方式:
根据 ID 获取
根据标签名获取
通过 HTML5 新增的方法获取
特殊元素获取
2.2、根据 ID 获取使用 getElementByld() 方法可以获取带 ID 的元素对象
1doucument.getElementByld('id名')
使用 ...
目录总览
1、对象在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。
对象是由属性和方法组成的：
属性：事物的特征，在对象中用属性来表示（常用名词）
方法：事物的行为，在对象中用方法来表示（常用动词）
1.1、创建对象在 JavaScript 中，现阶段我们可以采用三种方式创建对象（object）：
利用字面量创建对象
利用 new Object 创建对象
利用构造函数创建对象
① 利用字面量创建对象对象字面量：就是花括号 { } 里面包含了表达这个具体事物（对象）的属性和方法
{ } 里面采取键值对的形式表示
键：相当于属性名
值：相当于属性值，可以是任意类型的值（数字类型、字符串类型、布尔类型，函数类型等）
12345678910var star = { name: 'pink', age: 18, sex: '男', sayHi: function () { alert('大家 ...
1、函数函数：就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。
1.1、函数的使用函数在使用时分为两步：声明函数和调用函数
① 声明函数1234//声明函数function 函数名() { //函数体代码}
function 是声明函数的关键字,必须小写
由于函数一般是为了实现某个功能才定义的， 所以通常我们将函数名命名为动词，比如 getSum
② 调用函数12//调用函数函数名() //通过调用函数名来执行函数体代码
调用的时候千万不要忘记添加小括号
口诀：函数不调用，自己不执行
注意：声明函数本身并不会执行代码，只有调用函数时才会执行函数体代码。
1.2、函数的封装
函数的封装是把一个或者多个功能通过函数的方式封装起来，对外只提供一个简单的函数接口
1.3、函数的参数1.3.1、形参和实参在声明函数时，可以在函数名称后面的小括号中添加一些参数，这些参数被称为形参，而在调用该函数时，同样也需要传递相应的参数，这些参数被称为实参。
参数
说明
形参
形式上的参数 函数定义的时候 传递的参数 当前并不知道是 ...
初识 JavaScirpt
JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思）
脚本语言：不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行
现在也可以基于 Node.js 技术进行服务器端编程
浏览器执行 JS 简介浏览器分成两部分：渲染引擎和 JS 引擎
渲染引擎：用来解析 HTML 与 CSS，俗称内核，比如 chrome 浏览器的 blink ，老版本的 webkit
JS 引擎：也称为 JS 解释器。 用来读取网页中的 JavaScript 代码，对其处理后运行，比如 chrome 浏览器的 V8
浏览器本身并不会执行 JS 代码，而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码 。JS 引擎执行代码时逐行解释每一句源码（转换为机器语言），然后由计算机去执行，所以 JavaScript 语言归为脚本语言，会逐行解释执行。
JS 的组成JavaScript 包括 ECMAScript、DOM、BOM
ECMAScriptECMAScript 是由 ECMA 国际（ ...
代码规范1. 概述欢迎使用品优购代码规范， 这个是我借鉴京东前端代码规范，组织的品优购内部规范。旨在增强团队开发协作、提高代码质量和打造开发基石的编码规范，
以下规范是团队基本约定的内容，必须严格遵循。
HTML 规范基于 W3C、苹果开发者 等官方文档，并结合团队业务和开发过程中总结的规范约定，让页面 HTML 代码更具语义性。
图片规范了解各种图片格式特性，根据特性制定图片规范，包括但不限于图片的质量约定、图片引入方式、图片合并处理等，旨在从图片层面优化页面性能。
CSS 规范统一规范团队 CSS 代码书写风格和使用 CSS 预编译语言语法风格，提供常用媒体查询语句和浏览器私有属性引用，并从业务层面统一规范常用模块的引用。
命名规范从 目录、图片、HTML/CSS文件、ClassName 的命名等层面约定规范团队的命名习惯，增强团队代码的可读性。
2. HTML 规范DOCTYPE 声明HTML 文件必须加上 DOCTYPE 声明，并统一使用 HTML5 的文档声明：
1<!DOCTYPE html>
HTML5 标准模版
12345678<!DOCTYPE h ...
8.1 文件与文件路径在 Windows 中，根文件夹名为 C:\，也称为 C：盘。
在 OS X 和 Linux 中，根文件夹是/。
8.1.1 Windows 上的倒斜杠以及 OS X 和 Linux 上的正斜杠如果将单个文件和路径上的文件夹名称的字符串传递给它，os.path.join()就会返回一个文件路径的字符串，包含正确的路径分隔符。
123>>> import os>>> os.path.join('usr', 'bin', 'spam')'usr\\bin\\spam'
如果需要创建文件名称的字符串，os.path.join()函数就很有用。
123456>>> myFiles = ['accounts.txt', 'details.csv', 'invite.docx']>>> for filename in myFiles: print(os.p ...
