谢院柯-CSDN博客

JavaScript 数组的索引是从0开始的，第一个元素的索引为0，最后一个元素的索引等于该数组的长度减1。我们一般使用方括号通过索引访问数组元素：array[index]，如果指定的索引是一个无效值，JavaScript 数组并不会报错，而是会返回 undefined。const array = ['张三'，'李四'，'王麻子'];console.log(array[0]) //张三console.log(array[1]) //李四console.log(array[3]) // 当

2022-04-22 10:28:14 2347

原创 js获取几个月前的时间

获取几个月前的时间var d = new Date();console.log(d)d.setMonth(d.getMonth() - 3);d.toLocaleDateString();cosnole.log(d.toLocaleDateString();)

2022-04-22 10:04:22 1414

原创 vue项目优化及首页白屏过渡

最近搞项目优化也是很头大所以做一个记录不是很全慢慢补吧！！！注意代码复用性入口文件注意组件的按需引入避免入口文件过大1.组件动态导入原始导入：//导入：import home from "./component/home"//注册：component：{home}动态导入：（按需加载）components:{home:()=>import("./component/home")}2. 路由懒加载Vue是单页面应用，路由较多，Webpack打包后文件很大。

2022-04-01 15:55:36 632

原创前端gizp压缩配置

！！！目前项目用到的是 vue 和 nginx 简单阐述用到其他的会进行补充打包的时候开启gzip可以很大程度减少包的大小，非常适合于上线部署。更小的体积对于用户体验来说就意味着更快的加载速度以及更好的用户体验。1. 安装依赖：compression-webpack-pluginnpm install --save-dev compression-webpack-plugin高版本可能会有不兼容问题npm uninstall --save-dev compression-webpack-

2022-04-01 15:47:44 367

原创 CSS 实现跑马灯效果开箱即用

html<div class="marquee-box"> <div class="marquee-content" :style="{animationDuration: marqueeStr.length * 0.2 + 5 + 's'}"> {{marqueeStr}} </div> </div>变量this.marqueeStr= "跑马灯！！！跑马灯！！！"css@keyf

2022-03-22 09:57:48 2174

原创 css 隐藏滚动条兼容

* { -ms-overflow-style:none; /* Edge */ scrollbar-width: none; /* Firefox */}::-webkit-scrollbar { display: none; /* Chrome */}参考：https://developer.mozilla.org/zh-CN/docs/Web/CSS/scrollbar-widthhttps://developer.mozilla.org/zh-CN/docs/Web/CSS/scr

2022-01-26 16:03:12 563

原创常用正则记录

常用正则，先做记录遇到补充1.用户名校验，4到16位（字母，数字，下划线，减号）/^[a-zA-Z0-9_-]{4,16}$/2.帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线组合/^[a-zA-Z]\w{4,15}$/3.密码强度校验，最少6位，包括至少1个大写字母，1个小写字母，1个数字，1个特殊字符/^\S*(?=\S{6,})(?=\S*\d)(?=\S*[A-Z])(?=\S*[a-z])(?=\S*[!@#$%^&*? ])\S*$/4.email(

2021-11-16 15:56:26 751

原创 vue组件强制刷新数据刷新值页面不做渲染问题

vue组件强制刷新，，，（1）常用v-if<Provinces v-if="show"></Provinces> （2）this.$forceUpdate手动强制刷新<Provinces @click="refresh"></Provinces>refresh(){ this.$forceUpdate()} （3）:

2021-08-24 10:03:53 496

原创 element el-form-item循环校验

循环数据代码效果上代码咯1.el-form-item 循环<el-row class="periodClass" v-for="(item,index) in dataFrom.balance_batch_data" :key="index"> <el-col :xl="5" :lg="5" :md="12"> <el-form-item label="阶段：" :prop="`balance_batch_data.${index}.period_text`"

2021-03-18 17:21:39 1744

原创 vue数据监听及子组件初始化watch监听不到props数据

222222222

2021-01-22 10:45:39 4410

转载 js日期格式化

// 日期格式化 dateFormat(fmt, date) { let ret; const opt = { "Y+": date.getFullYear().toString(), // 年 "m+": (date.getMonth() + 1).toString(), // 月 "d+": date.getDate().toString(), // 日

2020-09-22 16:08:42 285

原创 element e-table表格错位问题

//一般是表头错位body .el-table th.gutter{ display: table-cell!important;} body .el-table colgroup.gutter{ display: table-cell!important;}

2020-09-19 10:42:01 321

原创 element (vue) 组件传值组件初始化强制刷新

强制刷新 $forceUpdate()![在这里插入图片描述](https://img-blog.csdnimg.cn/20200914112225863.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDEzMDMwOA==,size_16,color_FFFFFF,t_70#pic_center)...

2020-09-14 11:47:58 2543

转载 element el-dialog弹窗拖拽，边界线问题

1、建一个js文件 elDialog.js文件复制即可import Vue from 'vue'// v-dialogDrag: 弹窗拖拽属性Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__header'); const dragDom = el.querySelector('.el.

2020-09-11 17:05:09 699 1

原创 element tree树结构 “右键自定义菜单” 以及 “修改元素样式” 踩坑

水水水水水水水水

2020-09-01 17:17:56 1784

转载 VUE 发送ajax请求（axios）

1、安装cnpm install --save vue-axios1.2、如果是跨域请求，则需要安装cnpm install --save axois什么是跨域？疑问？http://localhost:8088/user和http://localhost:8080/PsychoSys是一个域么？是一个域名但不是一个端口号！域名相同端口号不同是跨域请求么？是跨域请求！...

2020-08-27 20:03:29 762

原创 css实现瀑布流布局

1.column 多行布局实现瀑布流column 实现瀑布流主要依赖两个属性。一个是 column-count 属性，是分为多少列。一个是 column-gap 属性，是设置列与列之间的距离。 <style> .box { margin: 10px; column-count: 3; col...

2020-04-30 16:42:05 5486

原创常见的url传参

常见的url传参*如果页面是复用的不建议使用url多个传参，可以考虑使用Storage存储传定值url="https://www.baidu.com?data=123"传变量（data1为你需要传的变量）url="https://www.baidu.com?data=" + data1传定值（多个）url="https://www.baidu.com?data=123&am...

2019-10-16 10:38:52 26259

转载 MUI移动端页面跳转

MUI移动端页面跳转跳转方法二：添加监听事件跳转document.getElementById(‘at’).addEventListener(‘tap’,function(){//alert(‘test a’);mui.openWindow({url:‘details/detail.html’,id:‘detail.html’});});添加监听事件对所有跳转都有效，但是在验证...

2019-04-17 14:18:40 299 1

原创单行文本和多行文本的省略号

一、单行文本的溢出显示省略号用text-overflow:ellipsis属性来，需要加宽度width属来兼容部分浏览。overflow: hidden;text-overflow:ellipsis;white-space: nowrap;二、多行文本省略：display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-c...

2019-03-15 17:36:40 2566

谢院柯的博客

原创 js进入页面控制浏览器缩放比例

原创数组方法：array.at()