自定义博客皮肤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)
  • 收藏
  • 关注

原创 【vscode】快捷键生成代码片段vue3——用户代码片段

VScode快捷生成代码片段

2022-06-11 23:08:15 561 1

转载 【CSS】转载 css3的全局属性inherit, initial, unset

css3全局属性inherit,initial,unset

2022-02-23 11:58:22 1135

原创 【CSS】background相关属性深入学习

最近一次需求中对于background相关的一些属性使用较多,总结下,希望提高下次的开发效率。

2022-02-23 11:54:29 707

原创 【vscode】打开文件总是只有一个tab标签页,新打开的tab标签页会替换掉旧的tab标签页

1. 问题背景打开文件总是只有一个tab标签页,新打开的tab标签页会替换掉旧的tab标签页2. 解决问题要每次都打开新tab,那就双击文件名好了3. 问题原因–预览模式vscode在单击右侧文件的时候,文件打开其实是预览模式,可以看到tab标签打开的文件名都是倾斜的。如下图这时候打开在右侧文件区域点击(不论单击双击),新文件都会把这个预览模式的文件给替换掉。 所以要想不被替换,我们需要双击打开文件。补充vscode关闭预览模式预览模式是现在各类编辑器的默认功能,如果你实在不喜欢,可

2022-02-17 18:23:10 3911

原创 【vscode】同步扩展与设置的插件setting sync

vscode插件使用指引

2022-02-10 18:15:46 1412

原创 【VSCode】前端常用开发快捷键

vscode

2021-12-08 22:46:48 502

原创 antd表单文本域(扩展带输入字符数量)二次封装

背景项目是基于antd,需求表单中文本域要求显示当前输入文案字数以及最大限制字数。实现难点表单校验总是不触发antd中form-model的校验规则很奇怪,form-item标签下面添加一层标签,校验规则就不触发了,如下多加一层div: <a-form-model ref="basicInfo" class="basic-info" :model="prodBasicInfo" :rules="rules" layout="inline"> <a-form-mod

2021-11-29 14:38:03 1636

原创 多行溢出隐藏的解决办法

