03 2020 档案
摘要：使用一句三元表达式， <router-link class="flex-left left" tag="div" :to="loginState?'/loginOut':''"> loginState相当于登录状态的flag，可以从localstrage中获取判断token来判断登录状态 <img
阅读全文
摘要：将这个包组件写的看鞥不能摄像头，不行就换成浏览器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, ini
阅读全文
摘要：方法一： <input type="file" accept="image/*" capture="camera" > 方法二： 使用vant组件 1.下载，安装，配置main.js 2.<van-uploader :after-read="afterRead" accept='image/*' c
阅读全文
摘要：上代码： create：function(){ this.initWebpack() } methods：{ initWebpack(){//初始化websocket let user = JSON.parse(localStorage.getItem('user')) let userId = u
阅读全文
摘要：这个笔记得做好。 1.vue页面的点击事件 import {login,loginy,wxLog,wxLogin,logout} from '../network/login' wxloginBtn() { let _this = this wxLog() //调取微信登录页面的js方法 this.
阅读全文
摘要：localStorage拓展了cookie的4K限制，与sessionStorage的唯一一点区别就是localStorage属于永久性存储，而sessionStorage属于当会话结束的时候，sessionStorage中的键值对会被清空。 1.存储 window.localStorage.set
阅读全文
摘要：一.父传子 1.在父组件引入的子组件标签内给需要传递的值自定义名称 <AlertSzs :abc='gameType'></AlertSzs> 2.在子组件内用props接收这个自定义名称 data(){}, props:['abc'], 二.子传父 1.在子组件内申明这个值，相当于中转站 this
阅读全文
摘要：1.安装axios，网上找方法 2.src->network->request.js并复制： import axios from 'axios' export function request(config) { const instance = axios.create({ baseURL: "h
阅读全文
摘要：1.css文件夹下新建global.css文件并粘贴复制： :root{ --bgColor : #d3252a; --pinkColor : #ff4e81; --textColor : #d3252a; --selectdBg:#823d3e; --textHuge : 38%; --textS
阅读全文
摘要：1.项目下建文件夹commonFunction->random.js 这个js文件内复制代码： export default{ randomPercentage:function(a,b){ // 将真正的求随机数方法randomPercentage()通过export default暴露出去 sw
阅读全文
摘要：网上抄的做笔记： 1.项目下建文件夹commonFunction->physicBackListener.js 2.这个js文件内复制代码： document.addEventListener('plusready', function () { var webview = plus.webview
阅读全文
摘要：一个棘手的问题，在网上找几乎没有出现这样的案例，个别也只有翻译没有解决方式，，，，，自己研究一番发现这实际上都不算是个问题 这句话翻译：这个位置应该是个对象而不是数组，解决方法： 在manifest.json文件中找到7行15列，将： "icons" :[{ "src" : "./img/icons
阅读全文
摘要：这里做一点对h5开发，原生开发，混合开发的笔记，记一点更新一点： 一.h5开发：html，css和js编写页面和业务逻辑。 1..页面栈上，h5通过history来管理回退或者前进。vue通过配置路由，设置路由跳转，query穿参，或者params，传参使用 this.$router.push({p
阅读全文
摘要：有事没事搞个图： demo： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0 max
阅读全文
摘要：先上gif：这里演示顺序是1232121 1.router.js中配置入口路由 { path: '/', redirect: '/index' } 2.main.js中new vue()之上： window.addEventListener('popstate',function(e){ route
阅读全文
摘要：上gif： 1.开局提示动画 2.游戏中状态提示 3.开挂模式提示 4.计时器 5.游戏模式扫雷成功，蓝色进度条表示当次扫雷的完成度 6.若当次时间小于最佳记录，则更新最佳记录，如果最佳记录小于设置的某个值，解锁对应彩蛋 7.开挂模式全部扫雷成功不会记录到最佳时间
阅读全文
摘要：在面试的时候，一道vue基础到不能再基础的面试题叫做v-if与v-show的区别，当然答案网上一搜一大堆，基本两句话就能说明： 1.相同点：都是根据指令是否渲染该组件 2.不同点：v-if仅重新渲染当次，v-show相当于元素的display属性，只是样式上的显示或者隐藏。 这导致了它们的使用场景（
阅读全文
摘要：1.新建一个address.js的文件 2.文件内const citys = { "北京市": ["东城区","西城区","崇文区","宣武区","朝阳区","海淀区","丰台区","石景山区","房山区","通州区","顺义区","门头沟区","昌平区","大兴区",
阅读全文
摘要：export default { watch:{ showArea(val,_val){ console.log('showArea的新值'+val+'showArea的旧值'+_val) } }, }
阅读全文
摘要：组件库太香了，人家nb，自己写的都是** 效果： 1.安装vant库以及main.js的配置 2.一般结合van-popup组件 </template> <van-popup v-model="showArea" position="bottom" :style="{ height: '39%' }
阅读全文
浙公网安备 33010602011771号