- 博客(36)
- 收藏
- 关注
RSS订阅原创 HTML语义化
HTML语义化关于语义语义是对标记与符号之间的关系，以及它们的含义的研究。在前端web开发的上下文中，语义大多是与元素，属性，和属性值（包括像Microdata之类的扩展）的一致认同意义相关。这些认同意义通常在规范中被定义概念，它们可以帮助程序员更好地理解网站中信息的不同方面。但是，即使是规范化之后，元素、属性、属性值的语义还是受制于开发者对其的适应和吸收。这可能会导致后续对正式认同语义的修改。什么是语义化？语义化的含义就是用正确的标签做正确的事情，html语义化就是让页面的内容结构化，便于对浏览器、
2021-05-13 10:39:28
223
原创 mock入门
mock快速入门教程什么是mock？它的使用场景是什么？当前端工程师需要独立于后端进行开发时，后端接口还没有完成，那么怎么获取数据？这时可以考虑前端搭建web server自己模拟数据，这里我们选第三方库mock.js用来生成随机数据，拦截Ajax请求。下面是mock的原理图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pgANDhy0-1614161153994)(C:\Users\86130\AppData\Roaming\Typora\typora-user-
2021-02-24 18:06:46
639
原创 axios（三）axios的介绍和特点
axios的介绍和特点3.1 axios是什么？前端最流行的ajax请求库react/vue官方都推荐使用axios发ajax请求文档：https://github.com/axios.axios3.2 axios特点基于promise的异步ajax请求库浏览器端/node端都可以使用支持请求/响应拦截器支持请求取消请求/响应数据转换批量发送多个请求3.3 axios常用语法axios(config)：通用/最本质的发任意类型请求的fsaios(url[, config]
2021-02-09 21:54:07
2402
1
原创 axios（二）XHR的理解和使用
ch2. XHR的理解和使用2.1 理解使用XMLHttpRequest(XHR)对象可以与服务器交互，也就是发送ajax请求前端可以获取到数据，而无需让整个的页面刷新这使得Web页面可以只更新页面的局部，而不影响用户的操作2.2 区别一般http请求与ajax请求ajax请求是一种特别的http请求对服务器来说，没有任何区别，区别在浏览器端浏览器端发请求：只有XHR或fetch发出的才是ajax请求，其他所有的都是非ajax请求浏览器端接收到响应(1)一般请求：浏览
2021-02-09 14:26:54
1315
2
原创 axios（一）HTTP相关知识
ch1. HTTP相关1.1 HTTP请求交互的基本过程前后应用从浏览器端向服务器端发送HTTP请求（请求报文）后台服务器接收到请求后，调度服务器应用处理信息，向浏览器端返回HTTP响应（响应报文）浏览器端接收到响应，解析显示响应体/调用监视回调1.2 HTTP请求报文请求行：method url //请求方式 地址GET /product_detail?id=2POST /login多个请求头Host: www.baidu.com //主机Cookie: BAIDU=
2021-02-08 14:21:12
150
原创 开发中方法与函数的区别
方法（method）在类里的一般称之为方法，因为方法都是和某个实例对象挂钩的例子：const obj = { counter = 0, msg :'hello'}const app = new Vue({ el:'#app', data: obj, methods:{ add: function(){ this.counter++ }, sub: function(){ this.counter-- } }})在此代码块中，add和sub都被称为方.
2021-01-06 11:03:40
216
原创 Git常用命令/使用TortoiseGit管理文件版本
Git常用命令环境配置当安装Git后首先需要做的事情是设置用户名称和email地址。设置用户信息git config --global user.name “xxxx”git config --global user.email “xxx@xxx.com”查看配置信息git config --listgit config user.name获取Git仓库要使用Git对我们的代码进行版本控制，首先需要获得Git仓库获取Git仓库通常有两种方式在本地初始化一个Git仓库从远程仓库克隆
2021-01-02 19:47:46
805
原创 vue综合案例一--图书管理
vue综合案例1-图书管理补充知识（数组相关API）变异方法（修改原有数据）push（）pop（）shift（）unshift（）splice（）sort（）reverse（）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init
2020-11-29 19:52:24
570
原创 vue案例1-tab选项卡
vue案例1-tab选项卡案例：实现步骤1. 实现静态UI效果用传统的方式实现标签结构和样式2. 基于数据重构UI效果将静态的结构和样式重构为基于Vue模板语法的形式处理事件绑定和js控制逻辑3. 声明式编程模板的结构与最终显示的效果基本一致<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"
2020-11-28 22:18:14
177
原创 Vue模板语法
3. VUE模板语法3.1 模板语法概述1. 如何理解前端渲染把数据填充的到HTML标签中【模板】+【数据】==》前端渲染 ==》静态HTML内容2. 前端渲染方式原生js拼接字符串基本上就是讲数据以字符串的方式拼接到HTML标签中，前端代码风格大体如下所示var d = data.weather;var info = document.getElementById('info');info.innerHTML = '';for(var i = 0;i<d.length;i+
2020-11-28 22:15:49
181
原创 Vue概述+Vue基本使用
Vue概述+Vue基本使用1.Vue概述Vue：渐进式JavaScript框架声明式渲染 → 组件系统 → 客户端路由 → 集中式状态管理 → 项目构建易用：熟悉HTML、CSS、JavaScript知识后，可快速上手vue灵活：在一个库和一套完整框架之间自如伸缩高效：20kB运行大小，超快虚拟DOM2. Vue基本使用2.1 Vue基本使用需要提供标签用于填充数据引入vue.js库文件可以使用vue的语法做功能了把vue提供的数据填充到标签里面<div id="ap
2020-11-28 22:14:17
219
原创 5_案例研究：图片库改进版（DOM编程艺术）
6. 案例研究：图片库改进版6.1 快速回顾<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Image</title> &l
2020-10-31 23:02:58
179
原创 4_最佳实践（DOM编程艺术）
5. 最佳实践5.1 过去的错误5.2 平稳退化讨论在用户点击某个链接时弹出一个新窗口（注意：应该只在绝对必要的情况下才使用弹出窗口，因为这牵涉到网页的可访问性问题）JavaScript使用window对象的open()方法来创建新的浏览器窗口，该方法有三个参数window.open(url,name,features)这三个参数都是可选的第一个参数是网页的URL地址，忽略后屏幕上将弹出一个空白的浏览器窗口第二个参数是新窗口的名字第三个参数是一个以逗号分割的字符串，其内容是新窗口的各
2020-10-31 23:01:43
154
原创 3_案例研究：JavaScript图片库（DOM编程艺术）
4. 案例研究：JavaScript图片库4.1 标记4.2 JavaScript4.2.1 非DOM解决方案4.2.3 最终的函数代码清单<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
2020-10-31 22:58:31
180
原创 2_DOM（DOM编程艺术）
3. DOM3.1 文档：“D”3.2 对象：“O”3.3 模型：“M”3.4 节点文档是由节点构成的集合，只不过此时的节点是文档树上的数值和树叶而已3.4.1 元素节点body、p、ul之类的元素，在文档中的布局形成了文档的结构标签的名字就是元素的名字元素可以包含其他的元素。事实上，没有包含在其他元素里的唯一元素是html元素，它是我们节点树的根元素3.4.2 文本节点绝大多数内容都是由文本提供的在XHTML文档里，文本节点总是被包含在元素节点的内部，但并非所有的元素节点都包含有文
2020-10-30 13:38:30
291
原创 1_JavaScript语法（DOM编程艺术）
2. JavaScript语法2.1 准备工作2.2 语法2.2.1 语句建议在每条语句的末尾都加上一个分号，这是一个良好的编程习惯。2.2.2 注释//自我提醒：有注释是好事/*自我提醒： 有注释是好事*/2.2.3 变量JavaScript允许程序员直接对变量赋值而无需事先声明var mood = "happy", age =33;像上面这样声明和赋值是最有效率的做法，相当于：var mood, age;mood = "happy";age =33;在JavaS
2020-10-30 13:36:50
177
原创 数据库#1-2_数据模型
数据模型也是一种模型，它是对现实世界数据特征的抽象把现实世界中具体的人、物、活动、概念用数据模型这个工具来抽象、表示和处理1.2.1 两类数据模型数据模型应满足三方面要求：一是能比较真实地模拟现实世界，二是容易被人所理解，三是便于在计算机上实现第一类是概念模型，也称信息模型，它是按用户的观点来对数据和信息建模，主要用域数据库设计第二类是逻辑模型和物理模型，第二类中的逻辑模型主要包括层次模型、网状模型、关系模型、面向对象数据模型和对象关系数据模型、半结构化数据模型等。它是按计算机系统的观点.
2020-10-29 20:23:45
505
原创 CSS精灵图/字体图标/三角/用户界面模式/vertical-align/溢出文字省略号/常见布局技巧/CSS初始化
CSS高级技巧1. 精灵图1.1 为什么需要精灵图一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送 请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。因此，为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了 CSS 精灵技术（也称 CSS Sprites、CSS 雪碧）。核心原理：将网页中的一些小背景图像整合到一张大图中 ，这样服务器只需要一次请求就可以了。1.2 精灵图（sprites）的使用使用精灵图核心：精灵
2020-10-24 09:05:03
1028
原创 CSS定位/元素的显示与隐藏/网页布局/案例
CSS 051. 定位1.1 为什么需要定位某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子.当我们滚动窗口的时候，盒子是固定屏幕某个位置的。1.2 定位组成定位：将盒子定在某一个位置，所以定位也是在摆放盒子， 按照定位的方式移动盒子。定位 = 定位模式 + 边偏移 。定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。定位模式定位模式决定元素的定位方式 ，它通过 CSS 的 position 属性来设置，其值可以分为四个：[外链图片转存失败,源
2020-10-23 21:47:41
601
原创 CSS浮动/常见网页布局/清除浮动/学成在线案例
CSS 041. 浮动（float）1.1 传统网页布局的三种方式网页布局的本质——用 CSS 来摆放盒子。 把盒子摆放到相应位置.CSS 提供了三种传统布局方式(简单说,就是盒子如何进行排列顺序)：普通流（标准流）浮动定位注意：实际开发中，一个页面基本都包含了这三种布局方式1.2 标准流（普通流/文档流）所谓的标准流: 就是标签按照规定好默认方式排列.块级元素会独占一行，从上向下顺序排列。常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table
2020-10-23 19:56:40
806
1
原创 CSS盒子模型/PS基操/圆角边框/盒子阴影/文字阴影/案例
CSS 031. 盒子模型1.1 看透网页布局的本质网页布局过程：先准备好相关的网页元素，网页元素基本都是盒子 Box 。利用 CSS 设置好盒子样式，然后摆放到相应位置。往盒子里面装内容。网页布局的核心本质： 就是利用 CSS 摆盒子。1.2 盒子模型组成所谓 盒子模型：就是把 HTML 页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。 CSS 盒子模型本质上是一个盒子，封装周围的 HTML 元素，它包括：边框、外边距、内边距、和 实际内容[外链图片转存失败,源
2020-10-23 10:52:48
438
原创 CSS复合选择器/CSS元素显示模式/CSS的背景/案例
CSS 021. CSS复合选择器1.1 什么是复合选择器在 CSS 中，可以根据选择器的类型把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上，对基本选择器进行组合形成的。复合选择器可以更准确、更高效的选择目标元素（标签）复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的常用的复合选择器包括：后代选择器、子选择器、并集选择器、伪类选择器等等1.2 后代选择器（重要）后代选择器又称为包含选择器，可以选择父元素里面子元素。其写法就是把外层标签写在前面，内层标
2020-10-21 21:42:22
235
原创 CSS选择器/CSS字体文本属性/CSS引入方式/案例
CSS1.CSS简介1.1 HTML的局限性虽然 HTML 可以做简单的样式，但是带来的是无尽的臃肿和繁琐1.2 CSS-网页的美容师CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称. 有时我们也会称之为 CSS 样式表或级联样式表。CSS 是也是一种标记语言CSS 主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。CSS 让我们的网页更加丰富多彩，布局更加灵活自如
2020-10-19 13:52:48
914
原创 HTML简介/HTML标签/案例
HTML简介1. 网页1.1. 什么是网页网站是指因特网根据一定的规则，使用HTML等制作的用域展示特定内容相关的网页集合。网页是网站中的一页，通常是HTML格式的文件，它要通过浏览器来阅读。网页是构成网站的基本元素，它通常由图片、链接、文件、声音、视频等元素组成。通常我们看到的网页，常见以**.htm或.html后缀结尾的文件，因此将其俗称为HTML文件**。1.2 什么是HTMLHTML指的是超文本标记语言（Hyper Text Markup Language），它是用来描述网页的一种
2020-10-17 15:30:33
1955
原创 数据库#3-1_SQL概述
3.1.1 SQL的产生与发展(了解)标准SQL2011目前，没有一个数据库系统能够支持SQL标准的所有概念和特性3.1.2 SQL的特点1.综合统一SQL集数据定义语言( DDL )、数据操纵语言( DML )、数据控制语言( DCL )的功能于一体，可以独立完成数据库生命周期中的全部活动，包括以下一系列操作要求：定义和修改、...
2020-10-10 10:16:57
188
原创 数据库#1-1_数据库系统概论
1.1.1 数据库的四个基本概念1.数据数据是数据库中存储的基本对象。定义：描述事物的符号记录称为数据。种类：文字、图形、图像、音频、视频等，数据有多种表现形式。特点：数据与其语义是不可分的。2.数据库数据库是长期存储计算机内、有组织的、可共享的大量数据的集合。基本特征：数据库中的数据按一定的数据模型组织、描述和存储，具有较小的冗余度、较高的数据独立性和易扩展性，并可为各种用户共享。3.数据库管理系统（DBMS）数据库管理系统是位于用户和操作系统之间的一层数据管理软件。数据库
2020-09-21 20:41:13
2791
原创 #4 C++模板
模板概念：1.模板不是万能的2.模板不能直接使用函数模板的基本用法1.模板语法template< typename T>函数声明或定义2.具体使用实例//交换整型函数void swapInt(int& a,int& b){ int temp; temp = a; a = b; b = temp;}//交换浮点型函数void swapDouble(double& a,double& b){ double temp = a;
2020-05-29 15:43:26
281
原创 #3 C++ 类和对象_多态
1.多态的基本语法1.动态多态满足条件：有继承关系；子类要重写（函数返回值、函数名、参数列表完全相同）父类的虚函数；动态多态的使用：父类的指针或者引用，执行子类对象#include<iostream>using namespace std;class Animal{public: virtual void speak() { cout <&l...
2020-05-29 15:43:03
141
原创 #2 C++ 类和对象_继承
1.基本语法继承的好处：减少重复代码语法：class 子类 : 继承方式 父类；子类又称派生类，父类又称基类#include<iostream>using namespace std;//公共页面class Basepage{public: void header() { cout << "首页、公开课、登录、注册...（公共头部）" <...
2020-04-14 09:25:03
115
原创 #1 C++ 类和对象_C++运算符重载
1. 左移运算符重载①通常不会利用成员函数重载<<运算符，因为无法实现cout在左侧②只能利用全局函数重载<<运算符#include<iostream>using namespace std;class Person{public: Person(int a,int b) { m_A = a; m_B = b; } friend...
2020-04-05 20:47:49
170
原创 Java_Set集合/Map集合/异常/IO流/File类/反射
Set集合的特点和应用特点：不可重复、无序应用：Set< T > set = new HashSet<>();结论：Set集合保证元素的唯一性依赖：equals（）和hashCode（）两个方法package cn.itcast.demo8;import java.util.HashSet;import java.util.Iterator;impor...
2020-02-23 20:53:18
249
原创 Java_抽象类/接口/API/其他类/集合/迭代器
1、抽象类抽象类的概念：包括抽象方法的类，用abstract修饰抽象方法的概念：只有方法声明，没有方法体的方法，用abstract修饰抽象方法的由来：当需要定义一个方法，却不明确方法的具体实现时，可以将方法定义为abstract，具体实现延迟到子类package cn.itcast.demo7;public class Test { public static void ...
2020-02-16 20:35:44
269
原创 Java_类/继承/方法重写/多态
以案例说明类的定义和使用package cn.itcast.demo1;public class TestStudent { public static void main(String[] args) { Student s = new Student(); s.name = "Q"; s.age = 18; ...
2020-02-09 22:19:12
157
原创 Java_Scanner/选择语句/循环语句/random/方法/数组
Scanner的基本使用package cn.itcast.demo2;//1.导包import java.util.Scanner;public class ScannerDemo2 { public static void main(String[] args) { //2.创建键盘录入对象 Scanner sc = new Scanner...
2020-02-02 21:53:06
201
原创 Java_标识符/算数/赋值/关系/逻辑/三元运算符
标识符① 组成：英文大小写字母，数字，_，$②命名规则：遵循驼峰原则，见名知意i.类和接口： 所有单词的首字母都大写，其它小写ii.方法和变量：从第二个单词开始，所有单词的首字母大写，其他全部小写iii.常量：全都大写，单词之间用_隔开iv.包名：全都小写，多级包之间用.隔开，一般是公司的域名反写 n.itcast.demo包：实就是文件夹，用来区分重名类的③注意事项：...
2020-01-26 23:31:02
180
原创 Java_运行环境搭建/变量/常量/数据类型/类型转换
JDK和IDE的安装第一个程序HelloWorldmain方法的快捷键：psvm输出语句的快捷键：soutpublic class helloworld { /** main方法是程序的主入口，它的写法是固定的 */ public static void main (String[] args){ /* 这个是...
2020-01-19 22:42:38
117
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人