- 博客(31)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 IOS遇到的几个H5坑、h5键盘弹起遮挡输入框的处理
原因分析：通常我们习惯用height属性设置行间的高度和line-height属性设置行间的距离（行高），当点击输入的时候，光标的高度就自动和父盒子的高度一样了。（谷歌浏览器的设计原则，还有一种可能就是当没有内容的时候光标的高度等于input的line-height的值，当有内容时，光标从input的顶端到文字的底部）问题描述：在ios端，上下滑动页面时，如果页面高度超出了一屏，就会出现明显的卡顿，页面有部分内容显示不全的情况，例如下图，右图是正常页面，边是ios上下滑动后，卡顿导致如左图下面部分丢失。
2024-05-09 09:50:03
57
原创 vue 项目PC端适配屏幕
三、笔记本或者显示器 默认设置125%或者150%缩放，导致布局错乱的时候也可以使用zoom缩放。说起屏幕的适配，不得不说的是postcss-px2rem和px2rem-loader；二、对于屏幕宽度过窄，展示不全的适配，使用属性zoom进行缩放展示。2、 新建utils目录下新建rem.js等比适配文件。1.创建 devicePixelRatio.js。3、在main.js中引入rem.js。4、配置 vue.config.js。2.全局导入App.vue。1.创建zoom.js。
2023-06-29 15:36:24
3608
原创 bpmnjs flowable 添加定时事件timeDate,timeDuration,timeCycle
bpmnjs flowable 添加定时事件timeDate,timeDuration,timeCycle
2022-11-10 11:25:54
2315
5
原创 节流（throttle）防抖（debounce）函数
我们在写项目时，难免会遇到点赞获取最后一次触发或者只在第一次触发的点赞有效，一直滚动加载到最后才触发接口调用，实时搜索等场景。在这些场景下就会用到节流防抖函数。2.节流(throttle) 规定在一个单位时间内，只能触发一次函数，如果这个单位时间内触发多次函数，只有一次生效； 典型的案例就是鼠标不断点击触发，规定在n秒...
2022-06-13 16:53:42
793
原创 动态路由去重问题
问题：在切换组织或者菜单权限更改导致路由改变，使用addRoutes API添加路由的时候，重复添加已存在的路由导致出现重复路由的警告。权限路由改变时，知道地址，低级权限也可以进入高级权限的页面。router.js 路由文件import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)/* Layout */import Layout from '@/layout'export const constantRo.
2022-05-25 17:55:03
765
转载 如何在同一台电脑上配置多个SSH Key？
SSH Key 是克隆代码的授权标识，全平台唯一，代表的是一个账号。每个云效账号配置的 SSH key 需要不同，才能标识到人，对应人员操作的权限和审计。在一些场景下，如果需要在同一台电脑上同时管理多个云效账号，如何配置 SSH key 呢？设置 SSH key1.生成两个不同的SSH Keyssh-keygen -t rsa -C "<您的邮箱>"Generating public/private rsa key pair.Enter file in which to sav
2022-05-24 17:38:08
967
原创 ts中 可选链符号 ?:、 ?. 都是什么意思
?:?:是指可选参数，可以理解为参数自动加上undefinedexport interface RequestForm{ pageSize : number pageNumber : number name?:string // 可选属性 sex ?:string // 可选属性}?? 和 || 的意思有点相似，但是又有点区别,??相较||比较严谨, 当值等于0的时候||就把他给排除了，但是?? 不会.console.log(null || 1) .
2022-05-24 17:35:10
11639
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
475
原创 vue项目中下载/导出文件
有时我们会遇到下载/导出接口返回的是二进制流文件。这些二进制流文件可相应的变成图片、pdf、excel、zip文件等。下面就说这些该怎么配置:在接口请求的时候设置请求的responseType类型,设置该值能够改变响应类型（重要），告诉服务器你期望的响应格式。Blob在mdn上的解释是Blob对象表示不可变的类似文件对象的原始数据。Blob表示不一定是JavaScript原生形式的数据。就是英文Binary large Object，mysql有此类型数据结构。let blog .
2022-03-29 12:21:02
2589
原创 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
709
原创 css四种引入方式
在html设计制作中，css有四种引入方式。方式一： 内联样式内联样式，也叫行内样式，指的是直接在 HTML 标签中的 style 属性中添加 CSS。示例：<div style="display: none;background:red"></div>这通常是个很糟糕的书写方式，它只能改变当前标签的样式，如果想要多个<div>拥有相同的样式，你不得不重复地为每个<div>添加相同的样式，如果想要修改一种样式，又不得不修改所有的 s...
2022-03-04 15:51:49
4418
原创 跨域通信方式
搜索1.什么是同源策略和限制？同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互；所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个 ip 地址，也非同源。限制：这个源的文档没有权利去操作另一个源的文档。这个限制体现在：Cookie、LocalStorage和IndexDB无法获取。 无法获取和操作DOM。 不能发送Ajax请求。我们要注意，Ajax只适合同源的通信。 2.前后端如何通信？ajax、websocket和corsaj
2022-03-02 15:15:57
745
原创 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
2609
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
976
原创 element-ui el-tabs 和 el-table混合使用的问题
最近在使用vue的element-ui前端框架中的el-tabs和el-table混合使用，发现了很多小问题。1、问题一：el-tabs会使el-tab-pane 下面的数据一次性加载出来，导致数据更新不及时刚开始写的代码时这样的，发现页面加载的时候，会把两个tab的页面的请求一次性加载出来。如果tab页面过多，会导致请求过多，造成页面卡顿，最重要的是页面数据实时变化的话不能及时获取到最新数据。<el-tabs v-model="activeName" @tab-click="handl
2022-01-18 10:43:45
8575
5
原创 element-ui 动态设置列展示，展示列数据出错
使用el-table 使用卡槽slot 和 v-if判断列，出现列的动态新增和删除时出现列数据出现错乱。```<el-table-column property="name" v-if="hasColumn('xxx')" label="xxx" show-overflow-tooltip align="center"> <template #default="scope" > <el-button type="text">
2022-01-17 09:39:19
517
原创 js的数据类型
1.js的数据类型分为两种类：基础数据类型和引用数据类型。基础数据类型：undefined，Null，Boolean,String,Number,Symbol,BigInt。基础数据类型存储在栈内存，被引用或者拷贝时，会创建一个完全相等的变量。引用数据类型：Array-数组对象、RegExp-正则对象、Date-日期对象，Math-数学函数，Function-函数对象。引用类型存储在堆内存，存储的是地址，多个引用指向同一个地址，会造成数据的“共享”改变。2.数据类型检测的三种方法和优缺点（1
2022-01-12 20:23:26
96
原创 深拷贝和浅拷贝实现方式
###浅拷贝实现## 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
340
原创 获取浏览器和屏幕各种高度宽度
原生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
4419
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
1153
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人