自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 资源 (1)
  • 收藏
  • 关注

原创 CSS常考面试题

文章目录1.盒模型2.margin合并3.margin负值问题4.BFC5.圣杯布局1.盒模型<style> #box { width: 200px; padding: 10px; margin: 10px; border: 1px solid #ddd; } </style></head><body> <div id="box"> 你好 &lt

2023-02-17 14:40:45 326

原创 计算机网络之TCP

文章目录运输层定义运输层端口号多路复用和多路分解UDP:用户数据报协议UDP报文段结构TCP:传输控制协议运输层定义1.前几个层实现了主机到主机的通信,但实际上计算机网络中进行通信的实体位于通信两端的主体中的进程而运输层的任务就是为运行在不同端系统上的应用进程之间提供逻辑通信,所以运输层协议又称端到端协议2.运输层向高层用户屏蔽了下面网络核心的细节,它使应用进程看起来好像是在 两个运输层实体之间有条端到端的逻辑通信信道所以根据应用进程需求的不同,运输层为应用层提供两种不同的运输协议:TCP:

2023-02-17 14:40:44 272

原创 vue基础过滤器-内置指令-生命周期

文章目录一.收集表单案例一.收集表单案例v-model默认收集input框的value值radio需要亲自配置value值如果是一个数组框

2023-02-17 14:39:07 305

原创 Vue脚手架运用

文章目录一.脚手架的文件结构二.ref属性三.props配置四.mixin混入五.插件一.脚手架的文件结构需要注意的是:执行完npm run serve 之后直接去运行main.jsassets放静态资源,放大家共同享用的资源所有组件都往components里面放唯独App.vue是王者不放里面二.ref属性被用来给元素或子组件注册引用信息(id的替代者)应用在html标签上获取的是真实的DOM元素,应用在组件标签上是组件实例对象(vc)打标识:< h1 ref=“xxx”

2023-02-17 14:38:41 112

原创 ES6笔记

文章目录一.箭头函数二.ES6函数参数的默认值设置三.ES6-Symbol的介绍与创建一.箭头函数ES6允许使用箭头(=>)定义函数// 声明一个普通函数 let fn = function(){ }// 声明一个箭头函数,省略function let fn = (a,b) => { return a + b; } // 调用函数 let result = fn(1,

2023-02-17 14:37:16 45

原创 vue组件化编程

vue组件化编程传统的编程方式:学了vue之后,我们需要了解组件是什么组件的定义:实现应用中局部功能代码和资源的集合为什么我们需要组件,因为一个界面功能很复杂,我们可以利用组件复用编码,简化项目编码,提高运行效率什么是模块化:将庞大的js模块化的拆分成多个js文件什么是组件化:应用里面按照功能点拆分的组件vue中如何定义(创建一个组件)非单文件组件:...

2023-02-17 14:37:05 174

原创 常见的布局方式

浏览器的渲染引擎在对网页文档布局时,会按照css基础盒模型标准,将所有的元素看成一个个盒子,再用css去决定盒子的属性盒模型由四部分组成:Content box: 这个区域是用来显示内容,大小可以通过设置 width 和 height.Padding box: 包围在内容区域外部的空白区域;大小通过 padding 相关属性设置。Border box: 边框盒包裹内容和内边距。大小通过 border 相关属性设置。Margin box: 这是最外面的区域,是盒子和其他元素之间的空白区域。

2023-02-13 23:18:46 92

原创 项目git操作

将本地的子分支推送到远程的叫做login的分支里面。要合并哪个分支必须先切到被合并的分支上。合并代码 master代码也变成最新的。将master分支推到远程。将修改文件添加到暂存区。先查看当前项目的状态。将代码提交到本地仓库。

2022-09-25 12:12:25 86

原创 数组和字符串操作实例

拿到每一项的H3_INDEX来和ids里的匹配,返回匹配下标,把第一次出现的筛选出来。editLbsFence.value.points是一串字符串。在 `` 中可以使用 ${} 直接把变量和字符串拼接起来。第一个参数为第一项位置,第二个参数为要删除几个。

2022-09-25 12:11:22 103

原创 vue基础

