u011295864的博客

js实现瀑布流

基于vue的九宫格抽奖（动画速度可控制）

js数字每三位加逗号

vue可拖拽排序列表组件

树形数据 转扁平化数组

解决浏览器或默认打开pdf而不是下载到本地的问题

父组件中： <iframe width="100%" height="100%" :src="url" frameborder="0" ref="growth-plan-management" ></iframe> mounted() { let iframe = this.$refs['growth-plan-management'].contentWindow let para

转载自知乎：https://zhuanlan.zhihu.com/p/148693989

效果预览：父组件：<template> <div class="comment-reply"> <div v-for="(item, index) in articleLists" :key="index" class="article-list" > <div class="article-desc">{{ item.articleDesc }}</div>

/** * dest: 目标对象 * ori: 源对象*/function deepCopy(dest, ori) { for (const key in ori) { if (Object.hasOwnProperty.call(ori, key)) { const element = ori[key] if (typeof element === 'object') { // 引用属性...

背景：使用axios请求接口，返回的打印返回的数据，浏览器控制台显示乱码，而在preview里查看却是一张图片。这时候应该怎么处理？放弃axios，使用XMLHttpRequest()代码如下：html部分：<img :src="qrCodeSrc" />js部分：let qrCodeUrl = '' // 要请求的接口地址 let xhr = new XMLHttpRequest() xhr.open('GET'.

1、首先我们用一个值用来保存axios的终止函数，放在vuex里，方便全局调用。const state = { cancelAxios: null // 终止axios请求}const mutations = { setCancelAxios(state, n) { state.cancelAxios = n }}const actions = { setCancelAxios({ commit }, n) { commit('s

登录成功时setCookie：function setCookie() { let userName = 'admin' // 用户名 let passWord = '1' //密码 let cookieName = 'userInfo' // cookie名称 let data = { username: userName, ...

只需在代码块的头部尾部分别添加/* eslint-disable */即可。/* eslint-disable */ var ****** **** *****/* eslint-disable */

情况分为两种：第一种 行内样式 第二种 其他样式一、行内样式获取比较简单，一般通过element.style.attr即可获取样式。&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/tit

首先针对简单的数组 [1, 2, 3, 3, 4, 4, 5] 进行去重。let testArr = [1, 2, 3, 3, 4, 4, 5]let newArr = Array.from(new Set(testArr))console.log(newArr)控制台输出结果：下面针对数组对象进行去重。比如我这里有个数组： [ { ...

function setGUID() { var s = [] var hexDigits = '0123456789abcdef' for(var i = 0; i &lt; 36; i++) { s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1) } s[14] = '4' ...

效果图如下动图所示：代码如下：&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style&gt; #img { border-radius: 50%; curs

已知有字符串 foo=”get-element-by-id”，写一个 function 将其转化成驼峰表示法”：getElementById”。代码如下：// 函数function toTuoFeng (str) { var arr = str.split('-') // 这里如果设置从i = 0开始循环，那么第一个字母也会被转化为大写 for (let i =...

效果图：代码如下：键盘按键支持0-9的数字键和 + - * /运算符号键。回车键即为=键。Backspace键即为归零和删除最后一位键。&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;&lt;/title&gt; &a

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style&gt; body { background: #333333; margin: 0; padding:

mounted () { // 页面加载完后显示当前时间 this.realTime = this.dealWithTime(new Date()) // 定时刷新时间 let _this = this // 定时器 this.timer = setInterval(function () { _this.realTime = _this.dealWithTime...

前端代码：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"&gt;&lt;/sc

代码如下：HTML部分：&lt;div class="mainBlock"&gt; &lt;!--显示的窗口--&gt; &lt;div class="displayWindow"&gt; &lt;!--可移动面板--&gt; &lt;div class="mobilePanel"