自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(58)
  • 收藏
  • 关注

原创 3. Python

PythonPython 简介解释器Python2和Python3的介绍执行Python程序的三种方式PyCharm的初始设置新建/打开一个Python项目PyCharm 的升级以及其他算术运算符程序执行原理变量的命名规则模块(核心)高级变量类型列表 [ ]元组 ( )字典 { }字符串公共方法开发 名片管理系统变量进阶函数进阶面向对象类和对象面向对象基础语法面向对象三大特性封装封装案例私有属性和私有方法继承多态类的结构单例异常模块包文件eval 函数Python 简介解释器

2022-03-09 20:55:16 258 1

原创 2. Linux

LinuxLinux 内核和发行版Linux 的文件目录Ubuntu 图形界面的基本使用常用 Linux 命令的基本使用Linux 终端命令格式文件和目录常用命令查看目录内容远程管理常用命令用户权限相关命令用户和权限的基本概念组管理 终端命令用户管理 终端命令修改文件权限系统信息相关命令其他命令Linux 内核和发行版Linux 内核是唯一的(由Linus开发) Linux 的文件目录Ubuntu 图形界面的基本使用图形界

2022-03-01 16:17:07 502

原创 1. 了解操作系统及作用、虚拟机

操作系统(Operation System(OS))什么是操作系统不同应用领域的主流操作系统虚拟机什么是操作系统1、操作系统可以通过机器语言(01)来直接控制计算机硬件2、操作系统的中的系统调用(调用不同硬件程序的封装)来操作计算机硬件例:若没有系统调用,用户想要播放一首本地音乐需要做如下操作,1)将歌曲文件从硬盘加载到内存2)使用声卡对音频数据进行解码3)将解码后的数据发送给音箱不同应用领域的主流操作系统1、桌面操作系统1)Windows 系列:用户群体大2)masOS:适用于开发

2022-02-12 11:21:26 704

原创 关于 git 的用法

关于 git 的用法创建新分支 goods_list1)git checkout -b goods_list 创建 goods_list 子分支,并切换至子分支上2)将本地子分支推送到码云上如果码云中没有该分支,则 git push -u origin goods_list ;如果码云中有该分支,则 git push码云中已经含有goods_list分支,并且当前处在 goods_list 分支下1)git add . 表示将所有修改后的文件保存到暂存区2)git commit -m

2021-12-23 10:23:09 166

原创 第 8 节 axios

第8节 axiosjsonpaxiosaxios框架的基本使用axios发送并发请求axios的相关配置axios的实例和模块封装axios的实例模块封装axios的拦截器jsonpaxios定义:axios就是一种 前端向后端发送网络请求 的工具。功能特点:(1)在浏览器中发送 XMLHttpRequests 请求(2)在node.js 中发送 http 请求(3)支持 Promise API(4)拦截请求和响应(5)转换请求和响应数据,等等axios框架的基本

2021-11-13 16:30:11 659

原创 第 7 节 Vuex

第7节 TabBar

2021-11-13 10:07:08 1285 1

原创 第 6 节 vue-router

第6节 vue-router认识路由基本使用嵌套路由参数传递导航守卫keep-alive认识路由1、问题:什么是前端路由?什么是后端路由?1)前端路由(1)SPA页面SPA:单页富应用整个网页只有一个 html页面。2)后端路由后端处理URL和页面之间的映射关系2、问题:什么是前端渲染?什么是后端渲染?回答:1)前端渲染:浏览器中显示的网页中大部分内容都是由前端写的 js 代码在浏览器中执行,最终渲染出来的网页。2)后端渲染(服务端渲染):后端将整个网

2021-11-08 20:45:57 613

原创 第 5 节 Vue CLI

第5节 Vue CLIVue CLI什么是Vue CLIVue CLI使用前提Vue CLI的使用Vue CLI2Vue CLI2详解Vue CLI的目录结构解析安装CLI错误和ESLint规范Vue CLI什么是Vue CLICLI(Command-Line Interface),命令行界面,俗称脚手架。可以快速搭建 Vue开发环境 以及对应的 webpack配置。Vue CLI使用前提Vue CLI的使用Vue CLI2Vue CLI

2021-11-06 17:07:23 77

原创 第 4 节 前端模块化、webpack(loader和plugin)

