自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 力扣题解 >>> 二叉树

【代码】【无标题】

2024-06-04 21:14:21 294

原创 CSS-三栏布局

1、浮动布局:优点:兼容性好;缺点:元素脱离文档流,产生浮动。<style> * { margin: 0; padding: 0; box-sizing: border-box; } .box>div { height: 100px; } .left { float: left;

2021-04-20 16:54:26 159

原创 CSS-定位

1、为什么需要定位?为了让某个元素可以自由的在一个盒子内移动,并且压住其他的盒子;当我们滚动窗口的时候,盒子是固定在屏幕的某个位置的。

2021-04-20 16:19:35 117

原创 CSS选择器

1、基础选择器基础选择器就是由单个选择器组成,包括:标签选择器、类选择器、ID选择器和通配符选择器;2、复合选择器建立在基础选择器上,对基本选择器进行组合复合选择器可以更准确、更高效的选择目标元素复合选择器是由两个或多个基础选择器,通过不同的方式组合形成的常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器伪类选择器是为某些元素添加特殊的效果:...

2021-04-20 15:58:09 108

原创 CSS-浮动

网页布局的本质——用CSS来摆放盒子,把盒子摆放到相应的位置,CSS提供了三种传统布局方式(简单的说,就是盒子如何进行排列顺序):普通流、浮动、定位。1、普通流(标准流、文档流):标签按照规定好默认方式排列(1)块级元素会独占一行,从上到下的顺序(div hr h1~h6 ul ol form table)(2)行内元素会按照顺序、从左到右顺序排列,碰到父元素边缘则自动换行(span a i em)标准流式最基本的布局方式2、浮动为什么需要浮动?——浮动可以让多个块级元素一行内排列显示,多个块级

2021-04-20 15:57:32 86

原创 CSS实现水平垂直居中

<style> /* 1、绝对定位+负margin值 */ .box { /* 子绝父相 */ position: relative; width: 200px; height: 200px; border: 1px solid red; } .childrenbox { positio

2021-04-20 15:52:14 93

原创 CSS-外边距合并

解决嵌套块级元素垂直外边距塌陷的问题:1、可以为父元素定义上边框2、可以为父元素定义上内边距3、可以为父元素添加overflow:hidden;

2021-04-16 17:21:45 87

原创 盒子模型

所谓的盒子模型就是把HTML页面中的布局元素看做是一个矩形的盒子,也就是一个盛装内容的容器;CSS盒子本质上市一个盒子,封装周围的HTML元素,包括:边框、外边距、内边距、和实际内容。...

2021-04-16 17:17:06 97

原创 CSS的三大特性

1、层叠性相同选择器设置相同的样式,此时一个样式就会覆盖另外一个冲突的样式,层叠性主要用来解决样式冲突的问题。层叠性原则:(1)样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式(2)样式不冲突,不会发生层叠2、继承性CSS中的继承,子标签会继承父标签的某些样式(1)恰当地使用继承可以简化代码,降低CSS样式的复杂性(2)子元素可以继承父元素的样式(text-,font-,line-这些元素开头的都可以继承,以及color属性)3、优先级(1)权重是有四组数字组成,但是

2021-04-16 17:06:02 107

原创 CSS的元素显示模式

元素显示模式就是元素(标签)是以什么方式进行显示,HTML元素一般分为块元素和行内元素两种。常见的块元素有:h1~h6、P、div、ul、ol、li等;块元素的特点有以下:比较霸道,自己独占一行高度、宽度、外边距以及内边距都可以控制宽度默认是容器的100%是一个容器及盒子,里面可以放行内或者块级元素文字类的块级标签内部不能放块级元素,例如h1~h6、P常见的行内元素有a、strong、b、em、i、del、s、ins、u、span,span是最典型的行内元素,行内元素的特点:

2021-04-10 19:49:01 93

原创 emmet语法快速格式化代码(VSCode)

1、VSCode快速格式化代码:shift+alt+f;2、VSCode内设置:(1)文件——》首选项——》设置;(2)搜索emmet.include;(3)在settings.json下的【用户】中添加一下语句:“editor.formatOnType”:true,“editor.formatOnSave”:true只需要设置一次即可,以后都可以自动保存格式化代码。...

2021-04-02 21:22:28 467

原创 async与await

async函数:1、函数的返回值为promise对象2、promise对象的结果由async函数执行的返回值决定async function main(){ // 1、如果返回值是一个非Promise类型的数据 return 521; // 2、如果返回的是一个Promise对象 return new Promise((resolve,reject)=>{ resolve('OK'); reject('Error'); }) // 3、抛出异常 throw 'error';

2021-02-19 21:18:01 309

原创 手写Promise

// Promise自定义封装-class版本的实现class Promise{ // 构造方法 constructor(executor) { // 添加属性 this.PromiseState = 'pending'; this.PromiseResult = null; // 声明属性 this.callbacks = []; // 保存实例对象的this值 const self = this; // resolve

2021-02-19 20:30:06 113

原创 Promise(三)---关键问题

1、如何改变promise的状态?(1)resolve(value):如果当前是pending就会变为resolved(2)reject(reason):如果当前是pending会就变为rejected(3)抛出异常:如果当前是pending就会变为rejectedPromise对象状态改变的方式:let p = new Promise((resolve,reject)=>{ // 1、resolve函数 pending => fulfilled(resolved) resolve

2021-02-19 14:49:36 125

原创 Promise(二)

1、Promise构造函数:Promise(excutor){}(1)executor函数:执行器(resolve,reject)=>{}(2)resolve函数:内部定义成功时我们调用的函数value=>{}(3)reject函数:内部定义失败时我们调用的函数reason=>{}说明:executor会在Promise内部立即同步调用,异步操作在执行器中执行。2、Promise.prototype.then方法:(onResolved,onRejected)=>{}(1

2021-02-19 14:16:07 116 1

原创 Promise(一)

1、promise是什么?(1)抽象表达:promise是ES6引入的进行异步编程的新解决方案(旧方案是单纯使用回调函数)。(2)具体表达:从语法上来说promise是一个构造函数,可以进行对象的实例化,从功能上来说promise对象用来封装一个异步操作并可以获取其成功失败的结果值。异步编程操作有如下几种:1、fs文件操作:require('fs').readFile('./index.html',(err,data)=>{})2、数据库操作3、ajax:$.get('./server',

2021-02-19 12:29:42 183

原创 Git标签

1、创建新标签、查看所有的标签、查看当前标签的信息git tag demo01git taggit show demo012、提交指定的标签git push origin demo013、检出标签,新建一个分支指向某个标签git checkout -b b2 demo014、删除本地标签git tag -d demo025、删除远程标签git push origin :refs/tags/demo03...

2021-02-14 14:17:54 99

原创 Git常用命令

1、设置用户信息通过上面的命令设置的信息会保存在~/.gitconfig文件中2、在本地初始化一个Git仓库(1)在电脑的任意位置创建一个空目录作为我们的本地Git仓库(2)进入这个目录中,点击右键打开Gitbash窗口(3)执行命令git init如果在当前目录中看到.git文件夹则说明Git仓库创建成功3、从远程仓库克隆可以通过Git提供的命令从远程仓库进行克隆,将远程仓库克隆到本地命令形式为:git clone远程Git仓库地址;Git克隆的是该Git仓库服务器上的所有数据,而不

2021-02-13 21:34:14 157

原创 vue脚手架项目上线相关配置

1、通过node创建web服务器:创建node项目,并安装express,通过express快速创建web服务器,将vue打包生成的dist文件夹,托管为静态资源即可:新建文件夹:在编辑器中打开文件夹,在终端中依次进行如下操作:2、开启gzip配置:使用gzip可以减少文件体积,使传输速度更快注意:3、配置HTTPS服务申请免费的SSL证书(https://freessl.org)a.进入https://freessl.cn/官网,输入要申请的域名并选择品牌b.输入自己的邮箱并选择相关选项

2021-01-27 12:13:23 199

原创 el-cascader占满全屏

在使用el-cascader组件时,发现如果渲染的数据过多时,组件的高度就会占满整个屏幕的高度,而el-cascader组件不会自动加上滚动条;解决办法:在全局样式中设置:

2021-01-22 15:41:03 997

原创 vue-将新创建的分支推送到码云

2021-01-20 22:16:59 147

原创 将本地代码提交托管到码云中

将被修改过的文件添加到暂存区:

2021-01-20 11:15:16 68

原创 语法处理-处理vue项目中的ESLint语法报错问题

2021-01-20 11:14:51 149

原创 vue实现退出功能

2021-01-20 11:14:32 450

原创 路由导航守卫控制访问权限

如果用户没有登录,但是直接通过URL访问特定页面,需要重新导航到登录页面:

2021-01-20 11:14:08 138

原创 vue-登录成功之后的跳转页设置

2021-01-20 11:13:29 1883

原创 elementUI配置message全局弹框组件

2021-01-19 16:51:36 1837

原创 elementUI-表单预验证

2021-01-19 15:56:04 91

原创 elementUI重置表单项

1、为表单el-form-item添加ref应用,ref的值就是组件的实例对象2、为重置按钮绑定响应函数,在函数获取表单实例对象调用resetFields方法

2021-01-19 15:39:28 1190

原创 elementUI实现表单数据验证

1、为el-form添加:model="form"进行数据绑定2、为每个表单项el-input添加:v-model=“form.name”绑定到数据对象上具体的属性中3、表单数据验证:3.1为el-form添加:rules="rules"绑定校验规则对象3.2在校验规则对象中添加校验规则的属性3.3在el-form-item中添加prop=“校验规则名称”...

2021-01-19 15:26:14 267

原创 vue-导入字体图标库

2021-01-19 14:59:29 126

原创 element-ui中加入前置icon图标

2021-01-19 14:52:59 771 2

原创 box-sizing用法

2021-01-19 14:41:11 281

原创 vue项目导入element-ui

将需要用到的组件导入element.js,并将其注册为全局组件

2021-01-19 14:40:33 153 1

原创 vue_shop制作登录页面

1、使用webstorm打开项目,在终端运行“git status”命令查看当前工作区域是否干净:2、创建login分支:在终端运行“git checkout -b login”运行“git branch”查看所有分支:3、打开vue的可视化面板:点击运行编译项目,然后点击启动app查看项目的运行效果:4、删除当前项目下的view文件夹以及component文件夹下的helloworld.vue文件,清空工作区域:5、创建Login.vue组件:6、在router下的index.js中将Log

2021-01-19 14:07:24 109

原创 vue-启动后台项目并用postman测试后台项目接口是否正常

1、打开终端进入后台项目所在的目录,运行“npm install”命令安装运行所需的所有依赖项2、执行“node . \app.js”命令将API接口项目跑起来3、安装postman4、例举其中登录作为测试用例:

2021-01-19 12:02:34 1124

原创 vue-后台项目的环境安装配置-安装mysql数据库

安装mysql数据库其它选项菜单》服务管理器》Apache》停止通过PHPstudy执行脚本,从而得到一个数据库:mysql管理器》mysql导入与导出》输入默认密码“root”》选择还原文件》还原到数据库名与脚本名称保持一致验证数据库是否导入成功:选择其他选项菜单》mysql工具》打开数据库目录若phpstudy2016运行出错可以参考这篇博文:将脚本移到桌面:https://www.cnblogs.com/LiQingXin/p/14265582.html此时证明数据还原成功:.

2021-01-18 23:46:02 575

原创 前端项目初始化步骤

1、安装vue脚手架win+R打开终端输入“vue ui”指令进入图像化界面创建vue脚手架项目;2、配置路由:3、配置Element-UI组件库4、配置axios库:5、将本地项目托管到码云中:打开终端输入“ssh-keygen -t rsa -C “xxxxx@xxxxx.com””按照提示完成三次回车,即可生成 ssh key。通过查看 ~/.ssh/id_rsa.pub 文件内容,获取到你的 public key首次使用需要确认并添加主机到本机SSH可信列表。若返回 Hi XXX!

2021-01-18 22:58:23 173

原创 Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight respon

// 设置允许跨域访问该服务app.all('*', function (req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept"); res.header('Access-Control-Allow-Methods', 'PUT, GET,

2021-01-13 21:12:18 143

原创 Uncaught SyntaxError: Unexpected identifier

// 5、配置路由规则并创建路由实例 // 创建路由实例对象 const router = new VueRouter({ // 所有的路由规则 // routes是路由规则数组 routes:[ {path:'/',redirect:'/user'}, { // 命名路由 name:'user'**,** path:'/user/:id', component:User, props:ro

2021-01-13 17:11:25 301

空空如也

空空如也

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

TA关注的人

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