38 个非常有用的 JavaScript 单行代码汇总 关于JavaScript的单行代码技巧,我们在前面也分享过一些,但是,没有今天齐全,今天分享的这些代码,基本都是我们日常开发中会使用到的一些单行代码。
Vue2项目报错:Uncaught SyntaxError: Unexpected token < 报错F5刷新 运行 Vue 项目时,发现报了一个 Uncaught SyntaxError: Unexpected token ‘<’ 错误,如图解决方案vue.config.js 文件其实不是代码的问题,而是资源公共路径设置的问题,解决方法如下:...
vue2 后端做好导出功能,前端导出 Excel表 (下载excel权限限制处理) - 将blob返回值转换为json格式 /** * @param {Object} obj 导出Excel表 后缀:suffix * 导出功能:vue下载excel权限限制处理 exportExcel * 下载excel但是需要传token来验证的问题,一般情况下是用直接指向地址来实现,但是token校验没办法实现,所以就用到了blod */export const exportExcel = (data, fileName, suffix = '.xlsx') => { // console.log(dateFormater
面试题(2022) 网页中有大量图片加载很慢 你有什么办法进行优化?1.图片懒加载,在图片未可视区域加一个滚动条事件,判断图片位置与浏 览器顶端和页面的距离,如果前者小鱼后者,优先加载2.使用图片预加载技术,将当前展示图片的前一张和后一张优先下载3.使用 csssprite 或者 svgsprite行内元素/块级元素有哪些?行内元素:相邻的行内元素会排列在同一行,不会独占一行 设置宽高无 效 span 块级元素:会独占一行 可以设置宽高等属性 div 可变元素:根据上下文预警决定该元素为块元素还是内联元
Vue 项目重复点击菜单刷新当前页面 场景最近在项目开发过程中,项目经理提了一个需求:在当前页面点击当前页面对应的(左侧)菜单时,也能刷新页面。由于 Vue 项目的路由机制是路由不变的情况下,对应的组件是不重新渲染的。所以重复点击菜单不会改变路由,然后页面就无法刷新了。解决方案: 借助重定向利用一个空的 redirect 页面,通过判断当前路由是否与点击的路由一致,如果一致,则跳转到 redirect 页面,然后在 redirect 页面重定向回跳转之前的页面。这样就实现了页面刷新了。1.创建一个空的页面:src/layout
【cascader出现的报错】Error in callback for watcher “options“: “TypeError: Cannot read properties of null 动态cascader级联选择器动态cascader级联选择器,发现切换数据源的时候报错,网上看到这个文章完美解决https://blog.csdn.net/weixin_43043994/article/details/100303097问题怎么出现的上面文章写的很清楚,解决方法就是重新加载组件。两个方法一个加v-if,一个加key<el-cascader :key="keyValue" //keyValue在data中定义,初始值为0 clearable :props=".
【iconfont】字体图标 【iconfont】字体图标使用<!-- 这个css是我引用阿里的一些字体图标,请戳: https://www.iconfont.cn/ --><link rel="stylesheet" href="http://at.alicdn.com/t/font_1117508_wxidm5ry7od.css"><!-- 消息外层容器,因为消息提醒基本上是全局的,所以这里用id,所有的弹出消息都是需要插入到这个容器里边的 --><div id="message-
倒计时 - 项目 效果图代码String s1;String s2;String s3;long hour = time / 3600;s1 = hour > 9 ? String.valueOf(hour) : "0" + hour;long minute = time % 3600 / 60;s2 = minute > 9 ? String.valueOf(minute) : "0" + minute;long sec = time % 3600 % 60;s3 = sec >
添加滚动条效果 方案一elementUi - 固定表头height="500"方案二效果图:<div class="infinite"> 内容 ... </div>// 设置Y轴滚动条.infinite{ // width: 800px; height: 500px; overflow-y: scroll;}
el-table 空单元格填充自定义内容 效果图代码<el-form-item label="满额包邮" class="AddStore-box-item"> <el-input v-model="form.fullQuota" placeholder="请输入多少元" /> <el-tag :hit="false" size="medium" color="#fff">元</el-tag></el-form-item><el-table-column prop="
用 el-switch 显示状态 <el-table-column prop="state" label="状态"> <template #default="{row}"> <el-switch :value="row.state === 0" active-color="#13ce66" /> <!-- el-switch 可以 v-model 绑定一个布尔值 但是现在我们没有布尔值, 也不需要双向绑.
程序员必逛的网站 搜索&翻译Google https://www.google.comGoogle翻译 https://translate.google.cn互联网科技资讯36氪 https://36kr.com爱范儿 https://www.ifanr.com雷锋网 https://www.leiphone.com虎嗅 https://www.huxiu.com极客公园 http://www.geekpark.net代码托管、协作开发Github https://github.co
Element Backtop回到顶部的具体使用 解决element-ui el-backtop返回顶部组件无效问题el-backtop绑定的盒子,需要一个滚动样式:overflow-y: scroll;<template> <div id="app"> <router-view /> <!-- 绑定app盒子 --> <el-backtop target="#app" :visibility-height="100" /> </div><