- 博客(111)
- 资源 (2)
- 收藏
- 关注

原创 最全面、最详细web前端面试题及答案总结
2021最全面、最详细web前端面试题及答案总结总结不易,希望可以帮助到即将面试或还在学习中的web前端小伙伴,祝面试顺利,拿高薪!本章是HTML考点的⾮重难点,因此我们采⽤简略回答的⽅式进⾏撰写,所以不会有太多详细的解释。我们约定,每个问题后我们标记『✨ 』的为⾼频⾯试题doctype的作⽤是什么?✨DOCTYPE是html5标准⽹⻚声明,且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个⽂档,不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript
2021-02-01 09:34:00
30135
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
182450
65
原创 js之加减乘除精度问题
decimal.js是使用的二进制来计算的,所以可以更好地实现格化式数学运算,对数字进行高精度处理;使用decimal类型处理数据可以保证数据计算更为精确,还可以节省储存空间。
2023-09-25 14:45:48
216
转载 Flex弹性布局教程详解
如果一个项目的flex-grow属性为2,其他项目都为1,则前者占据的剩余空间将比其他项多一倍。如果一个项目的flex-shrink属性为0,其他项目都为1,则空间不足时,前者不缩小。flex-flow属性是flex-direction属性和flex-wrap属性的简写形式,默认值为row nowrap。flex-shrink属性定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小。flex-grow属性定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大。下面假设主轴为从左到右。
2023-02-23 11:42:14
272
1
原创 2023前端面试题——JS篇
Promise.all()方法将多个Promise实例包装成一个Promise对象(p),接受一个数组(p1,p2,p3)作为参数,数组中不一定需要都是Promise对象,但是一定具有Iterator接口,如果不是的话,就会调用Promise.resolve将其转化为Promise对象之后再进行处理。使用Promise.all()生成的Promise对象(p)的状态是由数组中的Promise对象(p1,p2,p3)决定的。
2023-02-13 10:08:34
973
原创 2023前端面试题——CSS篇
一般情况下 text-align:center,marin:0 auto;足矣④ flex⑤ 盒模型⑦ ⑧ 两种不同的绝对定位方法。
2023-02-06 10:42:00
3234
1
原创 常用JavaScript 数组方法,建议收藏备用
数组方法可以帮助我们的 JavaScript 代码更简洁、更高效。 在本文中,我们将探索一些最常用的数组方法以及它们如何帮助简化我们的代码。
2023-02-02 09:23:40
365
原创 前端利用jsencrypt.min.js进行RSA加密(常用在登录密码加密)全局方法封装
前端利用jsencrypt.min.js进行RSA加密(常用在登录密码加密)全局方法封装
2023-02-01 14:34:51
1873
原创 2023前端面试题——HTML篇
主要分成两部分:渲染引擎(layout engineer或Rendering Engine)和JS引擎渲染引擎:负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入CSS等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核JS引擎则:解析和执行javascript来实现网页的动态效果。
2023-02-01 09:02:57
779
1
原创 2023年你应该使用的10个有用的JavaScript单行代码
正如您在上面看到的,这些 JavaScript 单行代码简单但功能强大,可以在您从事 Web 开发项目时节省大量时间和精力。因此,只需一行代码,您就可以实现很多很酷的事情。因此,在本文中,我将与您分享一些有用的 JavaScript 单行代码列表,您可以作为 Web 开发人员在代码中使用它们。正如您所看到的,这是一种非常有用的技术,可以让您了解何时需要在不更改原始对象的情况下制作对象的副本。此外,如果你想添加一些平滑的滚动,你可以添加下面的对象作为方法 scrollTo() 的参数。
2023-02-01 08:22:04
331
原创 VUE之Vxe-table动态生成多级表头及后端返回数据的处理
需求:1.第一列为正常列;2.第二列开始为动态生成列(根据接口返回数据生成);3.最后一列为编辑列。
2022-11-16 14:01:28
2865
原创 VUE之Vxe-table动态生成多级表头
需求:1.第一列为正常列;2.第二列开始为动态生成列(根据接口返回数据生成);3.最后一列为编辑列。
2022-11-11 16:44:35
2151
1
原创 VUE element-ui之form表单中input输入超过规定长度error提醒,并实时显示输入长度,可无限输入
可以看到我们自定义name长度为120,当用户输入超过120会出现error提示,并实时显示用户输入的字符长度,可以无限输入但是无法通过校验。新建js文件写入下面的函数。
2022-09-21 16:53:06
2802
原创 如何在vscode编辑器中实时查看代码git记录(被谁修改、自己什么时候修改)
如何在vscode编辑器中实时查看代码git记录(被谁修改、自己什么时候修改)
2022-09-14 10:02:50
6675
2
原创 VUE element-ui之el-tree树形控件勾选节点指定节点自动勾选(指定节点为必选项)
VUE element-ui之el-tree树形控件勾选节点指定节点自动勾选(指定节点为必选项);勾选列表之外的节点,列表节点自动勾选(如果取消列表勾选,其他同级节点全部自动取消勾选),单独操作列表节点可正常勾选反选,亲测有效。
2022-08-25 08:46:48
1864
4
原创 VUE element-ui之el-tree树形控件获取最后一级节点(无子节点的节点)
VUE element-ui之el-tree树形控件获取最后一级节点(无子节点的节点)
2022-08-22 08:40:33
3972
3
原创 VUE element-ui之el-tree树形控件循环遍历渲染dom节点;子节点横向排列;控件添加指示线
VUE element-ui之el-tree树形控件循环遍历渲染dom节点;子节点横向排列;控件添加指示线
2022-08-11 15:19:12
5310
2
原创 VUE element-ui之el-form表单点击按钮自动增加表单(输入框),可新增删除
VUE element-ui之el-form表单点击按钮自动增加表单(输入框),可新增删除
2022-07-01 16:25:51
8292
2
原创 正则校验匹配[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
8195
5
原创 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
4385
原创 微信小程序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
539
1
原创 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
1141
原创 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
3478
原创 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
189
原创 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
10208
11
原创 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
6852
1
原创 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
2360
原创 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
1756
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
1162
原创 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
2935
原创 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
5462
4
Vue面试题总结.pdf
2022-04-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人