![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
迷阵
懒狗前端
展开
-
Vue--监听元素宽高变化
解决方案1、使用element-resize-detector插件2、使用自定义指令element-resize-detector插件npm install element-resize-detector自定义指令<template> <transition> <div v-resize="DomResize"> </div> </transition></template><script&原创 2022-04-15 14:59:30 · 3946 阅读 · 0 评论 -
babel--可选链,空值合并等常用插件
@babel/plugin-proposal-optional-chaining 可选链 ?.@babel/plugin-proposal-nullish-coalescing-operator 空值合并运算符 ??@babel/plugin-proposal-object-rest-spread 扩展运算符 …@babel/plugin-syntax-dynamic-import 顶层impor原创 2022-02-25 14:48:13 · 853 阅读 · 0 评论 -
vscode--vue注释快捷方式
目录vscode配置配置文件vuejavascriptvscode配置1.F1–> 输入:首选项:配置用户代码片段2.选择下面这个3.输入或选择需要的配置配置文件vuevue.json{ "Print to vueTitle": { "prefix": "vueTitle", "body": [ "<!-- ", " * @description: ", " * @au转载 2021-07-27 11:43:40 · 5964 阅读 · 0 评论 -
vue--使用Print.js打印页面样式不出现
打印变形或字体大小不对解决方案加上这句就好了!完美!原创 2021-04-19 17:55:24 · 6576 阅读 · 14 评论 -
vue2.x--打印页面
插件地址https://printjs.crabbly.com/引入1.下载放到你想放的项目里2.index.html文件引入使用方法使用id调用参数打印原创 2021-04-16 11:47:45 · 85 阅读 · 0 评论 -
Vue--prototype中return返回数据
用法我用的callback方法。还有一种promise配合async实现的,目前有兼容问题,如果不是vueCli的话不建议使用。main.js中:Vue.prototype.getDictionary = async function(callback) { let common = uni.getStorageSync('dictionary'); if (common === '') { common = await loginApi.dictionary(); } else原创 2021-03-11 10:47:56 · 546 阅读 · 0 评论 -
JS--url转二维码后图片下载
downloadIamge(name) {var base64ToBlob = function (code) {let parts = code.split(";base64,");let contentType = parts[0].split("????[1];let raw = window.atob(parts[1]);let rawLength = raw.length;let uInt8Array = new Uint8Array(rawLength);for (let i =原创 2021-02-04 10:04:24 · 175 阅读 · 0 评论 -
Vuex--动态路由,退出登陆后重新登陆白屏
出现下面这种白屏,并且没有请求接口,f12很僵硬。原因我的原因是:退出时没有把store清空,重新登陆后判断到srore存的路由length>0,所以没有重新遍历接口传过来的menu解决方法 async logout() { // 退出清空菜单 await this.$store.dispatch("user/logout"); await this.$router.replace(`/login?redirect=${this.$route.fullP原创 2021-02-02 17:13:54 · 554 阅读 · 0 评论 -
Vue--input监听回车事件,跳到下一个输入框
注意:打开控制台的时候,这个没作用,查了很久,查不出为什么,就很气! mounted() { let that = this document.addEventListener("keydown", function inputClick(e) { switch (e.key) { case "Enter": e.preventDefault(); that.$nextTick(() => {原创 2020-11-02 16:22:46 · 2949 阅读 · 0 评论 -
JS -- 深拷贝和浅拷贝
深拷贝form=[{id:1}]方法1:let list = JSON.parse(JSON.stringify(form))方法2:let list = { ...form}方法3:let list = Object.assign({},form)原创 2020-06-18 15:44:56 · 108 阅读 · 0 评论 -
new date()标准时间转yyyy-mm-dd hh:mm 24小时制
// 扩充js的内置对象Date方法Object.assign(Date.prototype, { switch(time) { let date = { "yy": this.getFullYear(), // 这里月份的key采用大写,为了区别分钟的key "MM": this.getMon...转载 2020-01-22 17:09:23 · 2570 阅读 · 0 评论 -
layui -- 表格获取后台数据及分页
http://rechange.lxstudio99.com/index.html#/exchange.htmlF12调试即可原创 2019-12-31 16:22:36 · 1675 阅读 · 0 评论 -
JavaScript + Swiper 开发遇到的问题 -- 数据动态加载后无法轮播
window.onload = function () { slideshow0(); } function slideshow0() { //轮播图 new Swiper('#slideshow0', { centeredSlides: true, //居中 direction: 'horizonta...原创 2019-10-22 09:42:16 · 376 阅读 · 0 评论 -
JavaScript -- for里面的定时器
let length = $('.swiper-nav li').length;for (let i = 0; i < length; i++) { let item = $('.swiper-nav li').eq(i); (function (i) { setTimeout(function () { ite...原创 2019-11-20 10:42:34 · 128 阅读 · 0 评论 -
iframe加载完成事件
获取到iframe加载的前提条件1.iframe必须在body的下方,如:$("body").append(`<iframe id="player" type="text/html" height="360" src = "` + src + `" frameborder = "0" ></iframe>`);2.IE下和其他浏览器下的iframe加载完成后执行事件...原创 2019-10-21 10:09:08 · 6065 阅读 · 0 评论 -
JavaScript 封装cookie
//获取cookie function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); console.log("获取cookie,现在循环") for (var i = 0; i < ca.length; i++) ...原创 2019-09-23 11:37:44 · 91 阅读 · 0 评论