数组方法:array.at() JavaScript 数组的索引是从0开始的,第一个元素的索引为0,最后一个元素的索引等于该数组的长度减1。我们一般使用方括号通过索引访问数组元素:array[index],如果指定的索引是一个无效值,JavaScript 数组并不会报错,而是会返回 undefined。const array = ['张三','李四','王麻子'];console.log(array[0]) //张三console.log(array[1]) //李四console.log(array[3]) // 当
js获取几个月前的时间 获取几个月前的时间var d = new Date();console.log(d)d.setMonth(d.getMonth() - 3);d.toLocaleDateString();cosnole.log(d.toLocaleDateString();)
vue项目优化及首页白屏过渡 最近搞项目优化 也是很头大 所以做一个记录 不是很全慢慢补吧!!!注意代码复用性入口文件注意 组件的按需引入 避免入口文件过大1.组件动态导入原始导入://导入:import home from "./component/home"//注册:component:{home}动态导入:(按需加载)components:{home:()=>import("./component/home")}2. 路由懒加载Vue是单页面应用,路由较多,Webpack打包后文件很大。
前端gizp压缩配置 !!!目前项目用到的是 vue 和 nginx 简单阐述 用到其他的会进行补充打包的时候开启gzip可以很大程度减少包的大小,非常适合于上线部署。更小的体积对于用户体验来说就意味着更快的加载速度以及更好的用户体验。1. 安装依赖:compression-webpack-pluginnpm install --save-dev compression-webpack-plugin高版本可能会有不兼容问题npm uninstall --save-dev compression-webpack-
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
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
常用正则记录 常用正则 ,先做记录 遇到补充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(
vue组件强制刷新 数据刷新值页面不做渲染问题 vue组件强制刷新,,, (1)常用v-if<!-- v-if根据表达式的值的真假条件销毁或重建元素,以达到元素或组件重新渲染,不推荐使用 会闪屏--><Provinces v-if="show"></Provinces> (2)this.$forceUpdate手动强制刷新<Provinces @click="refresh"></Provinces>refresh(){ this.$forceUpdate()} (3):
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`"
js日期格式化 // 日期格式化 dateFormat(fmt, date) { let ret; const opt = { "Y+": date.getFullYear().toString(), // 年 "m+": (date.getMonth() + 1).toString(), // 月 "d+": date.getDate().toString(), // 日
element e-table表格错位问题 //一般是表头错位body .el-table th.gutter{ display: table-cell!important;} body .el-table colgroup.gutter{ display: table-cell!important;}
element (vue) 组件传值 组件初始化 强制刷新 强制刷新 $forceUpdate()...
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.
VUE 发送ajax请求(axios) 1、安装cnpm install --save vue-axios1.2、如果是跨域请求,则需要安装cnpm install --save axois什么是跨域? 疑问?http://localhost:8088/user和http://localhost:8080/PsychoSys是一个域么?是一个域名但不是一个端口号!域名相同端口号不同是跨域请求么?是跨域请求!...
css实现瀑布流布局 1.column 多行布局实现瀑布流column 实现瀑布流主要依赖两个属性。一个是 column-count 属性,是分为多少列。一个是 column-gap 属性,是设置列与列之间的距离。 <style> .box { margin: 10px; column-count: 3; col...
常见的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...
MUI移动端页面跳转 MUI移动端页面跳转跳转方法二:添加监听事件跳转document.getElementById(‘at’).addEventListener(‘tap’,function(){//alert(‘test a’);mui.openWindow({url:‘details/detail.html’,id:‘detail.html’});});添加监听事件对所有跳转都有效,但是在验证...