摘要:1.基础知识 <!-- 闭包:可以访问其他作用域变量的函数就是闭包 --> <!-- 局部变量 --> <script type="text/javascript"> var num = 100 function fun() { num ++ console.log('局部变量'+num) } fu 阅读全文
posted @ 2021-05-14 17:22 青眼魔术 阅读(6) 评论(0) 推荐(0) 编辑
摘要:面向对象 <script type="text/javascript"> class game { constructor(name, money){ this.name = name; this.money = money } play(e) { console.log('打开游戏:'+e) } 阅读全文
posted @ 2021-05-10 10:35 青眼魔术 阅读(5) 评论(0) 推荐(0) 编辑
摘要:msak-box蒙版层 拿到图片时 -webkit-mask-box-image:url(http://tools.alio.cc/upload/2021429/bzqi.png); background: 颜色 图片的蒙版层实现颜色变化 阅读全文
posted @ 2021-05-06 15:45 青眼魔术 阅读(4) 评论(0) 推荐(0) 编辑
摘要:记得引入layui依赖 layui-container类名:固定宽度(两侧留白) layui-fluid类名:完整宽度 layui栅格布局的类名 layui-col-md5 layui-col-md5 md中屏幕,sm小屏 <div class="layui-col-md5 "> //行 内容的5/ 阅读全文
posted @ 2021-05-06 10:43 青眼魔术 阅读(3) 评论(0) 推荐(0) 编辑
摘要:Sass 变量 1、变量用于存储一些信息,它可以重复使用。 2、Sass 变量可以存储以下信息: 字符串 数字 颜色值 布尔值 列表 null 值 3、Sass 定义变量使用 $ 符号: $bg-color:#ff6700; 4、使用变量 div{ background-color:$bg-colo 阅读全文
posted @ 2021-04-26 14:11 青眼魔术 阅读(5) 评论(0) 推荐(0) 编辑
摘要:点击时背景色变化多出侧滑线,默认进来就是侧边栏第一个 <template> <ul class="class_left"> <li v-for="(item, index) in labels" :key="index" @click="Tap(index, item)"> <div :class= 阅读全文
posted @ 2021-04-24 15:58 青眼魔术 阅读(14) 评论(0) 推荐(0) 编辑
摘要:点击时字体变红显示下划线 <template> <nav> <div v-for="(item, index) in navData" :key="index" class="nav_list"> <a href="#" :class=" LightIndex == index ? 'nav_ite 阅读全文
posted @ 2021-04-24 15:27 青眼魔术 阅读(6) 评论(0) 推荐(0) 编辑
摘要:if判断不等于(多个)的情况:|| ' ' <script type="text/javascript"> const test1 = 'wowowowowo' if (test1 !==null | test1 !==undefined | test1 !== '') { var test2 = 阅读全文
posted @ 2021-04-23 17:32 青眼魔术 阅读(8) 评论(0) 推荐(0) 编辑
摘要:底部栏数据,写成一个js单独文件 const tabBarList = [ { txt: '首页', iconStyle: `background-image: url(${icon1});`, iconStyle2: `background-image: url(${active1});`, pa 阅读全文
posted @ 2021-04-23 15:38 青眼魔术 阅读(12) 评论(0) 推荐(0) 编辑
摘要:src文件》router文件》index.js import Vue from 'vue' import VueRouter from 'vue-router' // 路由懒加载模式 const Home = () => import(/* webpackChunkName: "home" */ ' 阅读全文
posted @ 2021-04-23 15:23 青眼魔术 阅读(7) 评论(0) 推荐(0) 编辑