自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(98)
  • 资源 (2)
  • 收藏
  • 关注

原创 js语句简写大全

【代码】js语句简写大全。

2022-11-25 16:48:01 363

原创 最全面、最详细web前端面试题及答案总结

2021最全面、最详细web前端面试题及答案总结总结不易,希望可以帮助到即将面试或还在学习中的web前端小伙伴,祝面试顺利,拿高薪!本章是HTML考点的⾮重难点,因此我们采⽤简略回答的⽅式进⾏撰写,所以不会有太多详细的解释。我们约定,每个问题后我们标记『✨ 』的为⾼频⾯试题doctype的作⽤是什么?✨DOCTYPE是html5标准⽹⻚声明,且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个⽂档,不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript

2021-02-01 09:34:00 24457 9

原创 最新Web前端面试题精选大全及答案

HTML、CSS相关1.网络中使用最多的图片格式有哪些JPEG,GIF,PNG,最流行的是jpeg格式,可以把文件压缩到最小 在ps以jpeg格式存储时,提供11级压缩级别2.请简述css盒子模型一个css盒子从外到内可以分成四个部分:margin(外边距),border(边框),padding(内边距),content(内容)。默认情况下,盒子的width和height属性只是设置content(内容)的宽和高,盒子真正的宽应该是:内容宽度+左右填充+左右边距+左右边框盒子真正

2021-01-07 11:53:44 163027 64

原创 VUE之Vxe-table动态生成多级表头及后端返回数据的处理

需求:1.第一列为正常列;2.第二列开始为动态生成列(根据接口返回数据生成);3.最后一列为编辑列。

2022-11-16 14:01:28 177

原创 VUE之Vxe-table动态生成多级表头

需求:1.第一列为正常列;2.第二列开始为动态生成列(根据接口返回数据生成);3.最后一列为编辑列。

2022-11-11 16:44:35 108

原创 VUE element-ui之form表单中input输入超过规定长度error提醒,并实时显示输入长度,可无限输入

可以看到我们自定义name长度为120,当用户输入超过120会出现error提示,并实时显示用户输入的字符长度,可以无限输入但是无法通过校验。新建js文件写入下面的函数。

2022-09-21 16:53:06 892

原创 如何在vscode编辑器中实时查看代码git记录(被谁修改、自己什么时候修改)

如何在vscode编辑器中实时查看代码git记录(被谁修改、自己什么时候修改)

2022-09-14 10:02:50 1006

原创 VUE element-ui之el-tree树形控件勾选节点指定节点自动勾选(指定节点为必选项)

VUE element-ui之el-tree树形控件勾选节点指定节点自动勾选(指定节点为必选项);勾选列表之外的节点,列表节点自动勾选(如果取消列表勾选,其他同级节点全部自动取消勾选),单独操作列表节点可正常勾选反选,亲测有效。

2022-08-25 08:46:48 471

原创 VUE element-ui之el-tree树形控件获取最后一级节点(无子节点的节点)

VUE element-ui之el-tree树形控件获取最后一级节点(无子节点的节点)

2022-08-22 08:40:33 1507 2

原创 VUE element-ui之el-tree树形控件循环遍历渲染dom节点;子节点横向排列;控件添加指示线

VUE element-ui之el-tree树形控件循环遍历渲染dom节点;子节点横向排列;控件添加指示线

2022-08-11 15:19:12 1650 2

原创 前端面试题之——小程序篇

前端面试题之——小程序篇

2022-08-04 15:43:46 605

原创 前端面试题之——兼容篇

前端面试题之——兼容篇

2022-08-04 15:13:10 234

原创 VUE element-ui之el-form表单非必填内容格式校验

需求:手机号码非必填,校验其格式。可以看到非必填且校验了格式。

2022-08-03 09:43:13 492

原创 VUE element-ui之el-form表单点击按钮自动增加表单(输入框),可新增删除

VUE element-ui之el-form表单点击按钮自动增加表单(输入框),可新增删除

2022-07-01 16:25:51 2682

