自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端小白的成长之路

欢迎来到我的世界,请多多指教

  • 博客(8)
  • 收藏
  • 关注

原创 vue中markdown的使用

首先安装mavon-editornpm i mavon-editor -D局部引用(在要使用的vue文件中导入样式和组件)import { mavonEditor } from 'mavon-editor'import 'mavon-editor/dist/css/index.css'注册组件components: { mavonEditor,}使用组件<mavonEditor :toolbars="toolbars" v-model="formData.conten

2021-01-24 14:42:04 1186 2

原创 js数组迭代

数组迭代方法对每个数组项进行操作,可以简单地理解为按顺序访问目标(数组、对象等)中的每一项(其实和遍历概念没什么差别)迭代分为:查找遍历查找indexof()方法在数组中搜索元素值并返回其位置语法:array.indexOf(item, start)itemstart必需,要检索的元素可选,从哪里开始搜索,负值将从结尾开始的给定位置开始,并搜索到结尾var fruits = ["Apple", "Orange", "Apple", "Mango"];var

2021-01-21 12:21:01 298

原创 前端面试题及答案(持续更新)

最近在准备面试,把常见的面试题在此总结一下css相关1.calc、support、media各自的含义及用法?@support主要是用于检测浏览器是否支持css的某个属性,其实就是条件判断,如果支持某个属性,你可以写一套样式,如果不支持某个属性,你也可以提供另一套样式作为替补;calc()函数用于动态计算长度值,clac()函数支持‘+’、‘-’、‘*’、‘/’运算;@media查询,你可以针对不同的媒体类型定义不同的样式2.css水平、垂直居中的写法、请至少写出4种水平居中行内元素:t

2021-01-08 21:17:43 14983 1

原创 git常用操作命令

设置git用户$ git config --global user.name "laoheiheihei"$ git config --global user.email "[email protected]"生成SHH密钥查看是否已经有了ssh密钥:cd ~/.ssh 如果没有密钥则不会有此文件夹,有则备份删除生成密钥:$ ssh-keygen -t rsa -C "[email protected]"按3个回车,密码为空。Your identification has

2020-12-31 16:15:58 121

原创 vue事件修饰符

在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。尽管我们可以在方法中轻松实现这点,但更好的方式是:方法只有纯粹的数据逻辑,而不是去处理 DOM 事件细节。具体见官网为了解决这个问题vue.js为v-on提供了事件修饰符,修饰符是由点开头的指令后缀来表示的。stop (阻止事件冒泡行为)prevent (阻止事件的默认行为,只执行点击事件函数)captureselfonce (点击事件只会触发一次为

2020-12-30 11:52:19 313

原创 js防抖节流

防抖事件触发并经过一段时间间隔后执行一次事件处理函数,也就是说不管你触发了多少次事件,在这段事件就只能触发一次节流在某一高频触发下,我们不只是识别一次,按照自己设定的间隔时间(自己规定的频率),没达到这个频率都会被触发具体代码示例 // 节流(相当于写个计时器到点就执行) var canRun = true window.onresize = function() { if(!canRun) { return

2020-12-29 17:29:28 300

原创 简谈flex

在flex布局出来之前,我们所有的布局都是使用浮动和定位来解决的,使用上来说是非常不方便的,代码可维护性也不是很高,代码量相对来说也比较多(相对flex)那么先来简单看一下flex的几个属性吧1.容器的属性flex-direction:row | row-reverse | column | column-reverse (项目的排列方向)flex-wrap:nowrap | wrap | wrap-reverse (换行,默认是不会换行的)flex-flow:(以上两条属性的结合,默认ro

2020-12-29 11:12:19 171

原创 常用的正则表达式

基于每次需要用到正则表达式总要百度太麻烦了,在此为自己做个总结(????其实就是懒得往脑子里记)在正则表达式中,许多标点符号具有特殊含义,比较难记,现归纳备个份:符号:^ $ . * + - ? = ! : | \ / ( ) [ ] { }“[ ]” 表示字符类,即括号了是个字符集,如:[/a,b,c/]表示含有a,b,c任何一个字符都与之匹配“-” 表示连接字符,如:[a-z]“.” 表示除换行符和其他Unicode行终止符之外的任意字符“^” 具有两重

2020-12-28 17:18:20 97

空空如也

空空如也

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

TA关注的人

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