![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 53
Bynine9
这个作者很懒,什么都没留下…
展开
-
面试题之:flex:1什么意思
flex-shrink:定义项目的缩小比例,默认为1,即如果空间不足,该项目将缩小。如果容器没有足够的空间,flex:1会优先压缩内容,使得所有项目都能等分空间,而flex:auto会优先保持内容的完整性,挤压其他项目的空间。如果容器有足够的空间,flex:1和flex:auto都会平分剩余空间,但是flex:auto会保持项目本身的最小宽度,而flex:1不会。flex:auto相当于flex: 1 1 auto,表示项目的基准大小为auto,即项目本身的大小,同时也会根据剩余空间进行伸缩。原创 2024-05-27 17:36:27 · 471 阅读 · 0 评论 -
element中el-table中的el-input校验的实现
element中el-table中的el-input校验原创 2022-12-30 17:49:39 · 2878 阅读 · 1 评论 -
在线打开 word、excel、pdf 文件
在线打开 word、excel、pdf 文件原创 2022-12-08 13:51:42 · 1595 阅读 · 0 评论 -
若依管理系统(vue、Element-UI)图标偶发性乱码问题完美解决
Element-UI图标偶发性乱码问题完美解决转载 2022-12-08 11:14:09 · 5242 阅读 · 13 评论 -
高德地图使用、echarts地图等地图设置
地图介绍和使用原创 2022-11-10 13:41:40 · 2549 阅读 · 0 评论 -
bpmnjs flowable 添加定时事件timeDate,timeDuration,timeCycle
bpmnjs flowable 添加定时事件timeDate,timeDuration,timeCycle原创 2022-11-10 11:25:54 · 2516 阅读 · 5 评论 -
echarts的x轴选中的时候高亮
echartsx轴选中高亮显示原创 2022-07-20 17:49:38 · 2236 阅读 · 1 评论 -
Git操作之 git add 撤销、git commit 撤销
Git操作之 git add 撤销、git commit 撤销转载 2022-07-15 10:10:58 · 29569 阅读 · 1 评论 -
节流(throttle)防抖(debounce)函数
我们在写项目时,难免会遇到点赞获取最后一次触发或者只在第一次触发的点赞有效,一直滚动加载到最后才触发接口调用,实时搜索等场景。在这些场景下就会用到节流防抖函数。2.节流(throttle) 规定在一个单位时间内,只能触发一次函数,如果这个单位时间内触发多次函数,只有一次生效; 典型的案例就是鼠标不断点击触发,规定在n秒...原创 2022-06-13 16:53:42 · 799 阅读 · 0 评论 -
ts中 可选链符号 ?:、 ?. 都是什么意思
?:?:是指可选参数,可以理解为参数自动加上undefinedexport interface RequestForm{ pageSize : number pageNumber : number name?:string // 可选属性 sex ?:string // 可选属性}?? 和 || 的意思有点相似,但是又有点区别,??相较||比较严谨, 当值等于0的时候||就把他给排除了,但是?? 不会.console.log(null || 1) .原创 2022-05-24 17:35:10 · 12203 阅读 · 2 评论 -
vue3创建新项目
1.使用vue-cli 创建(Vue 3 + TypeScript) ## 安装或者升级 npm install -g @vue/cli ## 保证 vue cli 版本在 4.5.0 以上 vue --version ## 创建项目 vue create my-project 然后:Please pick a preset - 选择Manually select features(然后空格选上typeScript)Choose a .原创 2022-05-09 14:51:42 · 498 阅读 · 0 评论 -
vue项目中下载/导出文件
有时我们会遇到下载/导出接口返回的是二进制流文件。这些二进制流文件可相应的变成图片、pdf、excel、zip文件等。下面就说这些该怎么配置:在接口请求的时候设置请求的responseType类型,设置该值能够改变响应类型(重要),告诉服务器你期望的响应格式。Blob在mdn上的解释是Blob对象表示不可变的类似文件对象的原始数据。Blob表示不一定是JavaScript原生形式的数据。就是英文Binary large Object,mysql有此类型数据结构。let blog .原创 2022-03-29 12:21:02 · 2617 阅读 · 0 评论 -
el-table设置高度,表头出现错位
设置css样式,改变一下el-table的样式即可。<style scoped lang="scss">// 解决表头固定,出现错位问题/deep/.el-table { th.gutter, colgroup.gutter { width: 17px !important; //此处的宽度值,对应你自定义滚动条的宽度即可 }}// 关键css代码/deep/.el-table__header colgroup col[name="gutter"] {原创 2022-03-28 15:07:24 · 725 阅读 · 0 评论 -
css四种引入方式
在html设计制作中,css有四种引入方式。方式一: 内联样式内联样式,也叫行内样式,指的是直接在 HTML 标签中的 style 属性中添加 CSS。示例:<div style="display: none;background:red"></div>这通常是个很糟糕的书写方式,它只能改变当前标签的样式,如果想要多个<div>拥有相同的样式,你不得不重复地为每个<div>添加相同的样式,如果想要修改一种样式,又不得不修改所有的 s...原创 2022-03-04 15:51:49 · 4515 阅读 · 0 评论 -
跨域通信方式
搜索1.什么是同源策略和限制?同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互;所谓同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个 ip 地址,也非同源。限制:这个源的文档没有权利去操作另一个源的文档。这个限制体现在:Cookie、LocalStorage和IndexDB无法获取。 无法获取和操作DOM。 不能发送Ajax请求。我们要注意,Ajax只适合同源的通信。 2.前后端如何通信?ajax、websocket和corsaj原创 2022-03-02 15:15:57 · 758 阅读 · 0 评论 -
vue el-table自定义表头加图标,并显示提示tooltip
render函数中img的src直接加载路径无效,render配置img的src路径方法如下:renderHeader1(h,{column}){ return h('span', {}, [ h('span', {}, column.label), h('el-tooltip', { props: { placement: 'top-start', width: '200', trigger: 'hover', content: '这是原创 2022-02-25 10:58:57 · 2641 阅读 · 1 评论 -
VUE 2.0 vue/cli 4.5.13怎么引入jquery
1.安装jquery包文件npm i jquery -S 或者 npm i jquery --save2. 配置vue.config.js在vue.config.js 文件配置// 引入jq需要加入以下代码const webpack = require('webpack')module.exports = { chainWebpack: config => { config.plugin('provide').use(webpack.ProvideP原创 2022-01-25 10:12:07 · 993 阅读 · 0 评论 -
js的数据类型
1.js的数据类型分为两种类:基础数据类型和引用数据类型。基础数据类型:undefined,Null,Boolean,String,Number,Symbol,BigInt。基础数据类型存储在栈内存,被引用或者拷贝时,会创建一个完全相等的变量。引用数据类型:Array-数组对象、RegExp-正则对象、Date-日期对象,Math-数学函数,Function-函数对象。引用类型存储在堆内存,存储的是地址,多个引用指向同一个地址,会造成数据的“共享”改变。2.数据类型检测的三种方法和优缺点(1原创 2022-01-12 20:23:26 · 104 阅读 · 0 评论 -
深拷贝和浅拷贝实现方式
###浅拷贝实现## 1. for···in只循环第一层```// 只复制第一层的浅拷贝function simpleCopy(obj1) { var obj2 = Array.isArray(obj1) ? [] : {}; for (let i in obj1) { obj2[i] = obj1[i]; } return obj2;}var obj1 = { a: 1, b: 2, c: { d: 3 }}va...原创 2021-12-16 16:54:37 · 345 阅读 · 0 评论 -
获取浏览器和屏幕各种高度宽度
原生JSdocument.body.clientWidth; //网页可见区域宽(body)document.body.clientHeight; //网页可见区域高(body)document.body.offsetWidth; //网页可见区域宽(body),包括border、margin等document.body.offsetHeight; //网页可见区域宽(body),包括border、margin等document.bod原创 2021-09-03 17:01:09 · 4442 阅读 · 1 评论 -
vue移动端兼容问题
### 问题一:在开发的时候,安卓端input输入框会出现键盘弹出遮盖页面输入框的问题,input框无法自动出现在可视区。在mounted里```mounted() { window.addEventListener('resize', this.upForm)}methods: { //对请求的数据格式化成页面需要的数据 upForm(time = 100) { if (/iphone/i.test(navigator.userAgent)) { .原创 2021-09-03 10:36:04 · 1181 阅读 · 0 评论