原创 正则校验匹配[0-100]、[0-1000]之间的正整数或小数点位数限制

[0-100]不含0和100[0-100]含0和100[0-1000]不含0和1000[0-1000]含0和1000匹配正数+小数点限制[0-1000]不含0和1000,保留小数点后一位[0-1000]含0和1000,保留小数点后1位[0-10000]不含0和10000,保留小数点后3位[0-10000]含0和10000,保留小数点后3位注:亲测有效,但含0的情况下01、02、03…会通过校验,有快捷方法的可提出来。...

2022-06-07 17:24:38 1986 2

原创 VUE element-ui之table表格前端自动过滤(筛选),不调用数据接口筛选表格,方法

步骤:模板中定义:<el-table :data="showDetailrowtableDatas" border height="300px" :show-summary="true" :summary-method="getSummaries" > <el-table-column v-for="(list, listindex) in detailrowtabledataslist" :key="listindex" :pr

2022-05-25 15:11:11 1792

原创 微信小程序npm构建

步骤:一:初始化npm init -y自动生成生成package.json文件二:project.config.js配置项"packNpmManually": false, "packNpmRelationList": [ { "packageJsonPath": "./package.json", "miniprogramNpmDistDir": "./node_modules" } ]三:下载所需依赖npm ins

2022-05-17 17:16:37 219

原创 vue中手机号码+座机号码、邮箱正则校验规则封装

