- 博客(37)
- 收藏
- 关注
RSS订阅原创 一些比较喜欢的网站 分享一下
框架element-plushttps://element-plus.gitee.io/zh-CN/guide/quickstart.html#%E5%AE%8C%E6%95%B4%E5%BC%95%E5%85%A5tshttps://www.tslang.cn/https://www.wenjiangs.com/doc/typescript-classsveltehttps://www.sveltejs.cn/echartshttps://echarts.apache.org/zh/tu
2022-02-26 14:40:16
529
转载 element ui的表格列设置fixed后做动态表格出现表格错乱
遇到这个问题 然后网上找到解决办法 留念一下网址：https://www.cnblogs.com/lwming/p/12074579.html最近使用element-UI时，使用table做动态表格，当操作列使用fixed时，动态切换表格列设置设置时就会出现错乱，情况如下解决方法：把el-table-column上的key设成一个随机数Math.random()，每次表头设置完都要更新一下就正常，如下、:key="index+Math.random()"...
2020-11-23 11:29:11
1147
1
转载 input输入框只能输入正整数
input输入框加入限制只能输入正整数，输入其他字符会自动清除：<input type="text" value="1" οnkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.rep
2020-11-02 15:59:29
1518
1
转载 vue中使用箭头控制input的焦点 适合操作大量表格填写
首先老样子 下载包yarn add vue-direction-key然后在全局引用或者组件 都行// 引入控制input焦点插件import Direction from 'vue-direction-key'Vue.use(Direction)然后是在组件中填写<el-table :data="tableData" style="width: 100%">
2020-10-30 15:48:43
464
转载 vue项目中导出带合并元格的表格
首先安装插件npm install xlsx或者yarn add xlsx其次导入 也可以全局引入import XLSX from 'xlsx'然后 可以写个函数将里面内容填入var aoa = [ [ '羊别', '阶段', '昨日存栏', '出生数', '调入', '购入数', '转入数'
2020-10-30 15:40:37
382
转载 放置一个时间生成
放置一个时间获取的函数 省的每次到处搜function getDay(num, str) { var today = new Date(); var nowTime = today.getTime(); var ms = 24*3600*1000*num; today.setTime(parseInt(nowTime + ms)); var oYear = today.getFullYear(); var oMoth = (today.getMonth()
2020-10-29 19:56:41
76
转载 vue---input提交文件，删除文件名，再次提交相同文件，不执行
使用vue项目的时候，当我上传了一个文件时，点击删除，将data中的属性值清空，再次提交，如果是相同文件，不会再次执行。在jQuery中可以使用 unbind() 方法在vue中原始代码<template> <div class="hello"> <input type="button" value="上传文件" name="" id="" @click="updata"> <input type="file" style="display:n
2020-10-17 12:11:26
561
转载 前端解析xlsx，数组下载为XLSX
偷懒一下， 晚上看到比较好用的插件和demo解析xlsx案例 和xlsx.full.min.js,下载 想要直接用这个插件过来拿JS前端–数据导出为EXCEL（支持大量数据导出）链接保存一下以后方便再来看
2020-07-31 17:47:35
153
转载 写Vue项目中遇到的一些坑（二）、添加版本号
window.reload是重新加载当前需要的所有内容，也就包括页面和后台的代码，此过程中实际上是从后台重新进行操作；解决思路：在APP.vue 中写一个版本号，在静态文件再写一个版本号，相互印证，如果不一样的话，就调用 location.reload() 自动刷新页面app.vue 代码 var version = this.version; //版本号（每次上线前需要更新下版本号） console.log('当前版本号common.js：',ver
2020-07-09 18:13:09
762
原创 写Vue项目中遇到的一些坑（二）、vue-element-admin框架启动会出现两个新页面
在使用vue-element-admin打开项目的时候会出现两个新的页面，只需要将vue.config.js中的devServe的open由true更改为false，然后将devServer: { port: port, open: false, overlay: { warnings: false, errors: true },package.json中的scripts中dev后面添加–open就行了。"scripts": { "
2020-07-09 15:34:10
1499
原创 写Vue项目中遇到的一些坑（一）（获取当前时分秒yyyy-MM-dd HH:mm:ss）
1、直接手写一个获取时间 var myDate = new Date() var month = myDate.getMonth() <= 9 ? '0' + (myDate.getMonth() + 1) : myDate.getMonth() + 1 var day = myDate.getDate() <= 9 ? '0' + (myDate.getDate()) : myDate.getDate() var dataToDate = myDate
2020-07-09 15:22:51
1072
原创 写Vue项目中遇到的一些坑（一）
写项目好久了，最近才想起来把一些坑拿出来，算是留个记号，如果对你有帮助，更好，没有帮助的话，您只能继续百度了。[Vue warn]: Error in created hook: "TypeError: Cannot read property 'storeId' of undefined"1、[Vue warn]: Error in created hook: “TypeError: Cannot read property ‘storeId’ of undefined”这个报错一般是渲染的问题
2020-07-09 15:18:12
781
原创 HTML（十五）、2D,3D
一、CSS3 渐变的语法及应用线性渐变linear-gradient (方向[可选],颜色1,颜色2)就是，一个方向到另一个方向笔直进行渐变径向渐变radial-gradient (正圆椭圆[可选],颜色1,颜色2)从起点到终点颜色从内到外进行圆形渐变circle：渐变为最大的圆形； ellipse：(椭圆)根据元素形状渐变，元素为正方形是显示效果与circle无异。 重复渐变...
2019-10-14 21:07:11
145
原创 HTML（十四）、移动端布局
一、百分比弹性布局移动端页面基本上和web端区别不大 但要考虑到 移动端屏幕尺寸不大并且都是全屏布局 而且 屏幕尺寸都不一样 所有不能使用网页的固定尺寸来布局 需要使用百分比来布局二、移动端布局的优缺点优点：移动端基本都兼容h5 css3 所有可以放心的去使用css3的样式来布局移动端页面一般都不大 所以标签使用的并不多 相对一个一面开发时间没web端长缺点：移动端宽高尺寸不同 因此...
2019-10-14 20:58:19
148
原创 HTML（十三）、弹性盒
一、怪异盒模型标准盒模型怪异盒模型css3 盒模型box-sizing:content-box 标准盒模型 (默认)border-box 怪异盒模型二、弹性盒子display: 弹性盒子类型box:将对象作为弹性伸缩盒显示。 (伸缩盒最老版本)inline-box:将对象作为内联块级弹性伸缩盒显示。 (伸缩盒最老版本)flexbox:将对象作为弹性伸缩盒显示。 ...
2019-10-14 20:52:31
395
1
原创 HTML（十二）、css3选择器
一、css3 选择器css3 概念CSS即层叠样式表（Cascading StyleSheets）CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等CSS 用于控制网页的样式和布局。CSS3 是最新的 CSS 标准。CSS3 完全向后兼容，因此您不必改变现有的设计。浏览器通常...
2019-10-14 17:50:57
99
原创 HTML（十一）、html5
一、HTML的发展史二、HTML5和HTML4的区别1、更简单2、标签的语义化3、语法更宽松4、多设备跨平台5、自适应网页设计三、文档类型声明(DTD)DTD ( Document Type Definition )H5<!DOCTYPE html>HTML 4.01<!DOCTYPE HTML PUBLIC "-//W3C// DTD HTML 4....
2019-10-14 17:27:45
137
原创 HTML（十）、网页优化
一、网页优化网页优化 (seo) SEM(百度竞价排名)关键词<meta name="keywords" content="" />描述<meta name="description" content=""/>超链接优化 采用纯文本链接，少用，最好是别用Flash动画设置链接，因为搜索引擎无法识别Flash上的文字.最好别使用图片热点链接 理由...
2019-09-26 16:35:43
150
原创 HTML（九）、图片整合，部分兼容问题
一、图片整合的概念图片整合又名（CSS精灵）将小图标，按钮背景图片等有规则的合并成一张背景图，即将多张图片合为一张整图，然后用background-position 来实现背景图片的定位技术。优劣势：通过图片整合来减少对服务器的请求次数，从而提高 页面的加载速度。通过整合图片来减小图片的体积。但是也增加了开发人员的负担。二、图片整合的应用给一个元素定义背景图 通过 back...
2019-09-25 17:32:27
223
原创 HTML（八）、宽高自适应
一、宽度自适应网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整，这就是自适应。元素自适应在网页布局中非常重要，它能够使网页显示更灵活，可以适应在不同设备、不同窗口和不同分辨率下显示。块元素在不设置宽度的情况下 width:auto;(默认)子元素盒模型总大小=父元素的width子元素设置了padding border margin子元素的wi...
2019-09-24 13:46:00
861
原创 HTML（七）、定位
一、定位属性及应用页面制作过程中经常会碰到元素层叠或特定位置显示的情况，按照正常文档流布局的方式不能完全满足我们的需求 所有需要定位属性position:(定位属性) static 默认值 所有元素默认的定位属性就是static 一般不用 absolute 绝对定位 (完全脱离文档流) 自动向上检索 以最近的定位元素作为父元素 若检索不到就以html为父元素 来定位 relativ...
2019-09-23 11:20:39
67
原创 HTML（六）、元素类型
一、元素分类html里的元素一般都带有自己的一些特性 有些天生能换行 能设置宽高 有些在一行里边显示但不能设置宽高。原因是元素本身都有一个隐形的类型存在;一般元素分为这么5个类型：块元素 (block)默认宽度和父框一样宽 强制换行 能设置宽高 div p h1-h6 form dl dt dd ul ol 等行元素 (inline)(内联元素)元素不能设置宽高 在一行显示 宽高由...
2019-09-22 11:35:59
110
原创 HTML（五）、溢出
一、文本溢出我们经常能在网页当中看到一段文字过长出现省略号的效果。图片上所显示的有2种类型的省略号一种是多行在最后一行出现省略号 一种是单行出现省略号 首先第一种 只能手动去添加省略号而第二种 我们则可以通过代码区实现这一的效果首先需要4个属性配合使用：width:200px; 文本超出多少才隐藏white-space:nowrap; 强制不换行overflow:hidden;...
2019-09-22 11:32:24
433
原创 HTML(四)、盒模型
一、盒模型的概念及组成盒模型的组成盒模型的组成分为外边距、边框、内边距、内容区，这就是盒模型。二、border padding margin 使用边框线型(solid实线/dashed虚线/dotted点线/double双线)单边框设置border-left: 单独设置左边框border-right: 单独设置右边框border-top: 单独设置上边框border...
2019-09-22 11:27:16
171
原创 HTML(三)、css
一、选择符优先级定义：选择符的优先级即选择符的权重 针对同一个元素或同一群元素 进行选择时起的冲突进行的优先选择的处理。内联样式的权重为 1000id选择符的权重为 0100class选择符的权重为 0010伪类选择符的权重为 0010元素选择符的权重为 0001继承样式的权重为 0000后代选择符的权重：为后代选择符的权中之和二、文本相关属性...
2019-09-20 14:16:14
69
原创 HTML(二) 、css
（有一些昨天忘了说的先补上，以后想到什么再补什么吧）一、表单元素<form></form>表单name=“定义表单名”method=“get/post” 传输方式action=“请求地址”<input type=“表单元素类型” />表单元素text 单行文本框password 密码输入框submit 提交按钮reset 重置按钮二...
2019-09-19 19:12:39
87
原创 HTML（一）
一、HTML基本语法*命名规则首字母必须以英文开头，名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符，尽量不要使用大写字母标签双标记<标记 属性=“属性值” 属性=“属性值”></标记>单标记<标记 属性=“属性值” />内容2写在<>中的第一个单词叫做标记，标签，元素。标记和属性用空格隔开，属...
2019-09-18 22:20:50
74
转载 三个经典布局：三栏式布局、双飞翼布局、圣杯布局
1、三栏式布局三栏式布局就是左栏定宽左浮动，右栏定宽右浮动。<div class="wrap"> <div class="left"></div> <div class="right"></div> <div class="center"></div></div>...
2019-09-17 11:35:00
756
转载 常用的48个JS 开发常用工具函数
1、isStatic：检测数据是不是除了symbol外的原始数据function isStatic(value) { return( typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean' || t...
2019-09-09 11:35:33
85
转载 1个div，你能用CSS常规属性绘制：正3、4、5、6、7、8边形吗？
**一、正三角形**正三角形不需要用到伪元素，只需要设定div本身的边框宽度即可产生，先来看一下正三角形的边长与中线，若边长为100px，则中线四舍五入就是87px（100 x sin（ 60）= 87）。因此我们要将div的长宽都设为0，接着把底部border的宽度设为为87px，左右的border width度设为50px（颜色设为透明），就可以做出一个漂亮的三角形。.a{ w...
2019-08-31 10:05:15
507
转载 "交叉观察者"实现懒加载、吸顶、触底
先看一下MDN中的介绍：IntersectionObserver接口，提供了一种异步观察目标元素与其祖先元素或顶级文档视窗(viewport)交叉状态的方法，祖先元素与视窗(viewport)被称为根(root);直接进入正题，IntersectionObserver 翻译为 “交叉观察者”，它的任务就是监听目标元素跟指定父元素（用户可指定，默认为viewport）是否在发生交叉行为，简单理解...
2019-08-29 10:09:14
511
转载 解构赋值的用法
1. 交换变量通常交换两个变量的方法需要一个额外的临时变量,来看看例子let a = 1;let b = 2;let temp;temp = a;a = b;b = temp;a; // => 2b; // => 1temp是一个临时变量，它先保存a的值。然后把b的值赋值给a，接着将temp值赋给 b。如果使用解构的方式会更简单。let a = 1;le...
2019-08-27 08:12:18
696
转载 了解一下this的指向问题
之前看到一篇有关于this的资料对于this又加深了了解。this 的指向在 ES5 中，其实 this 的指向，始终坚持一个原理：this 永远指向最后调用它的那个对象。下面我们来看一个最简单的例子：例 1： var name = "windowsName"; function a() { var name = "Cherry"; co...
2019-08-26 13:49:44
135
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人