自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue学习案例之选项卡案例

哈喽,大家好,我是一名正在学习前端的码农,喜欢专研、探索,记录自己学习之路,今天我就来分享一篇关于vue学习之选项卡的案例提示:以下是本篇文章正文内容,下面案例可供参考本次内容使用了vue中的v-on、v-if、v-bind等指令,vue还有很多其他指令,希望大家可以探讨学习,有更好学习方法和做题思路可以互相学习讨论,希望大家多多采纳哈~~

2023-06-20 11:16:50 536

原创 VUE学习案例之留言板案例(增删功能)

首先我们需要在input框内输入内容可以增加到下面的留言板里面,并且当留言板内容需要删除时,也可以对每一条留言进行删除等。

2023-03-03 01:16:21 1298

原创 web前端之HTML面试题十道必问(最新)2022.6.11

随着互联网技术的发展,前端页面的不断更新优化,我们所学的内容也随之变化,比如HTML5方面、css3、ES6等很多内容,今天我们所整理的就是关于前端开发面试时必问的一些问题及一些所涉及的一些“坑”!!px:像素,相对长度单位,像素px是相对于显示屏幕分辨率而言的;特点:em:是相对长度单位,相当于当期对象内文本的字体尺寸,如当前的行内文本的字体尺寸未被人为设置,则相对于浏览器默认字体尺寸,特点:rem: rem是css3新增的一个相对单位,是相对于根元素的 ——元素,通常做法是给html元素设置一个字

2022-06-12 19:57:51 861 2

原创 面试必问JavaScript基础面试题(附答案详解)

文章目录前言1、JavaScript的数据类型有哪些?2、null,undefined的区别?3、JS中变量的作用域是什么?4、说说var、let、const之间的区别?区别一:作用域区别二:定义变量区别三:let与const区别5、栈和堆的区别?6、Javascript实现继承的几种方式?7、谈谈this的理解?8、什么是window对象? 什么是document对象?9、什么是闭包(closure),说说优缺点?10、new操作符具体干了什么呢?11、 JS延迟加载的方式有哪些?12、同步和异步的区别?

2022-05-09 18:18:57 8201 1

原创 面试必考15道CSS3基础面试题(含答案)

文章目录前言1、介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的??2、box-sizing属性?3、CSS选择器有哪些?优先级顺序?哪些属性可以继承?4.垂直居中几种方式有哪些?总结前言随着CSS的不断的发展,现在出现了CSS3,CSS3是CSS(层叠样式表)技术的升级版本,于1999年开始制订,2001年5月23日W3C完成了CSS3的工作草案,主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块;CSS3的新特征有很多,例如圆角效果、图形化边界

2022-04-26 08:15:00 5558

原创 ES6新语法之新增数据类型:map,symbol数据类型

1.symbol数据类型:作用:创建一个独一无二的值,不会出现相同的值;防止出现匿名冲突。属性的覆盖问题let name = Symbol("name");let result = Symbol("name"); console.log(name == result)// 返回false let obj={ eat(){ console.log(this[name]) console.log("吃饭") } } obj[name]="尼古拉斯赵四";

2022-04-20 16:17:37 389

原创 ES6新语法之字符串新增方法:startswith() ,endswith(),trim() 方法

