自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 问答 (2)
  • 收藏
  • 关注

原创 导入数据库信息较多该如何导入,小白必看!!!

少量sql语句一般我们导入数据库打开Navicat premium 打开新建查询 将sql语句粘贴进去 运行来这种方式导入数据库信息 这种方法如果sql语句较少的话可行。但是我们碰到大量sql语句的话会直接导致我们的Navicat premium软件卡死所以导入一般信息较多的数据库不推荐这种方法来导入大量sql语句首先我们打开小皮所在文件大概路径如下:这里建议将我们要导入的数据库文件放到bin文件夹中在这里我们打开powerShell输入指令来连接mysql.\mysql

2021-05-29 16:58:31 630 1

原创 腾讯云对象存储,图片上传

配置腾讯云Cos在这我们以一个简单的上传图片为例,来用一下腾讯云对象存储上边图的意思是,我们可以找一个免费上传图片的服务器,帮我们代管图片,我们在自己的数据库里只保存一个地址就行,这其实也是很多项目的处理方案,会有一个公共的文件服务器第一步,我们必须先拥有一个腾讯云的开发者账号请按照腾讯云的注册方式,注册自己的账号第二步,实名认证选择个人账户下一步,扫描二维码授权手机端授权点击领取免费产品点击0元使用,开通服务到这一步,账号的部分就操作完毕,接下来我门需要创

2021-05-14 16:31:47 1685

原创 呕心沥血!!总结2021前端必备面试题

面试题1.用递归算法实现,数组长度为5且元素的随机数在2-32间不重复递归就是函数在内部自己调自己1.这是一道大题目,把考点拆成了4个小项;需要候选人用递归算法实现a)生成一个长度为5的空数组arrb)生成一个(2-32)之间的随机数randc)要把随机数rand插入到数组arr内,如果数组arr内已存在与rand相同的数组,则重新生成随机数rand 并插入到arr内[需要使用]不能使用for/while等循环d) 最终输出一个长度为5,且内容不重复的数组arr。var arr=new Ar

2021-05-06 19:45:08 3863

原创 cookie、sessionStorage和localstorage 的区别

cookie、sessionStorage和localstorage 的区别cookie是网站为了标识用户身份而储存在用户本地终端(Client Side)上的数据(通常会加密)cookie数据始终在同源的http请求中携带(即使不需要),还是会在浏览器和服务器间来回传递。sessionStorage和localstoreage不会自动把数据发送给服务器,仅保存在本地储存大小:cookie数据大小不能超过4ksessionStorage和localstorage虽然有存储大小的限制,但是比co

2021-05-06 15:23:43 200 2

原创 Virtual DOM的实现原理

Virtual DOM的实现原理课程目标了解什么是虚拟DOM,以及虚拟DOM的作用Snabbdom的基本使用(Vue内部的虚拟Dom是改造了开源库Snabbdom)Snabbdom的源码解析在面试的时候经常会问到虚拟DOM是怎么工作的,通过查看Snabbdom源码,可以对这块内容有更加深入的了解。1、什么是Virtual DOMVirtual Dom(虚拟DOM),是由普通的JS对象来描述DOM对象,因为不是真实的DOM对象,所以叫做Virtual DOM.我们为什么用虚拟DOM来模拟真

2021-05-06 10:35:52 176 2

原创 JS原型与继承

原型与继承原型对象每个对象都有一个原型prototype对象,通过函数创建的对象也将拥有这个原型对象。原型是一个指向对象的指针。原型类似其他面向对象语言中的父类(基类)所有对象的原型默认是Object的实例原型包含 constructor 属性,指向构造函数,所以可以通过一个实例的对象找到其构造函数创建另一同类型对象对象包含 __proto__ 指向他的原型对象,__proto__ 不是对象属性,理解为prototype 的 getter/setter 实现,他是一个非标准定义多个对象共同继

2021-04-29 16:38:08 135

原创 JS web api

