10 2019 档案
摘要：TypeScript 是微软开发的 JavaScript 的超集，TypeScript兼容JavaScript，可以载入JavaScript代码然后运行。TypeScript与JavaScript相比进步的地方 包括：加入注释，让编译器理解所支持的对象和函数，编译器会移除注释，不会增加开销；增加一个
阅读全文
摘要：wxs weixin script，小程序的脚本语言；可以结合wxml构建页面结构； 说白了 就是在小程序里面写函数表达式的地方； wxml里面直接使用wxs，有错误再次刷新就能解决 <wxs module="info"> var str = '小明'; var fun = function (a,
阅读全文
摘要：和生命周期是同级，在.js文件里面设置 点击按钮分享 喜欢的小伙伴可以关注为的微信公众号“前端伪大叔”
阅读全文
摘要：onLoad -- 页面被加载出来 onShow -- 页面显示出来后 退出后两小时进来，只会执行这个生命周期 onRady -- （逻辑层传给渲染层后才会执行）监听页面初次渲染完成 onHide -- 页面隐藏时候 onUnLoad 页面跳转时候？ 喜欢的小伙伴可以关注我的微信公众号“前段伪大叔”
阅读全文
摘要：定义模板 - > 必须要设置name 引用； 直接把数据传给模板，结构出来；在模板中就可以直接使用{{url}}，而不用使用{{item.url}} // wxml中引用 <import src="/pages/muban/listmuban.wxml"/> <view wx:for="{{data
阅读全文
摘要：通过路由传参的方式，会自动导入到目标页的onload的形参中； 点击页 // 父级循环 事件 点击后传的值event接受 <view wx:for="{{9}}" wx:key="{{index}}" bindtap="shijian" data-index="{{index}}"> <templa
阅读全文
摘要：1、git下载，找到dist文件； 2、把dist文件中的style复制到根目录 app.wxss引入这个文件 @import '/style/weui.wxss'; 3、dist文件中example目录复制到根文件，（里面是设置相关的代码，直接复制出来使用） 4、app.json把需要引用的文件引
阅读全文
摘要：<view bindtap="change" data-index="{{index}}">哈哈</view> change(event){ const dataset = event.target.dataset; const index = dataset.index }
阅读全文
摘要：安装命令 可以直接复制官网的引用，复制到main.js里面；就可以忽略下面所有步骤 找到css文件 index.css 在index.html引入这个文件 \node_modules\element-ui\lib\theme-chalk/index.css文件 把里面的fonts文件也一同引入文件夹
阅读全文
摘要：定义一个ele.js文件 官网：https://element.eleme.io/#/zh-CN/component/quickstart // 方法1 import 'element-ui/lib/theme-chalk/index.css'; import Vue from 'vue'; imp
阅读全文
摘要：设置权限 有权限页面 喜欢的小伙伴可以关注我的微信公众号“前端伪大叔”
阅读全文
摘要：多用月input标签 定义的时候 直接写ref=“id” <el-input placeholder="请输入内容" style="width: 150px" v-model="id" ref="id" > </el-input>name: 调用的时候，this.$refs.id.value; th
阅读全文
摘要：父组件给子组件src地址； 子组件 loading 喜欢的小伙伴可以关注我的微信公众号“前端伪大叔”
阅读全文
摘要：专属生命周期 用于子组件缓存，可以让子组件缓存还是不缓存 网上找的很不错， 1、直接使用 <keep-alive> <component> <!-- 该组件将被缓存！ --> </component> </keep-alive> include - 字符串或正则表达，只有匹配的组件会被缓存 excl
阅读全文
摘要：因为依赖路由的params参数获取写在created生命周期里面，因为相同路由二次甚至多次加载的关系 没有达到监听，退出页面再进入另一个文章页面并不会运行created组件生命周期，导致文章数据还是第一次进入的数据。 解决方法：watch监听路由是否变化。 喜欢的小伙伴可以关注我的微信公众“前端伪大
阅读全文
摘要：先拉出数据显示，每次往下滑动的时候在拉去pagesize+3 喜欢的小伙伴可以关注我的微信公众号“前端伪大叔”
阅读全文
摘要：监听基本类型的都是浅度监听 watch的深度监听,监听复杂类型都是深度监听(funciton ,arrat ,object) // 监听对象 data(){ return { a:{ b:10, c:20 } } }, watch:{ a:{ handler(a,b,c){ console.log(
阅读全文
摘要：router.js main.js中 ok 喜欢的小伙伴可以关注我的微信公众号“前端伪大叔”
阅读全文
摘要：main.js .vue moment时间戳-过滤器 喜欢的小伙伴可以关注我的微信公众号“前端伪大叔”
阅读全文
摘要：v-for和v-if不应该一起使用，必要情况下应该替换成computed属性。原因：v-for比v-if优先，如果每一次都需要遍历整个数组，将会影响速度，尤其是当之需要渲染很小一部分的时候。 错误写法 <li v-for="user in users" v-if="user.isActive" :k
阅读全文
摘要：不同组件之间的路由跳转流程图 导航被触发（A–>B） 调用A组件内路由守卫beforeRouteLeave(to,from,next) 调用全局路由前置守卫router.beforeEach(to,from,next) 调用B路由独享守卫 beforeEnter(to,from.next) 解析异步
阅读全文
摘要：安装 创建router.js 配置main.js 或者 喜欢的小伙伴可以关注我的我微信公众号“前端伪大叔”
阅读全文
摘要：大体思路，一个页面，多个按钮，点击按钮后都跳转到一个路由；通过父亲传的值是什么，来决定跳那个路由；ajax数据也是通过判断来决定拉那个数据 路由； export default { routes: [ { path: '/', name: 'index', component: ()=>import
阅读全文
摘要：1、照片随着大小变化； 这里面重点就是每个包裹盒子是25%，图片是100%显示； <div class="box2"> <p> //这里都是4个； <img src="./wangjunkai.png" alt=""> </p> </div> .box2{ width: 100%; } .box2
阅读全文
摘要：yarn依赖npm，是npm中的一个包 https://www.npmjs.com/package/yarn 1、安装 npm i -g -yarn 2、测试是否安装成功 yarn --vresion 3、安装依赖 如vuecli yarn global add @vue/cli 4、创建项目 前期
阅读全文
摘要：1.安装node.js 下载地址：http://nodejs.cn/download/ 测试是否安装成功 node -V 检测安装包 npm -v 检测npm 2、安装webpack 从webpack 4.X开始，需要全局安装webpack-cli 测试是否安装成功 3、全局安装vue-cli，在c
阅读全文
摘要：基本方法 isArray() 判断数组 isArray() 方法用于判断是否是数组（有兼容性） 语法：Array.isArray(arr) 返回值：是数组，返回true。不是数组，返回false。 toString() 转字符串 toString() 方法可把数组转换为字符串，并返回结果。 语法：a
阅读全文
摘要：监控 c-watch 类名样式c-class 行间样式 c-style 隐藏c-display 定义别名 定义script 循环 c-repeat 双向绑定 c-bind 获取自己的value值 获取值 检查这个字段有没有数据
阅读全文
浙公网安备 33010602011771号