09 2021 档案

localStorage封装
摘要：const deepProxy = (obj, cb) => { if (typeof obj 'object' && obj !== null) { for (const prop in obj) { console.warn(obj[prop], cb) if (typeof obj[prop] 阅读全文
posted @ 2021-09-24 16:25 青眼魔术 阅读(323) 评论(0) 推荐(0)
Grid布局
摘要：display: grid; grid-template-columns: 1fr 2fr 1fr; /* 把横向改成1，2，1等份 */ （1fr就是把横向分成一份一份，你写四个1fr一行就有四个，也可以设置px单位） column-gap: 20px; /* 把横向间距改成20px */ row 阅读全文
posted @ 2021-09-24 12:26 青眼魔术 阅读(103) 评论(0) 推荐(0)
meta属性
摘要：在iPhone的浏览器中页面将以原始大小显示，不允许缩放。 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalabl 阅读全文
posted @ 2021-09-23 17:23 青眼魔术 阅读(88) 评论(0) 推荐(0)
vue3基础
摘要：1.组件传值 vue3相比较vue2，默认值是一个函数（输出一个数组） props: { list: { type: Array, default: () => [] } } 2.数据对比 vue2 data（）{ return { } } vue3 setup() { const state = 阅读全文
posted @ 2021-09-13 16:46 青眼魔术 阅读(95) 评论(0) 推荐(0)
表格
摘要：element-ui-plus数据表格 自由控制列数 templat部分 <el-table :data="list" border> <el-table-column :prop="item.data" :label="item.label" align="center" v-for="(item 阅读全文
posted @ 2021-09-13 16:32 青眼魔术 阅读(54) 评论(0) 推荐(0)
摘抄语录
摘要：好钢用在刀刃上，以后我小名就取刀刃，请叫我林刀刃。（怼） 先生不教我，那就是害了我。(调侃) 有朋自远方来，必先苦其心志，劳其体肤，空乏其身，行拂乱其所为，鞭数十，后驱之别院。（接朋友时群里调侃） 我从生下来到现在，从来没求过什么，就求过阴影部分面积。（励志搞笑） 都说早晚会出事，所以我们中午去吧。 阅读全文
posted @ 2021-09-13 11:40 青眼魔术 阅读(49) 评论(0) 推荐(0)
生成随机
摘要：1.随机生成汉字 function getRandomChineseWord() { var _rsl = '' var _randomUniCode = Math.floor(Math.random() * (40870 - 19968) + 19968).toString(16) eval('_ 阅读全文
posted @ 2021-09-11 18:11 青眼魔术 阅读(68) 评论(0) 推荐(0)
进度条
摘要：html <div class="schedule"> <div :style="{ width: num + '%' }"></div> <img :src="img.schedule" /> </div> js // 加工数据 getParam() { //把总数量分成100份，已经使用的数量 阅读全文
posted @ 2021-09-09 14:25 青眼魔术 阅读(66) 评论(0) 推荐(0)
v-if
摘要：1. v-if条件符合显示，不符合隐藏 阅读全文
posted @ 2021-09-09 10:22 青眼魔术 阅读(78) 评论(0) 推荐(0)
地址栏
摘要：1.decodeURI()和encodeURI() window.location.href = "../../views/form/edit.html?AppName=嘻嘻嘻" 但是跳转之后我们用 window.location.search 取出来却成了这样： "?AppName=%E5%98% 阅读全文
posted @ 2021-09-08 10:45 青眼魔术 阅读(585) 评论(0) 推荐(0)
冒泡事件
摘要：1.子div点击触发自己的事件，不触发父div的事件 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <style> .div1{ width: 300px; height: 300px; 阅读全文
posted @ 2021-09-07 17:36 青眼魔术 阅读(56) 评论(0) 推荐(0)
vs code插件
摘要：1.Bracket Pair Colorizer（括号对应更加鲜明） 2.Git History Diff GitLens — Git supercharged （查看git仓库更改记录） 3.vscode-icons (文件图标好看点) 4.background-cover （自定义背景图，扩展先 阅读全文
posted @ 2021-09-07 17:07 青眼魔术 阅读(47) 评论(0) 推荐(0)
弹框组件封装
摘要：封装 <template> <div class="popup-wrapper" v-show="show"> <div class="popup-mask" @click.stop="handleMask"></div> <div class="popup-box"> <div class="po 阅读全文
posted @ 2021-09-03 15:51 青眼魔术 阅读(117) 评论(0) 推荐(0)
git管理
摘要：1.首先确保自己本地拉取的是master分支的仓库（！！！！一定要确保自己拉的是master分支！！！！！） 2.在git仓库master分支下新建一个new分支，最稳就是在仓库网站里面master分支下新建子分支 3.然后编辑器执行pull拉取一下远程的所有分支，git branch查看所有分支 阅读全文
posted @ 2021-09-02 20:06 青眼魔术 阅读(118) 评论(0) 推荐(0)
三元运算符
摘要：四元运算符 :class="a?'class1':(b =='b' ? 'class2' : 'class3' )"　a是true就是class1，false且b==b就是class2，false且b!=b就是class3 if(a==false){ if(b=='b'){ return class 阅读全文
posted @ 2021-09-02 10:15 青眼魔术 阅读(40) 评论(0) 推荐(0)
utils项目规划全局方法（非常通用）
摘要：/*** * 验证是否微信客户端 * @return {boolean} 可能值 true/false * */ export const isWeixin = (function () { const ua = window.navigator.userAgent.toLowerCase(); r 阅读全文
posted @ 2021-09-01 17:33 青眼魔术 阅读(81) 评论(0) 推荐(0)
list组件采矿
摘要：vant-list 1.list加载多次的坑：记住loading的值是true或false，true不加载，false加载，没有数据请求了finished为true onLoad() { if (!this.loading) return; 需要在上拉加载事件这里做一下判断处理就可以 this.pa 阅读全文
posted @ 2021-09-01 17:04 青眼魔术 阅读(124) 评论(0) 推荐(0)
日历组件改造
摘要：vant-calendar 改造日历组件，需求图 @select选择日期触发，@confirm确认按钮触发 <template> <div> <!-- 时间筛选 --> <van-calendar ref="calendar" v-model="dateShow" type="range" @con 阅读全文
posted @ 2021-09-01 17:02 青眼魔术 阅读(776) 评论(0) 推荐(0)
vue组件使用
摘要：子组件 <div @click="tabClick(item, index)" > methods: { //item和index就是传递的参数 tabClick(item, index) { this.currentIndex = index; this.$emit("tabClick", itm 阅读全文
posted @ 2021-09-01 16:57 青眼魔术 阅读(53) 评论(0) 推荐(0)