css属性:注:缺点:兼容性差{ ​display: -webkit-box;​ overflow: hidden;​ text-overflow: ellipsis;​ -webkit-line-clamp: 2; // 控制多少行​ -webkit-box-orient: vertical;}**注:一个问题:-webkit-box-orient在vue和react中样式使用失效问题,这是因为autoprefixer打包会自动生成前缀 **使用时候加上如下前缀即可:.

2021-10-29 15:37:18 1007

原创 【CSS】对话框--禁止弹框/对话框蒙层下方内容滚动

上方案在父盒子中加入overflow属性:只要设置scorll(或者auto)的时候,在父盒子区域滚动(滚动条为父盒子区域内) 而不是在浏览器区域滚动(滚动条为浏览器的滚动条)。附上图加上overflow滚动条的位置在里面,下方内容区域不可滚动不加overflow属性,下方内容区域可滚动注:没有理解,此时加上overflow属性,为什么下方内容区域就没办法向下滑动了,是和浏览器自身有关系吗?代码:<!DOCTYPE html><html lang="en"&

2021-10-27 10:16:55 1233

原创 beforeRouteLeave钩子没有调用的原因

还在研究中

2021-10-11 10:59:02 2799

原创 Vue面试常问

vue的生命周期new vue() 后,首先初始化事件和生命周期,执行beforeCreate钩子函数执行,this指向创建的实例,不能访问到data,methods上的方法和数据。随后初始化data,methods等数据方法初始化,接着执行Created钩子函数,这时候可以访问到data,methods上的属性方法。接着判断有没有el属性(没有使用vm.$mount() 挂载模板),有就开始编译模板,把data对象中的数据和vue语法生命的模板编辑成浏览器可读的html文件。执行beforeMoun

2020-11-25 15:03:24 117

原创 以太坊Dapp实战——那些年我们踩过的坑

11.6在vscode中编写sol代码总是在版本pragma solidity ^0.4.19;标红报错,报错信息如下:Source file requires different compiler version (current compiler is 0.4.17+commit.bdeb9e52.Emscripten.clang - note that nightly builds are considered to be strictly less than the released ve

2020-11-06 11:35:47 902 2

原创 vue大彻大悟

页面大纲:+++ html+css+++ 服务器渲染和客户端渲染+++ 单页应用和多页应用+++ 媒体查询html+cssdiv标签中的内容只要不遇到空格会一直显示 不管盒子div的宽度服务器渲染和客户端渲染https://www.cnblogs.com/muzishijie/p/11198315.html服务端渲染:在早期的时候,由于页面比较简单,前后端分离还没有做的比较完善,所以当时一般页面渲染还是在服务端完成html文件的拼装,然后浏览器接收到这个文件,就可以直接解析

2020-08-28 10:31:43 951

原创 js+页面基础

页面大纲:+++ html+css+++ 服务器渲染和客户端渲染+++ 单页应用和多页应用+++ 媒体查询html+cssdiv标签中的内容只要不遇到空格会一直显示 不管盒子div的宽度服务器渲染和客户端渲染https://www.cnblogs.com/muzishijie/p/11198315.html服务端渲染:在早期的时候,由于页面比较简单,前后端分离还没有做的比较完善,所以当时一般页面渲染还是在服务端完成html文件的拼装,然后浏览器接收到这个文件,就可以直接解析

2020-08-28 10:30:25 221

原创 Git学习笔记

git操作:问题1: 设置的这个有什么用----这个相当于机器的ip----现在这么理解$ git config --global user.name "Your Name"$ git config --global user.email "[email protected]"git config命令的--global参数,用了这个参数,表示你这台机器上所有的Git仓库都会使用这个配置,当然也可以对某个仓库指定不同的用户名和Email地址。工作区,版本库,远程仓库从工作区到版本库(本地gi

2020-08-28 10:22:11 83

原创 10-原型+原型链与继承

原型+原型链与继承首先明确一点,一般说的对象,指的是已经实例化以后的;console.dir功能作用:显示一个对象所有的属性和方法 可以看出原型链关系使用普通构造函数生成的实例对象和构造函数console.dir以后;结果说明:​ console.dir(Person)的结果 构造函数内容 + prototype+__proto__(函数自己的原型Function.prototype)​ console.dir(per)的结果是 其构造函数定义的属性和方法(是赋值之后的)

2020-05-23 23:30:37 206 1

原创 4-水平+垂直居中总结

水平垂直居中总结水平居中:首先要搞清楚存在两个条件才能够称之为水平居中,即父元素必须是块级盒子容器,父元素宽度必须已经被设定好,①子元素是块级元素且宽度没有设定:​ 这种情况,子块级默认和父级一样的宽度,所以就相当于已经居中了;如果这个子元素有内容,想让这个内容居中,内容是块级 还是① ,内容是行内元素文本以及行内块元素 跳转到②;②子元素是行内元素文本行内块元素,子元素宽度是由其内容撑开的​ 这种情况下解决方案是给父元素设定text-align:center;③子元素是块级元素且宽

2020-05-23 23:21:56 149

原创 3-浮动介绍与整理

浮动最早是用来实现文字环绕图片的;现在目的就是为了让多个块级元素在同一行上显示(同一行上显示以前用inner-block做的, 但是它实现不了 靠页面右边显示。还有一个是inner-block 是有缝隙的)浮动特性:浮: 加了浮动的元素盒子是浮起来的,漂浮在其他的标准流盒子上面。漏: 加了浮动的盒子,不占位置的,它浮起来了,它原来的位置漏给了标准流的盒子。一种特殊的脱标特: 特别注意,首先浮动的盒子需要和标准流的父级搭配使用,其次特别的注意浮动可以使元素显示模式体现为行内块特性。​

2020-05-23 23:21:04 132

原创 标签分类及宽高整理

标签的分类:块级元素(独自站一行 可以设置宽高 对齐属性)如:h1 p div ul ol li​ 特点:默认的宽是100%;​ 自动换行(一行只放一个 不管宽度多少)​​ 可以容纳内联元素和其他块元素行内元素 (内容撑开页面,不可以设置宽高)如 a strong em b i del s span等​ 特点:不占独立的区域; 仅仅依靠自身的字体大小和图片支撑结构​ 不可以设置

2020-05-23 23:20:09 811

原创 JS中闭包的理解

闭包一直是一个js学习过程中的难点,先后看了几次,还是没能完全体会。现从为什么需要闭包,闭包的解决的问题以及原理,以及闭包怎么使用和注意事项开始梳理:为什么需要闭包首先,根据js的作用域链:内部作用域可以获得当前作用域下的变量并且可以获得当前包含当前作用域的外层作用域下的变量。但是没有外部作用域下获取内部作用域下变量和在不同函数作用域中互相访问变量的途径。那么当有上序需求的时候(如游戏中人物...

2020-03-30 10:01:08 127

原创 less文档

学习bootstrap的时候,需要less的基础知识,发现一篇less基础入门的很详尽的介绍,马住,定期复习:https://zhuanlan.zhihu.com/p/31898262

2020-03-25 11:01:58 155

原创 JS数组和字符串中变异方法和非变异方法总结

最近在使用数组和字符串方法刷题的时候,老是记不清有哪些方法会改变原字符串和原数组的内容,那些不会。百度后发现这些方法称之为变异方法:改变自身实例的方法。故对js的数组和字符串中常见方法哪些属于变异方法作一个总结。数组四个添加删除方法pop()、push()、shift()、unshift() 这四个方法的返回值是单个被操作的元素。splice(index,n,val) 一般是用...

2020-03-15 10:33:18 1069

原创 【docker安装】window以及linux下安装

最近刚开始熟悉docker,安装的过程中就到处碰壁,下面就自己碰到的坑记录下来。1、window 10 下安装dockerwindow专业版才可以安装docker,本人的是家庭版,安装的是 docker toolbox,现在还没开始使用,不知道有没有什么差别!安装步骤参照这位兄弟的安装过程:https://www.cnblogs.com/coder-lzh/p/11019558.ht...

2019-10-27 12:00:26 306

原创 HTML中的time标签

HTML中的time标签time标签time标签的用途time标签的属性介绍pubdatedatetimetime标签前端小萌新,打算记录一些常用标签用法和属性。time标签的用途time标签是HTML5中的新增标签,用来定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。time标签的属性介绍time标签的属性有两个,pubdate和datetimepubdatepub...

2019-10-08 09:33:15 3448

空空如也

空空如也

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

TA关注的人

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