红叶都枫了 @163

09 2020 档案

computed计算属性和watch的区别：
摘要：计算 ‘ 单价 x 数量 = 总价 ’ watch：就不写了，没意思 computed： computed:{ allPrice:function(){ return this.price*this.count } } computed:{ allPrice:{ //get只读 get:functi 阅读全文
posted @ 2020-09-27 16:58 红叶都枫了163 阅读(1286) 评论(0) 推荐(0)
修改element，vant,mint等ui框架的样式
摘要：vant和mint移动端常见，引入单独的css文件，在main.js中引入下即可，直接在对应的vue文件的css通过控制台查看中修改也行，再不济加！important element： 1.vue框架的css预处理器可解析的情况下： 给组件父元素添加class名，使三箭头穿透函数>>>修改组件内部需 阅读全文
posted @ 2020-09-23 15:16 红叶都枫了163 阅读(686) 评论(0) 推荐(0)
async 与 promise 的区别
摘要：async函数会引式返回一个promise,而promise的resolve值就是函数return的值 使用async和await明显节约了不少代码，不需要.then,不需要写匿名函数处理promise的resolve的值，不需要定义多余的data变量，还避免了嵌套代码 阅读全文
posted @ 2020-09-14 21:54 红叶都枫了163 阅读(343) 评论(0) 推荐(0)
localstory，sessionstory，vuex，cook
摘要：函数式组件 1.特点 没有this（没有实例） 没有响应式数据 它只是一个接受一些 prop 的函数。 render MVVM分为Model、View、ViewModel三者。 Model：代表数据模型，数据和业务逻辑都在Model层中定义； View：代表UI视图，负责数据的展示； ViewMod 阅读全文
posted @ 2020-09-13 17:09 红叶都枫了163 阅读(1037) 评论(0) 推荐(0)
vue.js+canvas实现随机验证码
摘要：登录注册啥的，不需要下载插件，上图： 代码： <template> <div class="about"> <p>当前验证码：{{codeStr}}</p> <canvas id="canvas" width="100" height="43" @click="createCode"></canva 阅读全文
posted @ 2020-09-10 15:03 红叶都枫了163 阅读(367) 评论(2) 推荐(0)
js实现打字机效果（完整实例）
摘要：在上篇css高斯模糊的效果基础上用js实现一个打字机效果： 上图： 代码： <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>js实现打字机效果（高斯模糊背景）</title> <style> .box{ 阅读全文
posted @ 2020-09-09 11:06 红叶都枫了163 阅读(4301) 评论(0) 推荐(1)
纯css高斯背景模糊（毛玻璃，伪元素，完整实例）
摘要：先上效果图： 写博客不管是做笔记还是干啥，直接上源码不行么，还不放效果图，拆分成几段谁慢慢看，慢慢理解去 自己动手，丰衣足食，上代码： <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>高斯背景模糊效果（ 阅读全文
posted @ 2020-09-08 16:45 红叶都枫了163 阅读(3491) 评论(0) 推荐(0)
vue首次缓存判断
摘要：在向本地缓存存值前，判断localstory是否已经存在某个属性，没有就正常存，有就替换掉 created(){ if(localStorage.getItem("属性名") != null){ console.log('不是第一次') }else{ console.log('第一次写入story' 阅读全文
posted @ 2020-09-01 17:45 红叶都枫了163 阅读(284) 评论(0) 推荐(0)