- 博客(15)
- 资源 (2)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 【一套px的css样式自适应浏览器大小，transform解决方案】
根据浏览器窗口大小自适应当前页面在现有项目固定px的基础上修改自适应(部分理解可能有误差欢迎指正)：zoom控制可以根据浏览器窗口大小改变但是火狐浏览器全系列不支持zoom使用css的transform里面的放大缩小进行页面自适应控制,把放大缩小的基准点这是到左上角<div id="app" :style="{width:transformCustom ==1?'100%':'1024px',transform: 'scale('+transformCustom+')', 'transfo
2022-05-20 11:40:11
1813
原创 docker-compose安装个人总结
1、在linux环境，安装docker-compose时使用的命令:curl -L https://github.com/docker/compose/releases/download/1.25.0-rc4/docker-compose-`uname -s`-`ur/local/bin/docker-compose2、对二进制文件应用可执行权限,否则查看版本会报错:chmod +x /usr/local/bin/docker-compose不执行chmod的报错内容：-bash: /usr/l
2022-01-07 10:12:33
789
原创 整理element UI的常见问题
常见问题form 下面只有一个 input 时回车键刷新页面表格固定列最后一行显示不全气泡确认框文档里的confirm事件不生效输入框用正则限制但绑定值未更新去除type="number"输入框聚焦时的上下箭头只校验表单其中一个字段弹窗重新打开时表单上次的校验信息未清除表头与内容错位表单多级数据结构校验问题表格套input动态验证表格跨分页多选根据条件高亮行并去除默认hover颜色表单不想显示label但又想显示必填星号怎么办table 内嵌 input 调用 focus 方法无效表格内容超出省略el-tr
2021-09-02 15:55:31
1041
原创 常用正则表达式记录
一、 校验数字的表达式数字：^[0-9]*$n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$零和非零开头的数字：^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(\.[0-9]{1,2})?$带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})$正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$有两位小数的正实数：^[0-9]+(\.[0-9]{2})?$有1~3位小数
2021-08-30 08:22:04
75
原创 引用公用sass
yarn安装loaderyarn add sass-resources-loader修改build中的utils.js将scss: generateLoaders('sass')修改成:scss: generateLoaders('sass').concat( { loader: 'sass-resources-loader', options: { //公用sass的相对路径 resources: path.resolve(__dirname, '..
2021-08-09 10:14:27
155
原创 vue使用yarn的常用命令
初始化项目yarn add init安装vueyarn add vue安装webpack，webpack-dev-server（是一个小型的Node.js Express服务器）yarn add webpack webpack-dev-server安装babel，babel的作用是将es6的语法编译成浏览器认识的语法es5yarn add babel babel-core babel-loader babel-preset-es2015用来解析vue的组件，.vue后缀的文件yarn ad
2021-08-02 09:54:48
968
原创 数组相关方法
数组方法一、创建数组1. 使用数组字面量表示法2.使用 Array 构造函数3.Array.of 方法创建数组(es6 新增)4.Array.from 方法创建数组(es6 新增)二、数组方法1.join()2.push()和 pop()3.shift() 和 unshift()4.sort()5.reverse()6.concat()7.slice()8.splice()9.indexOf()和 lastIndexOf()10.forEach()11.map()12.filter()13.fill() e
2021-07-22 09:59:29
162
原创 table前端导出
table前端导出先安装两个包npm install xlsx file-saver -Snpm install script-loader -S -D导入: link.onExportExcel() { require.ensure([], () => { const {export_json_to_excel} = require('../../../assets/js/excelexport/Export2Excel') co
2021-07-16 10:20:10
137
原创 树遍历
树遍历深度优先广度优先对于树结构的遍历一般有深度优先和广度优先广度优先和深度优先的概念很简单，区别如下：深度优先,访问完一颗子树再去访问后面的子树，而访问子树的时候，先访问根再访问根的子树，称为先序遍历；先访问子树再访问根，称为后序遍历。广度优先，即访问树结构的第 n+1 层前必须先访问完第 n 层深度优先先序遍历const treeForEach = (tree, func) => { tree.forEach(data => { func(data);
2021-05-07 09:36:15
146
原创 各种判断方法，布尔奇偶等
各种判断方法，布尔奇偶等奇偶数判断否为一个时间格式-1和1用~判断奇偶数判断const isEven = num => num % 2 === 0;否为一个时间格式业务中遇到一个校验一下传入时间格式是否为一个时间格式，下面的方法可以完美校验const isDate = str => { return typeof str !== 'number' && str !== null && new Date(str) !== 'Invalid Date'
2021-05-07 09:31:02
235
原创 观察者发布订阅模式
观察者发布订阅模式观察者模式发布订阅模式一直以来，我以为发布订阅和观察者是一个思路，在vue中他们总是被一起拿出来说，但实际他们是两种不同的设计思路。虽然他们都是实现了对象的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖它的对象都将得倒通知，然后自动更新。但是他们之间是有一定区别的。观察者模式观察者模式会有 观察者 与 被观察者(观察目标) 两个对象存在，观察者可以有多个，观察目标可以添加多个观察者，可以通知观察者。观察者模式是面向与目标和观察者编程的，耦合目标和观察者// 被观察者
2021-05-07 08:44:12
66
原创 JS类型转换原理
JS类型转换原理如何让 (a == 1 && a == 2 && a == 3) 的值为 true?这个问题考查的数据类型转换，== 类型转换有个基本规则NaN 与任何值都不相等，包括自己本身undefined 与 null 相等(==)，其他都不等对象与字符串类型做比较，会把对象转换成字符串然后做比较其他类型比较都要转换成 数字 做比较那么这个问题我们重写 toString 或者 valueOf 方法就可以了const a = { val: 1, t
2021-04-30 16:58:38
124
1
原创 JS日期相关方法
JS日期相关方法日期格式化方法日期格式化方法Date.prototype.Format = function(fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": this.getMinutes(), //分 "s+": this.getSeconds(), //
2021-04-30 11:28:19
96
如何使用nth-of-type的方法？(标签-css|关键词-main)
2022-07-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人