系列文章目录文章目录系列文章目录前言1.startwith()方法2.endwith()方法3.trim()方法输出结果为:![在这里插入图片描述](https://img-blog.csdnimg.cn/7c747955729a4ffab4aa4038b433f8c4.png)总结前言随着ES6的到来,我们JavaScript语法新增了许多语法,今天就来分享一篇关于字符串新增方法的知识;1.startwith()方法作用:startsWith() 方法用于检测字符串是否以指定的前缀开始。

2022-04-18 22:23:28 3375

原创 ES6新语法之数组新增方法:map,filter,reduce,some和every的用法

随着ES6的到来,我们JavaScript语法中新增了许多的数组方法,今天就来分享一篇关于数组新增方法的知识1.map()方法:(1)作用:map()方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值;map() 不会对空数组进行检测;并且不会改变原始数组。(2)通过map()方法 对数组元素进行处理<script>// 创建一个成绩数组 let grades=[45,67,98,100]; // 我们可以通过map 给每个字符数组+"分" let Gr

2022-04-17 13:36:44 4317

原创 15道HTML5基础面试题(附答案)

大家好,我是一名正在学前端开发的一名小白,今天我所整理的是一些HTML的基础面试体,并自己通过理解和网上搜查整理了答案,望采纳喜欢!!!文章目录前言1、说一下HTML5有哪些更新/新增?2、简单说一下iframe有哪些优点和缺点?3.行内,块级,空元素,替换元素有哪些?4.DOCTYPE的作用?5.title与h1的区别、b与strong的区别、i与em的区别?6.元素的alt和title有什么异同?7.简单说一下label的作用?8.选择器优先级是怎样的?9.列出常用的列表标签10.解释HTML标签语义

2022-04-17 07:30:00 1942

原创 JavaScript高级语法案例(作业)第二天

1.原型链分析图:该分析图是个人通过学习而得出的结论;该图是通过网上查询得到的结论原型链:原型形成的一条链,js在查找的过程中,如果自有属性和方法中找不到,就会去原型方法中找,如果原型对象中还查不到,就回去原型对象中的原型中查找;直到查找到原型链的顶端---Object;2.创建一个人类然后继承学生类以及教师类,分别通过三种不同的继承方式,总结优点缺点<script> //人类(构造函数) function People(name,age,gender){

2022-04-12 18:31:15 921

原创 面试必考HTTP协议面试题(含答案)

今天我们整理一下关于前端面试时会问到HTTP协议的问题注:个人观点及答案,望大家采纳,指教!!HTTP 简介:HTTP 协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议;HTTP 是一个基于TCP/IP通信协议来传递数据(HTML文件、图片文件、查询结果等);HTTP工作原理:HTTP协议工作于客户端-服务端架构上,浏览器作为HTTP客户端通过URL向HTTP

2022-03-09 01:04:04 43123 2

原创 web前端基础面试题HTML5 篇(二)(含答案)

今天我们整理的是前端面试题—HTML5篇1、HTML5有哪些新特性?移除了哪些元素?HTML5的新特性如下:(1) 拖放( Drag and drop)APIl(2) 语义化更好的内容标签( header、nav、 footer、 aside、 article、 section)(3) 音频、视频( audio、 video)API(4) 画布( Canvas)API(5) 地理( Geolocation)APl(6) 本地离线存储( localStorage),即长期存储数据,浏览器关闭后

2022-02-27 12:40:59 666

原创 JavaScript高级之ES6(第一天)

今天所整理的是JavaScript语法es6相关知识1.var和let const 对比区别1.新增了一个块级作用域 if(true){ var n=2 } console.log(n) // 拿的是全局变量 n if(true){ let n=2 } console.log(n) // 会报 未定义 因为let 定义的n是块级作用域区别2:var 定义变量 存在变量的默认提升功能 ,let 和const没有

2022-02-24 01:38:50 746

原创 JavaScript高级语法学习(第一天)

JavaScript语法高级第一天学习笔记本文章为本人在学习中自己总结的学习笔记,望大家喜欢采纳!创建普通对象与工厂模式创建对象以及构造函数知识!!1.使用js创建普通对象://创建一个学生对象: 名称 年龄 方法 吃饭;//通过js创建普通对象方式:var s1 = { name:“张三”, age:18, eat:function(){ console.log("正在吃:") }}var s2 = { name:“李四”,

2022-02-20 13:57:38 403

原创 web前端面试之基础面试题(一)(含答案)

前端面试题(一)今天我们整理一下前端面试题(15个)1.HTML中行内元素与块元素的区别?并举例?行内元素怎么转化为块级元素?块级元素(block element)在浏览器中占据整行,并排斥其它元素与其位于同一行。也就是说,块级元素的宽度是 100%。常见的块级元素如下表:块级元素说明div最典型的块元素p表示段落h1-h6表示1-6级标题(默认加粗)br表示换行ol有序列表ul无序列表**> 行内元素又称内联元素(in

2022-02-19 22:04:18 4610

原创 JavaScript中的window对象详解

1.window对象简介(1)在JavaScript中,一个浏览器窗口就是一个window对象。(2)一个窗口就是一个window对象,这个窗口里面的HTML文档就是一个document对象,document对象是window对象的子对象。window对象的子对象分很多种:子对象说明document文档对象用于操作页面元素location地址对象用于操作URL地址navigator浏览器对象用于获取浏览器版本信息history历史对象用于操作浏览器历

2021-09-09 00:39:28 10976 2

原创 JavaScript中变量、字面量、标识符及基本语法详解

变量解释:变量可以用来保存字面量,而且变量的值是可以任意改变的; 所以在开发中都是通过变量去保存一个字面量; 可以通过变量对字面量来描述。A.声明变量 在js中使用var关键字来声明一个变量; var a; a =123; -- 为变量a赋值(“=”在代码是表示赋值,”==”表示比较) console.log(a); --- 在控制台输出变量a //可以直接写成var a=123 var a=123; console.log(a); ..

2021-09-07 00:50:54 115

原创 JavaScript中基础编写与语句输出方式

JavaScript中语句输出方式及如何编写JavaScript(1)控制台浏览器弹出一个警告框<script> alert("我喜欢学JavaScript");</script>注:此时网页打开第一时间会弹出警告框!(2)让计算机在页面中输出内容<script> document.write("看我能出来嘛");</script>(3)在控制台输出内容<script> console.log

2021-09-05 01:04:43 193

原创 CSS中的“高级选择器”

css中的“高级选择器”1.通配符选择器: 语法:*{}例子:*{marign:0px; //整个内容body外边距为0px padding:0px; //整个内容body内边距为0px } ---///样式重置注:此选择器在日常编程中用的最多2.分组选择器: 语法:选择器,选择器,选择器{}例子:.box,.box2.box3{width:100px; height:100px;

2021-07-26 22:53:37 108

原创 CSS文字样式常用属性

CSS中文字样式常用属性1.font-family:设置字体类型:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>css中文字样式常用属性</title> <style type="text/css";> h1{font-family:"楷体";} h2{font-family:"宋体";} h3{font-famil

2020-09-22 20:37:46 936

原创 HTML中的标签选择器、类选择器、ID选择器等之间的区别

HTML中选择器1. 标签选择器一个HTML文件由很多不同的标签组成,利用标签选择器可以统一设置使用某类标签定义的元素的外观。例如: text-align:center; font-size:42px; color:#FF6600;2.类选择器(class)使用类选择器可以相同或不同的标签分类设置不同的样式。定义类选择器时,需要在类名称前面加一个“.”。语法如下:.类名{样式属性:取值:样式取值:取值:…}实例如下

2020-09-07 17:48:58 6461

原创 HTML中的超链接的使用

HTML中的超链接href(超文本引用)一般网址超链接 a href=“网址”例如: <a href=“www.baidu.com”></a>空链接 < a href =“#”></a>打开新窗口链接 <a href=“#” target=“-blank”></a>图片超链接 <a href=url><img="路径"></a>邮件的

2020-09-02 21:10:27 442

原创 Linux如何学习使用vim编辑器

vim编辑器vi编辑器的3种基本工作模式命令模式:在默认情况下,vim启动时为命令模式,命令模式用来 执行编排文件的操作命令,比如dd命令用于删除一整行,wq命令用于保存文件并退出vim系统。插入模式:用来输入文本。末行模式:用于存档、退出以及设置vim。用户可以根据需要改变vim的工作模式:进入命令模式,按Esc键;进入插入模式,可以按i、insert、a或o中的任何一个;进入末行模式,要先进入命令模式,在输入字符“:”。下一章更新*常用的文本编辑

2020-07-02 18:12:08 111

原创 Linux中用命令使用关机与重启

linux中命令关机与重启linux中的关机与重启:命令行界面下的关机,一般使用shutdown命令,shutdown命令的格式:shutdown [选项] [时间] [警告信息]。选项描述-r重新启动系统-h关闭系统-c取消一个已经运行的shutdown[root@rhel7~]#shutdowwn -h +45 //45分钟之后关机Shutdown sceduled for 五 2020-07-02 18:09:28 CST,use'shu

2020-07-02 17:45:38 215

空空如也

空空如也

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

TA关注的人

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