文章目录一.监视属性1.监视属性watch2.深度监视3.监视的简写4.watch对比computed二.绑定样式一.监视属性1.监视属性watch当被监视的属性变化时,回调函数自动调用(回调函数是指handler)进行相关操作监视属性必须存在才能监视(必须是属性里面有的)监视属性的两种写法:(1)new Vue时传入watch配置(2)通过vm.$watch监视1.怎么写监视属性watch:watch:{//监视属性watch isHot:{//监视谁:监视isHot

2022-09-03 11:33:32 67

原创 计算机网络之网络层

文章目录1.网络层概述2. 网络层提供的两种服务3.IP地址3.1 IPv4地址概述3.1.1分类编制的IPv4地址1.网络层概述网络层的主要任务是实现网络互连,进而实现数据包在个网络之间的传输如图所示:这些异构型网络如果只是需要各自内部通信,那他们只要实现各自的物理层和数据链路层即可但是如果需要将这些异构型网络互连起来,形成一个更大的互联网就需要使用网络层互连设备路由器需要说明的是为了简单起见,有时我们可以不用画出这些网络而将他们看做是一条链路即可对于互联网而言仅实现物理层和数据链路层

2022-06-24 15:00:56 540

原创 javaScript实现面向对象的程序设计

面向对象的英文Object-Oriented 俗称OO面向对象语言有一个标志,他们都有类的概念。通过类可以创建任意多个具有相同属性和方法的对象文章目录对象属性对象属性一.对象Object对象的定义:无序属性的集合,其属性可以包含基本值,对象,函数。每个对象都是基于基本引用类型创建的创建对象的方法:1.创建Object对象的实例: var penson1 = new Object() penson1.name = '小米' console.log(pen.

2022-06-24 15:00:22 279

原创 JavaScript引用类型之Object、Function

文章目录引用类型Object类型Function类型引用类型引用类型是什么:是一种数据结构引用类型和对象之间的关系:对象是某个特定引用类型的实例如何创建一个引用类型的实例:使用new操作符后跟一个构造函数来创建(构造函数本身是一个函数,它出现在这里的目的是为了创建一个新对象的目的而定义的)。构造函数为新对象创建了默认的属性和方法ECMAScript提供了很多原生引用类型例如ObjectObject类型需要注意的是每一个对象都有其引用类型的默认属性和方法对象名是指向对象类型的指针创建Obje

2022-05-16 21:17:31 246

原创 Vue-组件间通信方式

文章目录组件的自定义事件一.全局事件总线组件的自定义事件自定义事件是给组件用的点击按钮将学校名交给App,实现子组件给父组件传递数据App.vue首先先在app.vue里面定义得到学校名字的方法script>// 引入组件import School from './components/School.vue'import Student from './components/Student.vue'export default { name:'App', c

2022-03-16 20:08:01 371

原创 一篇文章让你了解JavaScript高级

文章目录一.Object(对象)1.对象使用2.属性存在性测试3.如何遍历对象4.对象的引用和复制5.垃圾回收6.对象方法this二.构造函数1.构造函数2.构造器的return三.原型1.构造函数原型prototype2.对象原型__proto__3.constructor构造函数ES5的时候,我们知道的数据类型是6种:number、 String 、Boolean 、undefind 、Null、objectES6中新增了一种Symbol。这种类型的对象永不相等,即使创建的时候传入相同的值,可以解决

2022-02-11 14:56:12 486 1

原创 基于JavaScript的数据结构之数组

创建和初始化数组方法一:使用new关键字创建数组(用new创建数组并不是好的方式)let daysOfWeek = new Array(); //使用new关键字声明并初始化数组daysOfWeek = new Array(7); //创建一个指定长度的数组daysOfWeek = new Array('Sunday','Monday','Tuesday'); //直接将数组元素作为参数传递给他的构造器方法二: 在JavaScript中只用中括号形式创建数组就行[ ]let daysOf

2022-02-11 14:54:55 835

原创 JavaScript之PC端网页特效

文章目录一.元素偏移量offset系列1.offset概述二.元素可视区client系列1.client概述2.立即执行函数三.元素滚动scroll系列属性1.scroll概念2.页面被卷去的头部3.三大系列总结一.元素偏移量offset系列1.offset概述offset翻译过来就是偏移量,我们使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素位置获得元素自身大小(宽度高度)注意: 返回的数值都不带单位offset系列常用属性:offs

2022-02-06 11:18:22 377

原创 JavaScript之BOM

文章目录一.BOM概述1.什么是BOM2.BOM的构成3.窗口加载事件4.调整窗口大小事件5. 定时器6.this二.JS执行机制1.JS是单线程2.location对象3.location对象的属性4.location对象的方法5.navigator对象6.history对象一.BOM概述1.什么是BOMBOM(BrowserObject Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是windowBOM由一系列相关的对象构成,并且每个对象都提供了很对方法

2022-01-26 12:23:56 394

原创 JavaScript之DOM

文章目录一、DOM简介1.DOM树二、获取元素1.根据ID获取2.根据标签名获取一、DOM简介文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口W3C已经定义了一系列的DOM接口,通过这些DOM接口可以改变网页的内容、结构和样式1.DOM树DOM把以下内容都看做是对象:文档:一个页面就是一个文档,DOM中使用document表示元素:页面中的所有标签都是元素,DOM中使用element表示节点:

2022-01-25 15:16:15 720

原创 JavaScript(二)之数组、函数、对象

文章目录数组(Array)数组的创建方式访问数组元素数组的索引遍历数组数组(Array)数组的概念:可以把一组相关数据一起存放,并提供方便的获取方式什么是数组:数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。//普通变量一次只能存储一个值var num = 10;//数组一次可以存储多个值var arr = [1,2,3,4,5];数组的创建方式JavaScript中创建数组有两种方式:利用new 创建数组var 数组名 = new Arra

2022-01-19 14:16:17 758

原创 javaScript基础(一)之变量、数据类型、运算符、流程控制

js基础javaScript简介js三种书写位置js的注释js输入输出语句变量什么是变量声明变量变量语法扩展变量命名的规范性数据类型基本数据类型数字型Number字符类型Undefined和Nulltypeof检测数据类型数据类型的转换转换为数字类型转换为布尔型javaScript简介JavaScript是什么javascript是运行在客户端的脚本语言(script是脚本的意思)脚本语言:不需要编译器,运行过程中由js解释器(js 引擎)逐行来解释并执行现在也可以基于Noode.js技术进行服

2022-01-15 16:57:13 650 1

原创 CSS笔记5

文章目录CSS浮动(float)传统网页布局的三种方式标准流浮动浮动的特性CSS浮动(float)传统网页布局的三种方式网页布局的本质——用CSS来摆放盒子。把盒子摆放到相应的位置,CSS提供了三种传统布局方式(简单说,就是盒子如何进行排列顺序)普通流(标准流)浮动定位标准流浮动浮动的特性...

2022-01-12 11:34:33 135

原创 CSS笔记4

这里写目录标题盒子模型二级目录三级目录盒子模型二级目录三级目录

2022-01-09 17:25:46 42

原创 CSS笔记3

文章目录CSS三大特性层叠性继承性优先级CSS三大特性CSS三大特性:层叠性、继承性、优先级层叠性继承性优先级行内样式>id选择器>类选择器>元素选择器>继承或*

2022-01-07 11:55:59 151

原创 CSS笔记2

文章目录Emmet语法CSS复合选择器1.后代选择器2.子元素选择器3.并集选择器4.伪类选择器CSS的元素显示模式CSS的背景Emmet语法新版本可以直接在设置里搜索format勾选on save即可,点击ctrl+s即可自动格式化代码CSS复合选择器1.后代选择器元素2是儿子的写法元素2是孙子的写法2.子元素选择器3.并集选择器4.伪类选择器CSS的元素显示模式块元素行内元素行内块元素CSS的背景...

2022-01-06 21:39:30 223

原创 CSS笔记1

文章目录CSS简介CSS基础选择器基础选择器CSS字体属性CSS文本属性`CSS引入方式调试工具CSS简介-语法规范-代码格式CSS基础选择器基础选择器标签选择器类选择器id选择器通配符选择器CSS字体属性<style> p { font-family: 'Courier New', Courier, monospace;/* 字体样式 */ font-weight: 100;

2022-01-06 16:44:03 134

原创 web1-HTML笔记

文章目录web标准的构成web标准的构成 是由 结构、表现、行为三个方面组成

2022-01-05 13:56:52 49

软件测试的原则.md

软件测试的原则.md

2022-04-18

空空如也

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

TA关注的人

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