JS Web APIAPI的概念API是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,无需理解其内部工作机制细节,只需直接调用使用即可。Web APIs的概念Web API是浏览器提供的一套操作浏览器功能和页面元素的API(BOM 和 DOM)API和Web API总结API是为程序员提供的一个接口,帮助我们实现某种功能。Web API 主要针对浏览器提供的接口,主要针对浏览器做交互效果。Web API一般都有输入和输出(函数的传

2021-04-29 16:37:10 135

原创 音乐播放器

首先创建一个云开发项目创建完成后打开云开发 创建一个新的环境,每个用户有两个免费的环境可以使用。注意: 免费环境每天只能请求500次,建议一个环境开发时使用,另一个环境上线使用此项目分为3部分,分为音乐列表 、发现、我的三部分1.页面首页此处轮播图使用了在线链接图片,存入data中,利用循环来展示下面列表通过自定义组件引入首页 来实现歌单列表云函数新建云函数前一定要选择环境配置云函数配置完云函数中的指定云环境id后,打开app.js同上配置云环境id在云函数入口函数中通

2021-04-29 16:28:40 211

原创 超出隐藏显示....

overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;-webkit-line-clamp: ;控制显示在第几行以。。。省略

2021-04-26 15:14:23 61

原创 javascript :this指向问题

js中this指向问题1.单独的this,指向时window这个对象alert(this);//this->window2.全局函数中的this,指向的是window这个对象function demo(){ alert(this);//this->window}demo();3.构造函数中this指向的是实例化对象function demo(){ alert(this)//this->object this.testStr='this is a test';

2021-04-07 11:00:28 65

原创 git远程仓库

1.首先登录码云 创建一个仓库命名一个仓库名字即可 其他无需操作 直接创建此时页面跳转至如下图注意图中指向 分为两种仓库地址 分为HTTPS和SSH 我们点击SSH即可2.打开我们在本地创建的文件夹按住shift同时鼠标右键 打开powershell窗口输入命令git init 在目录中创建新的git仓库输入 touch README.md创建readme文件介绍接着打开git软件 cd进入创建的文件输入码云教程的git remote一条命令然后

2021-03-17 20:21:00 129 1

转载 node.js

Node.js**Node.js简介:**Node.js的实质是一个运行在服务器的Javascript。即一个基于Chrome Javascript运行时建立的一个平台。**Node.js特点:**是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎。**第一个Node.js程序:**Hello Node.jsconsole.log("Hello Node.js");在控制台输入:node回车,进入交互模式:>console.log(“Helol Node.js”

2021-03-17 19:34:56 214

原创 JavaScript内置对象笔记

1.内置对象javascript中的对象分为3种自定义对象、内置对象、浏览器对象今天要说的是内置对象.javaScript提供了多个内置对象:Math、Date、Array、string等等。。1.2Math对象math对象不是构造函数属性、方法名功能Math.PI圆周率代码:<sprict> var sum = Math.PI; document.write(sum);//3.1415926...</sprict>

2020-09-28 15:32:56 144

转载 JS:递增递减运算符前置和后置的区别

从两段代码说起var num1=2;var num2=20;var num3=--num1+num2;var num4=num1+num2;console.log(num1 +'-' + num2 +'-'+ num3 +'-' + num4)var num1 = 2;var num2 = 20;var num3 = num1-- + num2;var num4 = num1 + num2;console.log(num1 +'-' + num2 +'-'+ num3 +'-' + n

2020-09-22 09:39:34 824

转载 :nth-child()选择器学习笔记

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>天猫首页楼层导航</title> <style> * { box-sizing: border-

2020-09-13 19:53:24 359

转载 CSS 变量学习笔记

CSS变量定义:.penguin {–penguin-skin: gray;}使用:.penguin-top {background: var(–penguin-skin, black);//当你的变量有问题的时候,它会设置你的背景颜色为黑色}你创建的变量,不但可以在你声明变量的元素里面使用,同时也可以在该元素的子元素里面使用。这种效应称为cascading(层叠)。因为层叠的效果,CSS 变量通常会定义在:root元素里。就像html是body的容器一样,你也可以认为:root元素是你

2020-09-10 19:38:39 301

原创 盒子阴影css3 学习笔记

语法box-shadow:水平阴影 垂直阴影 模糊距离(虚实) 阴影尺寸(阴影大小) 阴影颜色 内/外阴影;前两个属性是必须写的。其余可以省略。外阴影(outset)是默认的 但不能写 想要内阴影可以写inset<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=de.

2020-09-10 09:24:30 198

转载 兄弟相邻选择器 学习笔记

相邻兄弟选择器相邻兄弟选择器,可选择紧接在另一元素后的元素,且二者有相同父元素。选择相邻兄弟如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器(Adjacent sibling selector)。例如,如果要增加紧接在 h1 元素后出现的段落的上边距,可以这样写:<!DOCTYPE HTML><html><head><style type="text/css">h1 + p {color:red;}&lt

2020-09-10 08:56:16 337

转载 CSS选择器

CSS选择器的作用CSS选择器是选择标签用的把我们想要的标签选择出来h3{ color:red; }这段代码就是两件事,把h3选出来,然后把它变成红色。选择分为基础选择器和复合选择器,我们说一下基础选择器1.基础选择器概念:标签选择器(元素选择器)是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一CSS样式。语法:标签名{属性1:属性值1;属性2:属性值2;属性3:属性值3;}作用:标签选择器可以把某一类标签全部选择出来 比如所有的d

2020-09-08 19:20:20 119

原创 CSS伪类选择器中的:和::(冒号区别)学习笔记

伪类选择器有一个冒号 或两个冒号的,两者有什么区别呢?伪元素由双冒号和伪元素名称组成。双冒号是在当前规范中引入的,用于区分伪类和伪元素。但是伪类兼容现存样式,浏览器需要同时支持旧的伪类,比如:first-line、:first-letter、:before、:after等。那么问题来了,什么是伪类?什么是伪元素?首先,阅读 w3c 对两者的定义: CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪元素用于将特殊的效果添加到某些选择器。可以明确两点,第一两者都与选择器相关,第二

2020-09-08 10:03:11 1042

转载 CSS vertical-align 学习笔记

定义和用法vertical-align 属性设置元素的垂直对齐方式。代码案例:<html><head><style type="text/css">img.top {vertical-align:text-top}img.bottom {vertical-align:text-bottom}</style></head><body><p>这是一幅<img class="top" borde

2020-09-08 08:37:10 213

转载 CSS text-decoration 属性

text-decoration属性代码如下<html><head><style type="text/css">h1 {text-decoration: overline}h2 {text-decoration: line-through}h3 {text-decoration: underline}h4 {text-decoration:blink}a {text-decoration: none}</style></head&g

2020-09-08 08:19:00 276

原创 关于html缩写的方法

1.在body内输入div.abc按下tab键效果:<div class="abc"></div>2.在body内输入div#abc按下tab键效果:<div id="abc"></div>3.在body内输入ul>li{小花bai}*3按下tab键效果:<ul><li>小花</li><li>小花</li><li>小花</li></ul>

2020-09-07 16:32:45 417

空空如也

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

TA关注的人

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