第4节 插槽(slot)插槽的基本使用具名插槽的使用编译作用域作用域插槽的使用插槽(slot)插槽的基本使用1、插槽的基本使用:<slot></slot>2、插槽的默认值例如,<slot><button>按钮</button></slot>3、如果有多个值,同时放入到组件进行替换时,一起作为替换元素被替换。 <div id="app"> <cpn></cpn&

2021-11-05 16:21:30 137

原创 第 3 节 JavaScript高阶函数的使用、v-model、组件化

第 3 节JavaScript 高阶函数的使用v-modelv-model的使用和原理v-model 结合 radio 类型使用v-model:checkboxv-model:selectinput中的值绑定v-model修饰符的使用组件化Vue组件化思想注册组件的基本步骤注册组件步骤解析全局组件和局部组件JavaScript 高阶函数的使用1、 filter函数的使用filter中的回调函数有一个要求:不许返回一个boolean值(1)true:当返回true时,函数内部会自动将这次回调的n加入到

2021-11-02 16:27:22 350 2

原创 第 2 节 Mustache、v-bind、计算属性、v-on、v-if、v-for、响应式方法

第2节 插值操作-mustache语法1. Mustache语法(双大括号)2. 其他指令3. v-bind(动态绑定属性)3.1 v-bind基本使用3.2 v-bind 动态绑定class3.2.1 对象语法3.2.2 数组语法3.2.3 作业(v-bind 和 v-for 结合)3.3 v-bind 绑定 style对象语法数组语法(很少使用)计算属性计算属性的操作计算属性的 setter 和 getter计算属性和methods的对比1. Mustache语法(双大括号)直接写变量或者写

2021-10-30 10:52:38 100

原创 第 14 节 类的操作

第14节 类的操作类的操作二级菜单JSON类的操作1、通过 style 属性来修改元素的样式,每修改一个样式,浏览器就需要重新渲染一次页面。这样执行的性能比较差,而且这当修改多个样式时,不太方便。2、修改元素的 class 属性,间接修改样式,这样只需要修改一次,即可修改多个样式,浏览器只需要重新渲染一次页面,性能比较好。可以使表现和行为进一步地分离。box.className = "b2"; //用b2的样式去替换b1的样式box.className = " b2"; //在b2的前面增加一

2021-10-26 17:13:27 374

原创 第 13 节 定时器、延时调用、轮播图

第13节 定时器定时器简介切换图片练习修改div移动练习延时调用定时器的应用制作简单动画轮播图定时器简介1、setInterval()(1)定时调用(2)可以将一个函数,每隔一段时间执行一次(3)参数:参数1:回调函数,该函数会每个一段时间被调用一次参数2:每次调用间隔的时间,单位是 毫秒。(4)返回值返回一个 Number 类型的数据,这个数字用来作为定时器的唯一标识。2、clearInterval()(1)可以用来关闭一个定时器(2)方法中需要一个定时器的标识作为参数,这样将关

2021-10-26 11:53:16 165

原创 第 12 节 BOM

第 12 节 BOMBOMNavigatorHistoryLocationBOM1、BOM(Browser Object Model),浏览器对象模型2、BOM 可以使我们通过JS来操作浏览器3、在BOM中为我们提供了一组对象,用来完成对浏览器的操作4、BOM 对象(1)Window代表整个浏览器的窗口,同时 window 也是网页中的全局对象(2)Navigator代表当前浏览器信息,通过该对象可以来识别不同的浏览器(3)Location代表当前浏览器的地址栏信息,通过 Locati

2021-10-25 09:30:59 96

原创 第 11 节 事件对象、冒泡、委派、绑定、传播、滚轮的事件、键盘事件

第 11 节 事件对象事件对象事件的冒泡(Bubble)事件的委派事件的绑定事件对象1、onmousemove该事件将会在鼠标在元素中移动时被触发2、事件对象当事件的响应函数被触发时,浏览器每次都会将一个事件对象作为实参传递进响应函数,在事件对象中封装了当前事件相关的一切信息,比如:鼠标的坐标、键盘哪个按键被按下、鼠标滚轮滚动的方向等等。注意:在IE8中,响应函数被触发时,浏览器不会传递事件对象。在IE8及以下的浏览器中,是将事件对象作为 window对象 的属性保存的。clientX 可以

2021-10-24 19:51:18 141

原创 第 10 节 操作内联样式

