HTML5+CSS3+移动端
课程:Pink老师前端
学习路线
HTML5基础,学习常见的没有兼容性的HTML标签。
CSS3基础,学习常见没有兼容性的CSS样式,可利用标签实现传统PC端的网页布局。
H5C3提高,学习HTML5新增的标签,CSS3样式。
综合案例:品优购电商网站
Web 标准的构成
结构(Structure):结构用于对网页元素进行整理和分类,现阶段主要学的是 HTML。
表现(Presentation):表现用于设置网页元素的版式、颜色、大小等外观样式,主要值 CSS。
行为(Behavior):行为是指网页模型的定义及交互的编写,现阶段主要学的是 Javascript。
DOCTYPE和lang以及字符集的作用
<!DOCTYPE html> 文档声明标签,告诉浏览器这个页面采取HTML5版本显示页面
<html lang="en"> en表示英文显示,zh-CN表示中文显示
<meta charset="UTF-8">,表示字符集使用utf-8
标题标签<h1> - <h6>123 ...
python单元测试
单元测试基础什么是单元测试?单元测试是指一个自动化的测试:
用来验证一小段代码(单元)的正确性
可以快速执行
在独立的环境中执行
常用文件结构
123456789- dir - pro - basic - __init__.py - calculator.py - tests - basic - __init__.py - test_calculator.py
第一个单元测试python提供了unittest模块:
测试类继承unittest.TestCase
测试类名称以Test开头
测试方法的名字由test_开头
业务代码
123456789class Calculator: def add(self, *args): result = 0 for num in args: result += num return result
DT代码,每个单元测试函数分为三部分,Setup准备,Action执行,Assert断言
12345678910111213141516171819 ...
无题
vue通用管理后台环境搭建安装node安装vue/cli安装yarn创建项目1vue create my-app
安装elementUI1npm i element-ui -S
安装vue-router1npm i vue-router@3
无题
项目介绍1.生鲜采购系统 – 生鲜商城的采购系统
2.项目分类
web前端页面,小米官网、淘宝、京东 — 普通用户
web后台管理系统 — 成绩查询、图书管理、OA
小程序
搭建项目1.项目创建
已经搭建完毕,在原来的基础上继续开发
从0到1搭建
2.创建项目
项目原型,墨刀
参考原型
1234567vue create vue-projectvue add elementnpm install babel-plugin-component -Dnpm i axios -Snpm i querystring -Snpm i normalize.css -Snpm i echarts -S
3.项目初始化
删除无用组件
css初始化
4.配置路由
layout布局界面
登陆界面
后端项目
flask + sqlite
无题
Vue1、Vue核心2、组件化编程2.1 组件化理解传统方式编写应用存在的问题:
依赖关系混乱
代码复用率低
组件定义:实现应用中局部功能代码(html,css,js)和资源(文件)的集合
作用:复用编码、简化项目编码、提高运行效率
2.2 非单文件组件
一个文件中含有多个组件。
Vue使用组件的三大步骤:
定义组件(创建组件)
注册组件
使用组件
1.创建组件
(1)el不要写, - 最终所有组件都要经过一个vm管理,由vm中的el决定哪个容器
(2)data要写成函数 - 避免组件复用时,数据存在引用关系
(3)使用template配置组件结构
12345678910111213141516171819202122// 创建school组件const school = Vue.extend({ // 组件不要写el配置项 template: ` <div> <h2>学校名称:{{schoolName}}</h2> <h2>学校地址:{ ...
无题
python web项目部署1.安装python2.虚拟环境2.1安装vertualenv1pip3 install virtualenv
2.2创建虚拟环境创建保存环境的目录:
1mkdir venvs
创建虚拟环境:
1[root@root /]# virtualenv /home/liumingyu/venvs/flask2 --python=python3
查看虚拟环境:
12[root@root venvs]# lsflask2
2.3激活虚拟环境activiate是激活虚拟环境的命令脚本,在虚拟环境的bin目录下
1234[root@root bin]# lsactivate activate.fish activate.ps1 deactivate.nu pip3 pip3.7 python3 wheel wheel-3.7activate.csh activate.nu activate_this.py pip pip-3.7 python python3.7 wheel3 ...
django
Django框架
Django框架适用于开发管理、服务运维站点、云计算运维平台及信息化管理系统。
Django入门
【注意】 每一个项目都有自己的环境
1.1安装基于pip安装
1pip install django==2.1
在交互环境验证django
123456pythonPython 3.7.3 (v3.7.3:ef4ec6ed12, Mar 25 2019, 22:22:05) [MSC v.1916 64 bit (AMD64)] on win32Type "help", "copyright", "credits" or "license" for more information.>>> import django >>> django.__version__'2.1'
1.2 django-admin命令
startproject <项目名>
startapp <应用名>
shell 进入django ...
数据结构: python描述
python描述基本的数据结构以及一些基本算法。
第一章 绪论数据结构概述
数据结构:指所有数据及这些数据之间的关系的集合。对计算机而言,数据是指能被输入到计算机中并能被其处理的符号的集合。在使用计算机解决科学计算问题时,通常按一下步骤进行:
分析问题,确定数学模型。
根据模型设计响应的算法。
选择合适的编程语言实现。
调试程序,直到正确的解决问题。
数据:通常用于描述客观事物,例如,在日常生活中的各种文字、数字和符号等都是数据。
数据元素:是数据的基本单位,一条数据就是一个数据元素,例如,一条学生信息可能包含多个数据项(字段)。
数据项:是构成数据元素的不可分割最小单位,也就是字段。
数据对象:是性质相同的数据元素的集合。
数据结构:相互之间存在一种或多种特定关系的数据元素的集合,数据元素不是相互孤立的,而是通过某种关系将所有数据联系起来,这种关系就被称为结构。
数据结构包括逻辑结构和存储结构:
逻辑结构:
集合
线性结构
树形结构
图结构
存储结构:
顺序存储结构
链式存储结构
索引存储结构
哈希(或散列)存储结构
数据类型概述
类型:是指一组值得集合,而 ...
test_image
source目录下新建images目录,调用图片格式为/images/图片路径
合并两个有序链表
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748"""21. 合并两个有序链表https://leetcode.cn/problems/merge-two-sorted-lists/"""class ListNode: def __init__(self, val=0, next=None) -> None: self.val = val self.next = nextdef merge_two_lists(list1: ListNode, list2: ListNode): # 用p1 p2指向list1和list2的头指针,个人习惯,喜欢用p p1 = list1 p2 = list2 # 创建一个虚拟头节点 dummy = ListNode(-1) # p指针用来构建新的链表 p = dummy # 循环至某 ...