直接上代码:封装验证器:export function isvalidPhone(phone) { const isPhone = /^1([38][0-9]|4[014-9]|[59][0-35-9]|6[2567]|7[0-8])\d{8}$/ //11位合法手机号码 const isMob1 = /0\d{2,3}\d{7,8}/ //不带-的座机:02985111752 const isMob2 = /^([0-9]{3,4}-)?[0-9]{7,8}$/ //带一个-:029-85

2022-05-12 10:43:10 664

原创 js替换两个数组对象(json)中指定的key:value(键值对中的value)

需求:将旧数组对象中的{digitNum: 22}替换为新数组对象中的{digitNum: 2}…js方法比对:前提要求两个数组对象中每一条数据都有一个唯一标识如:id实现思路:将两个数组对象id进行比对,id相同则将旧值替换为新值mounted() { getDecimals().then(res => { //获取新json this.orderList = this.getArrDifSameValue(this.orderList, res.data) //传值给自

2022-05-07 09:22:19 1025

原创 git常用指令

git add *.html -- 将所有的html文件提交到队列git add . ---------- 将所有的文件提交到队列git commit ------- 提交到本地仓库git branch login -- 创建分支 logingit merge logiin -- 切换到分支 logingit merge login --- 主线合并分支命令git remote add origin 仓库路径 --- 查看本项目有没有对应的仓库【git clone】# 默认在当前

2022-05-05 16:20:03 108

原创 VUE之vxe-table高级表格(表格内增删改、导入、导出、自定义打印、列设置隐藏显示等)用法

步骤:1.安装全局依赖:npm install xe-utils vxe-table@next2.main.js中注册全局组件:import 'xe-utils'import VXETable from 'vxe-table'import 'vxe-table/lib/style.css'Vue.use(VXETable)3.组件中使用方法:这里举例为高级表格,自定义工具栏名称、图标。<template> <vxe-grid v-bind="gridOptio

2022-04-30 09:14:32 5410 8

原创 VUE element-ui下拉菜单el-select获取label值或value的值

步骤:举例:select数据格式为:options: [ { value: '1', label: '黄金糕' }, { value: '2', label: '双皮奶' } ]一:label的获取1.定义事件<el-select v-model="form.receivePaymentCustomerId" placeholder="请选择" size="small" filterable @change="custo

2022-04-27 20:32:00 3993

原创 VUE项目中vuex的使用步骤

1.store文件下modules中定义专属状态管理js文件const state = { boxCardIds: []}const mutations = { CHANGE_BOX_CARD_IDS: (state, action) => { state.boxCardIds = action } SHIPMENT_RESET: (state) => { state.boxCardIds = [] }}const actions = { c

2022-04-27 15:29:26 314

原创 VUE element-ui之table双表头遍历及筛选自动(回车查询)、重置、关闭dialog重置

直接上封装的dialog组件代码<template> <div> <el-dialog title="原片采购详情" class="Deviceslist_eldialog" width="978px" height="534px" :visible.sync="dialogVisible" :before-close="detailsCancel" > <el-d

2022-04-01 08:39:09 1101 1

原创 VUE element-ui之jspreadsheet-ce在线表格数据json序列化(excel数据同步为相应key:value,并过滤掉为空的数据,未输入的行)

步骤:关于jexcel如何运行于vue中,前面的文章中有详细介绍封装序列化excel方法:getDetailsList(arr) { const arrKeys = ['key1', 'key2', 'key3', 'key4', 'key5', 'key6', 'key7', 'key8', 'key9']//序列后的key return arr.filter(el => el.filter(child => child).length > 0).map(i

2022-03-30 10:39:08 903

原创 VUE element-ui之百度OCR证件识别,组件内证件照转码解码识别身份证照文字

步骤:接上一篇博文继续完善获取access_token封装Base64照片转码方法:const identification = { // 将图片转为base64格式 transformBase64(file) { return new Promise((resolve, reject) => { var reader = new FileReader() reader.readAsDataURL(file) reader.onload = f

2022-03-23 12:21:50 2081

原创 VUE 之百度OCR证件识别获取access_token详细步骤

步骤:由于直接访问百度在线api会跨域,配置代理解决跨域:vue.config.js中配置devServer: { port: port, open: true, overlay: { warnings: false, errors: true }, proxy: { '/baiduOCR': { target: 'https://aip.baidubce.com', // 百度在线请求地址https://ai

2022-03-23 10:39:07 2593 4

原创 在线调试百度卡证文字识别(身份证识别)

身份证文字识别,百度ocr在线调用详细步骤,图文解答

2022-03-22 20:19:52 233

原创 VUE element-ui之上传身份证照片正反面详细代码

步骤:定义上传组件:<el-col :lg="6"> <el-upload class="avatar-uploader" action="#" :auto-upload="false" :show-file-list="false" :on-change="changePictureUploadIDFront"> <img v-if="imageUrlFront" :src="imageUrlFront" cla

2022-03-22 15:45:51 3790 9

原创 VUE element-ui之form表单自定义验证11位手机号码(封装验证规则)

步骤:封装验证规则:export function isvalidPhone(phone) { const reg = /^1([38][0-9]|4[014-9]|[59][0-35-9]|6[2567]|7[0-8])\d{8}$/ return reg.test(phone)}表单中定义验证: <el-form ref="form" :inline="true" :model="form" :rules="rules" size="small">

2022-03-17 11:21:26 2239 1

原创 VUE element-ui之table表格全选框(复选框)隐藏

步骤:简单粗暴,先为表格加类名:<el-table ref="table" v-loading="crud.loading" :data="crud.data" class="order" border style="width: 100%;" :header-cell-style="{padding: '',background:'#F6F7FC',color:'#333333', textAlign: 'cen

2022-03-15 08:14:35 2548

原创 VUE element-ui之输入框限制只能输入数字number类型及表单校验

步骤:表单中:<el-form ref="ruleForm" :model="form" :rules="rules"> <el-form-item label="上级地区:" prop="region" :label-width="formLabelWidth"> <el-cascader v-model="selectedOptions" :options="option

2022-03-10 14:41:37 2946 1

原创 VUE之高德地图轨迹绘制与轨迹回放

步骤:安装依赖npm install vue-amap -Smain.js中注册import AMap from 'vue-amap'Vue.use(AMap)AMap.initAMapApiLoader({ key: '你申请的key', plugin: ['AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.PolyE

2022-02-23 16:41:49 3067 1

原创 VUE element-ui 之table表格全选框居中对齐

步骤:默认的全选框是左对齐,加了align=“cnter”之后发现table内容复选框居中,header错位<el-table-column type="selection" width="55" align="center" />全局样式中加入:.el-table--border .el-table__cell:first-child .cell { padding: 0

2022-02-16 11:13:05 1501

原创 VUE-element-admin之配置多级路由菜单

步骤:roters.js中添加如下代码:{ path: '/usermanagement', alwaysShow: true, //是否显示父级:如果为false则只显示最内层菜单(默认false) component: Layout, hidden: false, //是否显示 redirect: 'noredirect', name: '用户管理', meta: { title: '用户管理', icon: 'Steve-Jobs', a

2022-02-15 15:31:21 2337

原创 VUE iView之栅格布局&响应式布局

栅格布局:我们采用了24栅格系统,将区域进行24等分,这样可以轻松应对大部分布局问题。使用栅格系统进行网页布局,可以使页面排版美观、舒适。我们定义了两个概念,行row和列col,具体使用方法如下:使用row在水平方向创建一行将一组col插入在row中在每个col中,键入自己的内容通过设置col的span参数,指定跨越的范围,其范围是1到24每个row中的col总和应该为24注意:非 template/render 模式下,需使用 i-col。响应式布局:参照 Bootstrap 的

2022-02-07 11:03:18 2229 1

原创 VUE element-ui 之table表格复选框勾选行背景修改(选中状态背景色修改)

需求:鼠标悬停浅色背景,勾选复选框选中行深色背景步骤:<el-table id="excel_table" ref="table" class="order" border height="80vh" :summary-method="getSummaries" :show-summary="true" :data="Data"

2022-01-18 08:44:39 1389 3

原创 VUE-element-admin菜单栏图标选中状态跟随文字颜色状态变化

问题:ui给的svg图标引入侧边栏后不跟随文字颜色状态变化分析svg图标代码后,找出问题所在:svg图标自带样式导致解决方法:简单粗暴!!!直接删掉fill看效果:完美解决。

2022-01-14 11:18:11 608

原创 VUE-element-admin之一二级菜单选中状态保持

项目需求:一级二级菜单选中后始终保持选中状态,部分二级菜单隐藏情况下也保持一级二级菜单选中步骤:分析了el-admin源码,只需判断当前页面菜单是否要保持其他菜单选中即可先找到修改文件:js处判断:...

2022-01-14 10:05:12 693 3

原创 VUE element-ui 之table表格双表头、表头内插入输入框

步骤:模板部分:就是在表头中嵌套表头,slot="header"是重点,两个表头内label、prop需一致,否则表格内容不显示 <el-table-column type="selection" width="55" align="center" :selectable="checkboxT" > <el-table-column

2022-01-12 19:45:44 2247 1

Vue面试题总结.pdf

总结一份vue面试经,内容由浅至深来总结vue相关的重点知识,以及面试官提问概率较高的专业问题,结合面试题去文档进行了解与学习可以大幅度提高面试经验。 下面简单介绍一下vue: vue是一个用于创建用户界面的开源JavaScript框架,也是一个创建单页应用的Web应用框架;Vue所关注的核心是MVC模式中的视图层,同时,它也能方便地获取数据更新,并通过组件内部特定的方法实现视图与模型的交互。 Vue.js(/vjuː/,或简称为Vue)是一个用于创建用户界面的开源JavaScript框架,也是一个创建单页应用的Web应用框架。 2016年一项针对JavaScript的调查表明,Vue有着89%的开发者满意度。在GitHub上,该项目平均每天能收获95颗星,为Github有史以来星标数第3多的项目。 Vue.js是一款流行的JavaScript前端框架,旨在更好地组织与简化Web开发。Vue所关注的核心是MVC模式中的视图层,同时,它也能方便地获取数据更新,并通过组件内部特定的方法实现视图与模型的交互。

2022-04-29

前端面试题精编.pdf

资源内容为时下前端面试题总结,适用于初入职场的面试小白。

2021-09-06

空空如也

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

TA关注的人

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