摘要: 父级组件 子级组件 总结: 最重要的展现是: 在子组件当中,有一条<slot :item="item">{{item}}</slot>,它的作用有2条: 1>把从父组件通过props传到子组件的值传到了父组件的 就会把相对应的新样式结构加入到原来的组件之中,非常的方便与灵活 阅读全文
posted @ 2019-06-10 17:55 影思密达ing 阅读(1154) 评论(0) 推荐(0) 编辑
摘要: 钩子函数实现过渡,要求每次点击按钮只能从右边100px往左边滑动, .show{ transition: all 0.4s ease } js <div id="example-3"> <button @click="show = !show">Toggle render</button> <tra 阅读全文
posted @ 2019-06-10 13:46 影思密达ing 阅读(207) 评论(0) 推荐(0) 编辑
摘要: vue系统指令之v-text,v-html,v-cloak的作用已经用法区别<body><div id="app">{{ name = 'wo'?'true':'false'}}{{if1(name)}}<div v-text="name"></div></div></body><script sr 阅读全文
posted @ 2019-06-10 13:46 影思密达ing 阅读(130) 评论(0) 推荐(0) 编辑
摘要: {avg1: 21, avg2: 95.2719, avg3: 0, avg4: 0, college: "经济与管理学院",},{avg1: 28, avg2: 91.2719, avg3: 0, avg4: 0, college: "经济与管理学院",},{avg1: 1, avg2: 97.2 阅读全文
posted @ 2019-06-10 13:45 影思密达ing 阅读(1506) 评论(0) 推荐(0) 编辑
摘要: document.oncontextmenu = function () { return false; };document.onkeydown = function () {if (window.event && window.event.keyCode == 123) {event.keyCo 阅读全文
posted @ 2019-06-10 13:44 影思密达ing 阅读(247) 评论(0) 推荐(0) 编辑
摘要: 描述:tab导航切换,点击一次B为a->b状态下,在这状态再点击一次b,tab b则会出现下拉导航,再点则会收上去动画逻辑分析先定义全局状态var djcs = 0;djcs这里代表的是tab前面的向下箭头img的状态tab选项卡不分析,if (e.currentTarget.id == 0){e. 阅读全文
posted @ 2019-06-10 13:43 影思密达ing 阅读(373) 评论(0) 推荐(0) 编辑
摘要: 如,同域下的a.html->3.htmla.html<iframe id="son" name="son" width="100%" height="100%"></iframe>$("#son").attr("src","3.html?longitude="+longitude+"&latitud 阅读全文
posted @ 2019-06-10 13:43 影思密达ing 阅读(170) 评论(0) 推荐(0) 编辑
摘要: state为访问状态对象Mutation为触发状态各人理解,这里做的是一些全局改变样式这种类似的操作通过vue入口文件main.js里面开始main.jsimport store from './store/index'new Vue({el: '#app',router,store,render: 阅读全文
posted @ 2019-06-10 13:41 影思密达ing 阅读(301) 评论(0) 推荐(0) 编辑
摘要: 所有的结构都参考上一弹Vuex 允许我们在 store 中定义“getter”(可以认为是 store 的计算属性)。index.js//vue 2.0官方建议在computed里面的不使用箭头函数,因为箭头函数的this 指向上一层,而function的this指向本层const getters= 阅读全文
posted @ 2019-06-10 13:40 影思密达ing 阅读(126) 评论(0) 推荐(0) 编辑
摘要: index.js首先在store里面有两种写法乍一眼看上去感觉多此一举,我们直接分发 mutation 岂不更方便?实际上并非如此,还记得 mutation 必须同步执行这个限制么?Action 就不受约束!我们可以在 action 内部执行异步操作: const actions={ //conte 阅读全文
posted @ 2019-06-10 13:40 影思密达ing 阅读(132) 评论(0) 推荐(0) 编辑
摘要: 模块化,只针对于超大型项目index.jsimport Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const state = {count:44}const mutations ={jia(state,n){state.count+=n 阅读全文
posted @ 2019-06-10 13:39 影思密达ing 阅读(174) 评论(0) 推荐(0) 编辑
摘要: VUE的两种跳转push和replace对比区别 https://www.jianshu.com/p/b3f4c1b3aab2 先来路由的3种写法 第二种是路由懒加载的写法还有一点:是我遇到的如果你遇到了就看下——就是用了懒加载后打完包直接运行那个index.html会报错,报文件引用错误其实是打包 阅读全文
posted @ 2019-06-10 13:38 影思密达ing 阅读(182) 评论(0) 推荐(0) 编辑
摘要: router.js需要注意的是components而不是component{path: '3',components:{default:te3,left: te3,right: te3}}index.vue 在浏览器上面展现的则是这3个路由视图的同时加载 404页面的加载router.js inde 阅读全文
posted @ 2019-06-10 13:37 影思密达ing 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 路由过渡其实连接着vue过渡https://cn.vuejs.org/v2/guide/transitions.html#概述路由就是基础路由,跳转页面的路右视图得加: <transition name="fade" mode="out-in"> <router-view></router-view 阅读全文
posted @ 2019-06-10 13:36 影思密达ing 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 不定时更新1:掘金https://juejin.im/post/5bbc1b0c6fb9a05cf230140c2:js sort排序详解https://www.cnblogs.com/saifei/p/9043821.html3:小程序与vue的语法区别https://www.jianshu.co 阅读全文
posted @ 2019-06-10 13:35 影思密达ing 阅读(78) 评论(0) 推荐(0) 编辑
摘要: 1.TypeScript 学习资源合集https://juejin.im/entry/5b9e4a135188255c3a2d36952,妈妈再也不用担心我不会webpack了https://juejin.im/post/5a068c2b5188255851322b8c 阅读全文
posted @ 2019-06-10 13:34 影思密达ing 阅读(100) 评论(0) 推荐(0) 编辑
摘要: 1,掘金https://juejin.im/post/5bb470295188255c5e66f88f https://juejin.im/post/5b98bf7be51d450e7e5133f2 阅读全文
posted @ 2019-06-10 13:34 影思密达ing 阅读(100) 评论(0) 推荐(0) 编辑
摘要: 1.后端筛选查数据,前端js排序实现tab1级,2级选项卡切换底下内容为1面列表,二面折线图js实现前端排序,这里1面2面的数据结构一样目录为数据中心端-pages/dataStatistics/sort/index 2.text内容收起功能,每行前两个字有后端分段分内容pages/activity 阅读全文
posted @ 2019-06-10 13:32 影思密达ing 阅读(148) 评论(0) 推荐(0) 编辑
摘要: 不定期更新,动画这里用得越来越少,为遗忘得知识点补课11-6>过渡旋转 这里最需要注意得一点就是过渡得旋转效果,rotate(angle):围绕元素中心顺时针旋转。用负值则逆时针旋转。关键在于180°是正值还是负值 参考http://www.hangge.com/blog/cache/detail_ 阅读全文
posted @ 2019-06-10 13:32 影思密达ing 阅读(106) 评论(0) 推荐(0) 编辑
摘要: creat<view bindtap="selectLocation" class='add-cont'><view class='add-list'><view class='add-list-left'>打卡地点</view><view class='add-list-right'>{{loca 阅读全文
posted @ 2019-06-10 13:31 影思密达ing 阅读(448) 评论(0) 推荐(0) 编辑