自定义博客皮肤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-editor npm 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 1301 2

原创 js数组迭代

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

2021-01-21 12:21:01 351

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

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

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

原创 git常用操作命令

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

2020-12-31 16:15:58 156

原创 vue事件修饰符

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

2020-12-30 11:52:19 372

原创 js防抖节流

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

2020-12-29 17:29:28 354

原创 简谈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 197

原创 常用的正则表达式

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

2020-12-28 17:18:20 121

空空如也

空空如也

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

TA关注的人

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