第10节 操作内联样式操作内联样式操作内联样式1、通过JS修改元素的样式:1)语法:元素.style.样式名 = 样式值注意:如果CSS的样式名中含有 -,这种名称在JS中是不合法的,比如 background-color。需要将这种样式名修改为 驼峰命名法,去掉 -,然后将 - 后的字母大写,比如backgroundColor。2)(1)通过style属性设置的样式都是 内联样式,而内联样式有较高的优先级,所以通过JS修改的样式往往会立即显示。(2)但是,如果在样式中写了 !impor

2021-10-23 20:14:52 538

原创 第 9 节 DOM

第9节 DOMDOM 简介事件的简介文档的加载DOM 查询DOM 简介1、什么是DOM(1)DOM,全称 Document Object Model 文档对象模型(2)JS 中通过 DOM 来对 HTML 文档进行操作。(3)文档:表示整个 HTML 网页文档;对象:表示将网页中的每一个部分都将转换为一个对象;模型:表示对象之间的关系。2、浏览器已经为我们提供了文档节点对象,这个对象是 window属性。可以在页面中直接使用,文档节点代表的是整个页面。

2021-10-22 21:05:31 315

原创 第 8 节 正则表达式

第8节 正则表达式正则表达式创建正则表达式的对象字符串和正则相关的方法正则表达式正则表达式用于定义一些字符串的规则。计算机可以根据正则表达式,来检查一个字符串是否符合规则,获取将字符串重负荷规则的内容提取出来。创建正则表达式的对象1、创建正则表达式的对象(1)使用构造函数创建语法:var 变量 = new RegExp("正则表达式","匹配模式");使用 typeof 检查正则对象,会返回 object。var reg = new RegExp("a"); console.log(r

2021-10-20 15:33:28 92

原创 第 7 节 数组、call和apply、arguments、Date、Math、包装类

第 7 节 数组数组(Array)创建数组对象向数组中添加元素获取数组的长度数组字面量数组的四个方法数组的遍历slice 和 splice数组(Array)1、数组也是一个对象2、与普通对象的功能类似,也是用来存储一些值,不同的是普通对象是使用字符串作为属性名的,而数组是使用数字来作为索引操作元素的。3、索引:从0开始的整数4、数组的存储性能比普通对象要好,在开发中经常使用数组来存储一些数据。创建数组对象语法:var 数组名 = new Array();使用 typeof 检查一个数组时,

2021-10-19 15:59:50 122

原创 第 6 节 方法、作用域、debug、this、工厂方法创建对象、构造函数、原型对象、GC

第6节 方法方法枚举对象中的属性作用域全局作用域函数作用域debugthis方法函数也可以成为对象的属性,如果一个函数作为一个对象的属性保存,那么我们称这个函数是这个对象的方法。调用函数就是调用对象的方法(method)。但是,方法和函数只是名称上的区别,没有别的区别。<script> var obj = { // 向对象中添加属性 name: "孙悟空", age: 18, // 对象的属性值可以是任何的数据

2021-10-17 19:39:56 69

原创 第 1 节 Vuejs 的认识和特点介绍

第1节 Vuejs 的认识和特点介绍认识Vuejs为什么学习Vuejs简单认识VuejsVuejs安装方式CDN引入下载和引入NPM安装管理Vuejs初体验Hello VuejsVue列表展示案例:计数器Vuejs的MVVMVuejs中的MVVM认识Vuejs为什么学习Vuejs简单认识Vuejs1、Vue(类似于view的读音)2、Vue是一个渐进式的框架,什么是渐进式?(1)将Vue作为应用的一部分嵌入,丰富交互体验(2)3、Vue有很多特点和Web开发中常见的高级功能(1)解耦视图和

2021-10-16 09:39:42 182

原创 第 5 节 函数

第 5 节 函数简介简介函数也是一个 对象。函数中可以封装一些功能(代码),在需要时可以执行这写功能(代码)。

2021-10-15 09:32:34 47

原创 第 4 节 对象

第4节 对象对象简介属性名和属性值对象简介基本数据类型都是单一的值 “Hello” 123 true,值与值之间没有任何的关系。如果使用基本数据类型的数据,我们所创建的变量都是独立的,不能成为一个整体。1、定义:对象 属于一种复合的数据类型,在对象中可以保存多个不同的数据类型的属性。(类似于 容器)2、对象的分类:(1)内建对象由 ES 标准中定义的对象,在任何的ES的实现中都可以使用。比如:Math、String、Number、Boolean、Funtion、Object……(2)宿主对象

2021-10-14 20:49:31 85

原创 第 3 节 运算符、语句

第3节 运算符、语句运算符算数运算符加法赋值(+=)赋值运算符比较运算符逻辑运算符类型运算符位运算符运算符的优先级语句运算符算数运算符加法赋值(+=)两个操作数的类型确定加法赋值运算符的行为。加法或串联都是可能的。注: '+'两侧只要有一侧是字符串,另一侧的数字则会自动转换成字符串,因为其中存在隐式转换let a = 2;let b = 'hello';let c = undefined;let d = null;console.log(a += 3); // 5console.l

2021-10-14 16:29:58 48

原创 第 2 节 基本语法、标识符、数据类型、强制类型转换

第2节 基本语法基本语法字面量和变量标识符基本语法1、注释多行注释:/* */单行注释://2、JS 中严格区分大小写3、JS 中每一条语句以分号(;)结尾如果不写分号,浏览器会自动添加,但是会消耗一些系统性能,而且有些时候,浏览器会加错分号,所以在开发中分号必须写。4、JS 会忽略多个空格和换行,可以利用空格和换行进行格式化字面量和变量1、字面量,都是不可改变的值,可以直接使用,但是一般都不会直接使用。(类似于常量)2、变量,可以保存字面量,变量的值是可以任意改变的,开发中都是用变量

2021-10-13 17:56:00 80

原创 第 1 节 JavaScript简介、JS的HelloWorld、JS编写位置

第1节 JavaScript简介JavaScript简介实现特点JS的HelloWorldJS编写位置JavaScript简介实现ECMAScript 是一个标准,一般情况下这两个词被认为是一个意思,这个标准由各个厂商去实现。不同的浏览器厂商对该标准有不同的实现。(1)ECMAScript 是JavaScript标准,所以一般情况下这两个词被认为是一个意思。(ECMAScript ----> 标准,JavaScript ----> 实现)(2)但实际上JvaScript的含义要更大

2021-10-12 17:19:46 163

原创 第 1 节 C#各种方法汇总

第1节 C#各种方法汇总静态方法构造方法静态方法1、特点:(1)生命周期:创建---->应用结束(2)全局(3)效率高2、作用:用户登录信息、系统配置信息、系统设置、SQLHelper3、注意:静态的东西创建多了,占用内存会很大,不是必要情况不要创建静态的对象4、调用:静态方法 不能直接调用 非静态方法,需要创建一个实例再调用构造方法1、特点:默认是一个无参的构造方法,可以多个并重载2、作用:(1)初始化对象(2)初始化一些数据...

2021-10-11 12:30:04 453

原创 第 27、28、29 节 接口、抽象类、SOLID、单元测试、反射

第27、28、29节 接口、抽象类、SOLID、单元测试、反射

2021-10-11 11:18:23 102

原创 第 1 节 C#编程语言

第1节 C#编程语言.net 与 C#.net 的功能.net 两种交互模式VS的学习.net 与 C#(1).net/dotnet :一般指 .Net Framework 框架。一种平台,一种技术。(2)C# (see sharp):一种编程语言,可以开发基于 .net 平台的应用。(3)Java 即是一种平台又是一种编程语言。.net 的功能(1)桌面应用程序(Winform)例如,QQ、考试通、电脑管家、录屏软件等。(2)Internet 应用程序(ASP.NET)例如,msdn、c

2021-10-10 21:33:42 71

原创 第 9 节 CSS 的三大特性

第9节 CSS 的三大特性CSS 的三大特性层叠性继承性行高的继承优先级权重叠加CSS 的三大特性CSS 的三大特性:层叠性、继承性、优先级。层叠性相同选择器设置相同的样式,此时第一个样式就会被第二个样式覆盖(层叠)。(按照程序执行的顺序,后面的样式覆盖前面的)继承性子标签会继承父标签的某些样式,如文本颜色和字号。降低CSS样式的复杂性。注: 子元素可以继承父类元素的样式(以 text-, font-, line- 这些元素开头的可以继承,以及 color 属性)<!DOCTYPE h

2021-10-10 17:28:22 82

原创 第 8 节 CSS 的背景

第8节 CSS 的背景背景颜色通过CSS背景属性,可以给页面元素添加背景样式。背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。背景颜色

2021-10-10 14:59:55 69

原创 第 7 节 CSS 的元素显示模式

第7节 CSS 的元素显示模式什么是元素显示模式块元素行内元素行内块元素元素显示模式总结元素显示模式转换课堂案例-简单小米侧边栏什么是元素显示模式作用:网页的标签非常多,在不同地方会用到不同类型的标签,了解它们的特点可以更好的布局网页。元素显示模式就是 元素(标签)以什么方式进行显示,比如 div 独自占一行,而一行可以放置多个<span>。HTML 元素一般分为块元素和行内元素两种类型。块元素常见的块元素有 <h1> ~ <h6>、<p>、div

2021-09-27 18:15:17 68

原创 第 6 节 CSS 的复合选择器

第6节 CSS 的复合选择器什么是复合选择器后代选择器(重要)子选择器(重要)并集选择器(重要)伪类选择器:focus 伪类选择器复合选择器总结什么是复合选择器在CSS中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器上,对基础选择器进行组合形成。(1)复合选择器可以更准确、更高效的选择目标元素(标签)(2)复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的(3)常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等。后代选择器(重要

2021-09-27 15:34:51 65

原创 第 5 节 Emmet 语法

第5节 Emmet 语法Emmet 语法快速格式化代码Emmet 语法Emmet 语法的前身是 Zen Coding,它使用缩写来提高 html/css 的编写速度,Vscode 内部已经集成该语法。1. 快速生成 HTML 结构语法(1)生成标签,输入 标签名 + tab 键 即可。例如,div + tab键,就可以生成 <div></div>(2)生成多个相同的标签,输入 标签名*标签个数 + tab键 (不要有空格)即可。例如,div*3 + tab键,就可以生成三个

2021-09-27 09:34:38 148

原创 第 4 节 CSS 引入方式

第4节 CSS 引入方式CSS 的三种样式表内部样式表(练习时常用的方式)行内样式表外部样式表(最重要)CSS 引入方式总结CSS 的三种样式表按照 CSS 样式书写的位置(或者引入的方式),CSS 样式表可以分为三大类:行内样式表(行内式)、内部样式表(嵌入式)、外部样式表(链接式)内部样式表(练习时常用的方式)内部样式表(内嵌样式表)是写到 HTML 页面内部,是将所有的 CSS 代码抽取出来,单独放到一个 < style> 标签中。<style> div { c

2021-09-25 16:47:15 98

原创 第 3 节 CSS 文本属性

第3节 CSS 文本属性文本颜色对齐文本装饰文本文本缩进行间距文本属性总结CSS Text(文本)属性可以定义文本的外观,比如文本的颜色、对齐文本、装饰文本、文本缩进、行间距等。文本颜色color 属性用于定义文本的颜色。div { /*三种方式定义文本颜色*/ color: red; /* color: #ff0000; */ /* color: rgb(255,0,0); */}文本颜色表示属性值预定义的颜色值red,green,blue等十六进制#F

2021-09-25 14:42:00 66

原创 第 2 节 CSS 字体属性

第 2 节 CSS字体属性字体系列字体大小字体粗细文字样式CSS Fonts(字体)属性用于定义字体系列、大小、粗细和文字样式(如斜体)。字体系列CSS 使用 font-family 属性定义文本的字体系列。p {font-family:"微软雅黑";}div {font-family: Arial, "Microsoft Yahei", "微软雅黑";}(1)各种字体之间必须使用英文状态下的逗号隔开(2)一般情况下,如果有空格隔开的多个单词组成的字体,加引号(3)尽量使用系统默认自带的字

2021-09-25 12:06:04 62

原创 第 1 节 CSS 基础选择器

第1节 CSS简介CSS简介CSS语法规范CSS 代码风格CSS简介CSS 是层叠样式表(Cascading Style Sheets) 的简称,也称为CSS样式表或级联样式表。它也是一种标记语言。CSS主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。CSS让页面更加丰富、布局更加灵活自如。CSS最大价值:结构(HTML)和样式(CSS)相分离。CSS语法规范CSS规则有两个主要部分构成:选择器以及一条或多条声

2021-09-24 17:26:02 93

原创 C# 的一些小技巧

C# 的一些小技巧1)快捷地输入程序框架(1)cw + tab键 => Console.WriteLine();(2)for + tab键 => for 的基本框架(3)if + tab键 => if 的基本框架(4)ctor + tab键 => 构造器的基本框架(5)prop + tab键 => 属性的基本框架2)快捷键(1)Ctrl + K,C => 注释选中内容(2)Ctrl + K,U => 取消注释选中内容(3)Ctrl +

2021-09-24 13:27:59 188

原创 HTML 的一些小技巧

HTML 的一些小技巧1. 快捷键1)注释: Ctrl + /格式: <!-- 注释内容 -->2)

2021-09-24 13:27:21 51

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除