qq_45384585的博客

原创 APP代码规范-自用

自用代码规范，记录一下，不全待补充

原创 Login登陆方案

登陆功能大概方案

原创 解决git提交：Please enter a commit message to explain why this merge is necessary

git 提交报错

原创 vue-在scss中使用data的变量

vue-在scss中使用data的变量

原创 搜索内容高亮-简易版

超简单前端搜索内容高亮！

原创 js闭包简单易懂版

js闭包简单易懂版一、变量的作用域二、如何从外部读取局部变量三、闭包的概念四、闭包的用途五、使用闭包的注意点六、思考题 一、变量的作用域 变量作用域分为两种：全局变量和局部变量 JS中函数内部可以直接读取全局变量 var n = 99; function F1 (){ console.log('n') } F1() // 99 在函数外部自然无法读取函数内的局部变量 function f1(){ var n = 99 a = 88 // 注意：函数内部声明变量的时候，一定要使用var等声明，否则实际

原创 六种JavaScript中常见的循环遍历

1. for循环 for循环应该是最普遍的，使用最多的一种循环遍历方法了，所以也导致其可读性和易维护性比较差，但是它可以及时break出循环。 let arr = [1,2,3,4,5,6,7] for(let i = 0;i<arr.length;i++){ console.log(arr[i]) } // 1,2,3,4,5,6,7 2. for…in for…in循环主要针对于对象的遍历，当想要获取对象的对应键值时，使用for…in还是比较方便的 //针对对象来说 //任何对象都继承了

原创 vue中tab标签横向切换

点击分类标签展示分类下的数据项，可以点击左右切换tab分类，有滚动效果 <div class="event-release-tab"> <div class="arrow-left-bg" v-show="showLeftIcon"> <div @click="prev" class="arrow-left"> <span class="el-icon-arrow-left"></span> </div>

原创 vue 数字轮巡滚动增减效果

要求：轮巡调接口查询数据是否有增减，显示实时数据 <template> <div class="demo2"> <div class="part2"> <div class="number-content" style="display: flex; justify-content: center" > <div class="number-left number-str

原创 vue数字动态累加效果组件

数字动态累加效果 <template> <div class="number-grow-warp"> <span ref="numberGrow" :data-time="time" class="number-grow">0</span> </div> </template> <script> export default { props:{ time: { type: Numbe

原创 跨表格拖拽功能

手写多个表格之间拖拽功能 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></s

原创 vue跨表格拖拽功能

vue多个表格之间的拖拽功能 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"><

原创 表格拖拽功能

可以随一拖拽表格顺序 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> &.

原创 一张图理解VUE生命周期

原创 vue中前端生成二维码并且下载兼容IE

1.安装 qrcodejs2 和 html2canvas npm install --save qrcodejs2 npm install --save html2canvas 2.HTML部分 <template> <div class="code_pic"> <div> <div class="qr_img" id="qrcode" ref="qrcode"></div> <p>（