- 博客(57)
- 收藏
- 关注
RSS订阅原创 实现文本 内容展开 / 收起
<template> <el-table :data="tableData" style="width: 100%" height="250"> <el-table-column fixed prop="date" label="日期" width="150"> </el-table-column> <el-table-column prop="name"
2024-01-03 16:22:27
562
原创 elementUI中 el-checkbox-group设置了max，全选之后无法单独取消某个选中数据
elementUI 的 el-checkbox-group组件设置了max全选之后就无法手动取消单个选中的数据，必须点取消全选按钮才可以全部取消选中，巨🕳<template> <el-checkbox v-model="checkAll" @change="handleCheckAllChange">全选/取消全选</el-checkbox> <div style="margin: 15px 0;"></div> // 设置了max
2022-02-24 18:03:46
1330
转载 rem错乱，缩放比例后又正常显示（问题记录）
遇到一个比较奇怪的问题，部署至线上出现了样式错乱，缩放比例又正常显示的问题，设置了html头也不行（可能是加的不对），一开始用重置页面比例解决了本机显示，但是电脑win10显示设置缩放布局各有不同，只能又重新找解决方案，下面的计算成功了解决这个问题创建rem.js(function (doc, win) { let docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationc
2022-02-22 18:21:19
304
原创 NVM安装后多个node时，node_modules是空的，以v12.21.0为例
**一、在使用NVM管理node时，进行v12.21.0新版本安装遇到**Downloading node.js version 12.21.0 (64-bit)...CompleteDownloading npm version 6.14.11... Download failed. Rolling Back.Rollback failed. remove D:\nvm\temp\npm-v6.14.11.zip: The process cannot access the file beca
2022-02-21 15:25:37
2857
原创 iview 修改弹窗的弹出动画，全屏增加动画
修改iview的对话框的弹出动画，全屏时增加动画效果查看效果<template> <Button @click="modal9 = true">打开弹窗</Button> <Modal ref="m" title="Title" v-model="modal9" footer-hide :fullscreen="fullscreenModal" :
2021-11-25 16:25:11
1219
原创 vue img标签循环取出图片名称，匹配静态资源不显示问题
// 直接这样取不显示<div v-for="item of list" :key="item.id"> <img :src="item.imgName" /></div>// 改为函数<div v-for="item of list" :key="item.id"> <img :src="handleImg(item)" /></div>handle(item){ return require(`./
2021-11-17 10:03:10
876
原创 iview upload 上传时携带额外参数
可以直接放到组件里用， “action”改为自己的接口路径；效果：点击看效果图<template> <Form :model="formItem" :label-width="80"> <FormItem label="文件名称"> <Input v-model="formItem.input"></Input> </FormItem> <FormI
2021-11-11 14:36:24
1652
原创 elementUI提交表单时焦点跳转至第一个校验不通过处
https://blog.csdn.net/u013746071/article/details/88186451我再使用楼主的方式时报fours错误，所以换了一种方式setTimeout(()=>{ let isError= document.getElementsByClassName("is-error"); let elDialogBody = document.getElementsByClassName("el-dialog__bod.
2021-06-30 11:09:45
148
原创 所有图片类型后缀汇总
自己想粘贴一下别人的来做判断的，没有一个方便粘贴的汇总，还是自己手敲吧if('.xbm','.tif','pjp','.svgz','jpg','jpeg','ico','tiff','.gif','svg','.jfif','.webp','.png','.bmp','pjpeg','.avif'){ // 代码 }
2021-04-29 15:16:08
9835
1
原创 使用el-tree-transfer不显示label的坑
先贴一下GIT链接1：先贴一下GIT链接2：案例上有两处错误需要修改3：还有个巨坑就是不显示label的问题4：最终效果1：先贴一下GIT链接el-tree-transfer2：案例上有两处错误需要修改3：还有个巨坑就是不显示label的问题4：最终效果...
2021-04-25 18:13:10
3592
11
原创 select去掉默认边框样式，outline:none； 无效解决方法
select去掉默认边框样式，选择数据之后还有边框，如图：使用 无效 border:none; outline:none;//因为有默认的阴影需要同时取消，解决方案.select{ border:none; box-shadow:none;}
2020-07-01 11:55:05
3750
原创 IE不兼容findIndex
var arr = [ {id: 1, name: 'java'}, {id: 2, name: 'c++'}, {id: 3, name: 'js'}, {id: 4, name: 'c#'} ] // Array.prototype._find_ = function(cb){ for(var i=0; i< this.length; i++){ if(cb(this.
2020-06-30 14:01:48
1279
原创 把一个字符串所有的空格去除
使用js去除字符串内所带有空格，有以下三种方法：( 1 ) replace正则匹配方法 去除字符串内所有的空格：str = str.replace(/\s*/g,""); 去除字符串内两头的空格：str = str.replace(/^\s*|\s*$/g,""); 去除字符串内左侧的空格：str = str.replace(/^\s*/,""); 去除字符串内右侧的空格：str = str.replace(/(\s*$)/g,""); 示例：var str = " 6
2020-05-25 18:46:40
3437
原创 VUE循环对象绑定v-model报错
v-for 循环时直接使用 v-model 绑定报错将 v-model 直接绑定到 v-for 迭代别名。这将无法修改 v-for 源数组，因为写入别名就像修改函数局部变量一样。考虑使用一个对象数组并在对象属性上使用 v-model。原因：v-model 不可以直接修改 v-for 循环迭代时别名上的数据，但是，可以通过 index 下标来引用所需的数据，可以达到相同目的。// 错误代码<div v-for="(item, index) in data" :key="index">
2020-05-18 13:48:54
4366
原创 ES6 数组去重，数组对象去重
// 数组对象去重{ const arr = [ { name:'zhangsan', age:12 }, { name:'lisi', age:14 }, { name:'zhangsan', age:12 }, { name:'lisi', age:.
2020-05-11 13:42:23
721
原创 实现textarea自适应高度，并且在回显数据也会自适应数据高度。
可以直接粘贴代码查看效果。第一种解决方案<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...
2020-04-16 15:05:46
1190
原创 es6 删除数组中指定元素并返回新数组
https://blog.csdn.net/sunnywuxian/article/details/89395651
2020-04-09 19:44:04
2726
原创 正则校验整数，校验小数位，校验2-4位小数位，正整数长度可控制
实现思路：适用于正则使用不6的童鞋~比如我，此函数使用校验正整数正则，split拆分校验含有小数位正则进行判断。引用线上vue，可以直接粘贴代码查看效果1：用于校验2-4位小数位验证和校验正整数验证；2：小数位前面的正整数长度可输入控制；3：校验正整数长度可以输入控制<!DOCTYPE html><html><head> <m...
2020-04-05 12:27:24
3345
原创 vue 在dom元素上控制input输入框长度和数字限制
<input type="number" oninput="if(value.length > 11)value = value.slice(0, 11)" placeholder="请输入手机号">注意：type="number" maxlength="11"同时存在，长度无效
2020-02-04 20:18:33
922
转载 less和sass的对比
一. Sass/Scss、Less是什么?它们都是css预处理器。css预处理器的概念：CSS预处理器用一种专门的编程语言，进行Web页面样式设计，然后再编译成正常的CSS文件，以供项目使用。CSS预处理器为CSS增加一些编程的特性，无需考虑浏览器的兼容性问题。 比如说：Sass（SCSS）、LESS、Stylus、Turbine、Swithch CSS、CSS Cacheer、DT CSS等。...
2019-12-31 09:49:55
400
原创 react入门代码无法打开，gist.github.com 无法访问解决办法
打开cmd 窗口ping以下IP：ping 192.30.253.119ping 192.30.253.119打开 C:\Windows\System32\drivers\etc\hosts 文件修改hosts文件，添加文件末行如下：192.30.253.118 gist.github.com192.30.253.119 gist.github.com保存，再次访问刷新...
2019-12-14 11:51:05
398
原创 面试遇到的问题（总结面试题）
最近在找工作面试，总结遇到的面试题1. CSS的优先级？CSS 优先规则1： 最近的祖先样式比其他祖先样式优先级高。CSS 优先规则2："直接样式"比"祖先样式"优先级高。CSS 优先规则3：优先级关系：内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器；CSS 优先规则4：计算选择符中 ID 选择器的个数（a），...
2019-12-09 12:54:32
155
原创 web前端个人技能or专业技能怎么写（整理）
个人技能（案例一）熟悉AngularJs、vueJS、React等主流MVC、MVVM框架；掌握localStorage、sessionStorage等前端存储方案，记录用户操作习惯或常用数据，从而降低HTTP请求，提升用户体验；掌握JSONP和CORS等跨域解决方案；熟练使用SVN、git版本控制工具，进行代码管理，实现敏捷开发；熟练使用Bootstarp框架，通过栅格系统快速布局...
2019-11-11 17:41:03
30717
原创 Vue面试题（仅供个人学习记录使用）
Vue.js介绍 Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API；Vue.js是一个构建数据驱动的Web界面的库。Vue.js是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue ...
2019-10-30 16:41:29
448
原创 在angular6中集成cesium，facilities.kml一直404
官网聚合demo在项目中使用了聚合：官网demo代码如下var viewer = new Cesium.Viewer('cesiumContainer');var options = { camera : viewer.scene.camera, canvas : viewer.scene.canvas};var dataSourcePromise = viewer....
2019-10-14 13:44:15
384
1
原创 vscode常用插件+vs设置中文
View In Browser ：浏览器打开 ctrl +f1vscode-icons: 图标Path Intellisense：路径px to rem：相互转换Auto Rename Tag ：写html神器fileheader: 注释 ctrl+alt+iAuto Rename Tag — 修改HTML标签时，自动修改匹配的标签beautify— javascrip...
2019-10-08 14:19:53
754
原创 [ts] 类型“typeof Cesium”上不存在属性“knockout”。[ts] 找不到名称“Sandcastle”。
摸索中学习。在cesium的demo中使用了代码，因为demo上是原生js上写，在angular+ts中一直报错。原因是需要使用this指向。【尴尬】
2019-09-19 20:40:37
1400
2
原创 angular5+项目集成CesiumJS 3D地球
摸索中学习。首先：npm install ...下面是package.json中的，我也是第一次集成，这几个是下载的； "@types/cesium": "^1.59.0", "cesium": "^1.61.0", "cesium-typings": "^1.50.2", "e-ngx-cesium": "^6.3.2",其次：1：新建一个 cesium...
2019-09-19 17:34:10
501
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人