Python
python 安装
官网:https://www.python.org
windows
官网下载 windows 安装包
运行安装包
选择配置到PATH环境
选择安装位置
下一步…
完成
Linux
官网找到 linux 下载页面
操作系统类型选择未编译源码 source relese
版本选择:gzip进行压缩的源码文件 Gzipped source tarball
复制链接地址
linux 终端中通过
wget url地址 下载 python
tar -xvf python文件全称.tgz 解压压缩包
cd 解压出来的文件夹 进入解压出来的目录
./configure --prefix=/usr/loacl/python安装目录 配置程序的安装路径(可以不进行配置)
如果不进行配置编译和安装的文件:
可执行文件在 /usr/local/bin
库文件在 /usr/loacl/lib
make && make install 编译和安装源代码
make:编译源代码
make install:将可执行文件复制到指定路径
配置软链接(快速调用)
删除 ...
Vite
构建工具说明打包
将我们写的浏览器不认识的代码,交给构建工具进行编译处理的过程就叫做打包
构建工具的作用
支持模块化开发
集成语法处理工具,编译代码,压缩代码等操作
热更新(监听文件变化,自动打包)
具有开发服务器
webpack 和 vite 区别
webpack支持多种模块化语法,commonjs规范 和 es6 module,会读取所有文件将模块化语法转换成统一的函数处理方式,因此项目大之后处理的就慢
vite 只支持 es6 module 语法,且只针对浏览器应用的开发,因此不需要对所有文件进行模块化转换所以处理速度快
创建 vite 项目使用 vite 脚手架创建项目
当初始化项目调用指令 npm create vite@latest 进行了如下操作
下载临时工具 create-vite(脚手架工具:此工具将保存在内存中)
并直接运行脚手架工具,通过其内置模板搭建项目结构和进行相关配置
手动调用 npm install【npm i】 通过 package.json 安装相关依赖,依赖中就包含 vit ...
TypeScript
简介
什么是TypeScriptTypeScript 是 JavaScript 的超集,其包含了 JavaScript 基本语法也具有额外扩展
TypeScript 是一个类型检查工具,给我们语法提示
强类型语言和弱类型语言强类型语言和弱类型语言,是从类型安全的角度去判断的
强类型语言
强类型语言中不允许有任意的隐式类型转换
强类型语言
弱类型语言中允许任意的数据隐式类型转换
静态类型语言和动态类型语言静态类型语言和动态类型语言,是从类型检查的角度去判断的
静态类型语言
变量声明时,它的类型是明确的,声明之后,变量的类型就不允许再修改
动态类型语言
在运行阶段才能明确变量类型,而且变量的类型随时可以改变。
也可以理解为,变量是没有类型的,变量中存放的值是有类型的
Flow
说明
JavaScript 的类型检查器
通过给变量添加注解的方式,给变量标注是什么类型,通过注解在开发阶段检查变量类型是否存在异常
只是在编码阶段进行使用,运行阶段需要删除注解,否则无法运行
1234567function sum (a:number,b:number) { ...
Docker
概述
Docker 为什么出现
部署环境太过麻烦,容易出现开发和生产不一致
通过将项目和环境进行统一打包,在服务器上可以自动部署相同环境和项目
Docker 与 虚拟机
虚拟机:
虚拟一台完整电脑!笨重!
Docker:
所有容器使用同一个操作系统内核(基于Docker安装的所在系统)
应用运行在不同容器中,相互独立
每个容器都有自己的系统环境文件
Docker 作用
打包镜像发布测试,一键运行
不同服务的环境高度一致
内核级别虚拟化,可以运行多个容器实例,性能高
Docker 组成
镜像(image):
Docker 镜像就好比是模板,通过这个模板可以创建多个容器(与操作系统镜像同理)
容器(container):
Docker 容器,就好比是一个独立的操作系统,应用就运行在容器中
通过镜像创建的容器只包含了应用和应用所需的环境,操作系统内核还是使用的 Docker 所在的操作系统内核。
仓库(registry):
存放镜像的地方,类似于 github
安装
Linux
从 Docker 仓库安装
Docker 引擎官方文档: ...
Vue3
创建工程
vue-cli 创建
vue-cli 版本需要 4.5.0 以上版本
vue 版本查看 vue -V
创建
目录下执行 vue create 项目名
选择 vue3
vite 创建
npm init vite-app 项目名
作用:使用 vite-app(包) 创建项目
等同于:npx create-vite-app 项目名
使用 npx 工具
补全包名 create-vite-app
安装依赖:npm i
执行:npm run dev
npx 工具
作用:执行Node软件包的工具
执行方式(默认)
检查是否有要执行的包(create-vite-app)
若存在,则执行此包
若不存在,则表示未安装,npx 将安装此包(create-vite-app),并执行它
配置文件
main.js
vue2:引入的是 vue 构造函数
12345678import Vue from 'vue'import App from './App.vue'const vm = new Vue({ render ...
uni-app
开始
官方文档https://uniapp.dcloud.net.cn/tutorial/
创建
下载 Hbuilder 开发工具 https://www.dcloud.io/hbuilderx.html
创建项目
文件-新建-项目
普通项目:H5
uni-app:移动端
创建文件
目录结构https://uniapp.dcloud.net.cn/tutorial/project.html
预览项目运行
运行到浏览器
配置浏览器 xx.exe 路径
运行到内置浏览器
运行到小程序模拟器
配置小程序开发工具 xx.exe 路径
配置小程序开发工具
设置
安全设置
开启服务端口
配置文件官方资料:https://uniapp.dcloud.net.cn/collocation/pages.html
pages.json官方文档:https://uniapp.dcloud.net.cn/collocation/pages.html
对 uni-app 进行全局配置,决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等
项目首页, ...
CSS
格式
注释/* 这是个注释 */
选择器基本选择器
类型
命令
说明
【元素】选择器
元素名
选择是此类型的元素
【id】选择器
#<id值>
选择具有此id属性值的元素
【类】选择器
.<class值>
选择具有此clss属性值的元素
【通配】选择器
*
选择所有元素
复合选择器
类型
命令
说明
【交集】选择器
<选择器1><选择器2><选择器3>
选择不同选择器可以同时匹配到的同一元素
【并集】选择器
<选择器1>,<选择器2>,<选择器3>
选择不同选择器匹配的不同元素
关系选择器
类型
命令
说明
【子】选择器
<选择器1> > <选择器2>
选择 选择器1 匹配的元素,其子元素中是由 选择器2 匹配的元素
【后代】选择器
<选择器1> <选择器2>
选择 选择器1 匹配的元素,后代元素中是由 选择器2 匹配的元素
【兄弟】选择器
<选择器1>+&l ...
Git
Git 流程
Git 保存资料有四个区域
workspace:工作区
staging area:暂存区/缓存区
local repository:版本库或本地仓库
remote repository:远程仓库
区域间的关系
Git 配置使用 git config 工具,来配置或读取 windows 不同环境下,Git 的相关信息和配置项。
不同环境配置方式
Windows 所有用户可用:git config --system <相关配置信息>
windows 当前用户可用:git config --global <相关配置信息>
当前项目可用:git config <相关配置信息>
使用配置信息
多种环境都设置了配置项,默认使用时的配置项根据优先级选择:
项目
当前用户
所有用户
配置用户信息安装完 Git 之后就需要配置用户信息。每次提交的数据都会用此用户信息来区分数据的提交者。【必须配置项】
配置用户名:
git config --global user.namme "<自定义> ...
JavaScript
简介
ECMA 和 JavaScript
ECMA
欧洲计算机制造协会
ECMA-262
欧洲计算机制造协会制定的 标准 ,定义语法和语义
ECMAScript
通过 ECMA-262 标准 实现的脚本语言
JavaScript
核心使用 ECMAScript 脚本语言,并扩展了其他API功能
JavsScript基础
严格模式
严格模式用法
脚本文件的顶部定义字符串 “use strict”,整个脚本以严格模式进行运行
函数中的顶部定义字符串 “use strict”,函数中以喊个模式进行运行
严格模式限制
不允许使用未定义的变量
不允许删除变量或对象
不允许删除函数
不允许变量重名
不允许使用八进制
不允许使用转义字符
不允许对只读属性赋值
不允许对一个使用getter方法读取的属性进行赋值
不允许删除一个不允许删除的属性
变量名标识符不能为 “eval”
变量名标识符不能为 “arguments”
不能使用 with 语句
this 不能指向全局对象,函数中的 this 为 undefined
词法结构
字符集
JavaScript 是用 ...
Pinia
配置方式
vue2 配置
安装 pinia
npm i pinia -S
安装 @vue/composition-api
npm i @vue/composition-api -S
打开入口文件 main.js
引入 pinia 和 @vue/composition-api
import { createPinia, PiniaVuePlugin } from 'pinia'
import VueCompositionAPI from '@vue/composition-api'
注册插件 PiniaVuePlugin 和 VueCompositionAPI
Vue.use(PiniaVuePlugin)
Vue.use(VueCompositionAPI)
创建 pinia 实例(创建根存储,传递给应用程序)
const pinia = createPinia()
Vue 实例化配置项中添加 pinia
{pinia: pinia}
src 目录下,创建 store ...
