我的博客

show控制显示隐藏，name表示样式，show这个字段改变就会触发observeShow()方法，是不是很眼熟，没错就是上篇文章截过图的。这次讲里面逻辑的动画。通过name，获得属于这一类的样式，并且赋值到classes,几秒后又赋值classes。show为true时，进行触发了enter()方法，false触发leave()方法。这个动画好像基本就是通过类名控制的，还有style来控制显示隐藏。这是组件的js,很明显，就是引入的那个文件在起作用。这是动画组件的页面结构，嗯，和popup组件很像。

今天在工作中，正常的合并其他同事的分支，这个时候，我突然 发现push不上去了，然后发现有人push到发版分支了。可是，他push上去了，我push不上，此时我这边已经拉取了其他人的分支，难道我pull的时候，我合并其他人的代码被覆盖了？我问了下当事同事，他是直接拉取了发版分支，然后再发版分支上改的，并且push了。正常来说，直接拉取发版分支，在这个分支上改，push的时候，如果线上分支更新的话，是push不上的。过了一天发现：我合并其他同事的操作记录更改的代码，奇迹般的回到了没有合并之前的代码。

这个功能，自己也手写过，毕竟有很多弹窗的嘛。我自己写就是：一个背景层，然后一个盒子里面放内容。再写个显示隐藏事件。够够的了。

先说下自己的开发思路，然后在对照下vant组件的思路，来查找下自己的不足。这个步进器有加和减的功能，还有输入的功能，限制最小和最大的功能。

这个组件的写法有点像Tab标签页。都是一个组件，分成了2个内外，外层一个框，内层写内容，然后和微信文档的知识关联。这个组件，我们也经常用到，因为我自己也写过。现在来看看vant的写法。这样父子组件的数据都互通了。子组件传到父组件的方法。

这个标签栏，属于一个很常见的组件，一般我不用这个组件，自己手写一个scroll-view以及样式，更加轻便。但是我写的最简单的标签页没有滚动效果，以及选中标签动画效果。因此根据标签栏滚动学习下，并且自己手写一个标签栏。这些是所涉及到的文件以及代码这是滚动需要的页面元素和样式其中可以出现点击滚动效果的是因为有scroll-x，scroll-with-animation，scroll-left这个三个属性。然后通过点击标签进行调用计算scroll-left的方法，这样就可以进行滚动。

想每天做点新东西，因此有此记录这是进入的第一个页面，里面有引入list，page。

git常用工作场景以及git简单合并原理

pc渲染小程序

组件方法调用

数，二维码带参数有什么限制。1.微信小程序的整个开发流程，小程序不通过审核遇到过哪些情况。堆,如果存储在栈中，将会影响程序运行的性能；2.组件的生命周期，页面生命周期的调用顺序是什么。栈中存储了指针，该指针指向堆中该实体的起始地址。7.严格运行模式,使用它的区别是什么？8.小程序分享到朋友圈，有哪些注意事项。3.小程序传递对象的方法有哪些。

1.函数形参可以使用默认值，可以为函数,在没有给定值的情况下，执行函数function fun(val, olaVal= fun1()) { alert( val+ ": " + olaVal);}1.空值的 return 或没有 return 的函数返回值为 undefined2.空值的 return 和 return undefinedfunction doNothing() { /* 没有代码 */ }alert( doNothing() === undefined );

1.变量的命名1.有含义的单词；不要使用data和value这种不清楚含义的单词2.常量的命名：如果是大写代表值被写入代码时，我们就知道值是什么了；如果是小写代表刚开始不清除值。2.数据类型null:一个代表‘无’的特殊值undefined：未被赋值typeof :null=>object ; alert =>function,历史遗留问题 、3.数值转换Number(undefined)=>NaN直观上为空的值将变成false4.基础运算符求幂：23

后台管理有不同角色，那么就有不同的权限登录拦截，判断是否登录router.beforeEach((to, from, next) => { if (to.path === "/login") { next(); } else { const token = sessionStorage.getItem("token"); if (!token) { next("/login"); } else { next(); } }

微信支付微信，调用后台接口，然后返回链接地址，然后生成二维码 fun(params).then(res => { if (res.code == 200) { _this.weixin_code = res.data.url; _this.$nextTick(() => { _this.qrcode(); });

后台管理系统中，图表是一个很平常的功能，我也就做个总结echarts.js 文档说下常用的属性color 默认色板tooltip 提示框tooltip的属性trigger: ‘item’, // 触发类型，可选为：‘item’ ¦ ‘axis’legend 图例grid直角坐标系内绘图网格xAxis X轴yAxis Y轴textStyle 图例的公用文本样式。series 每个系列通过 type 决定自己的图表类型itemSty

后台管理系统肯定会涉及文件的导入和导出，因此根据我的了解做个总结。1.导入我这里举例是xls、xlsx涉及的组件是el-upload

我大概应该处于会用的状态，也就说一说怎么使用1.父传子First.vue<template> <div class="first"> <el-tabs @tab-click="handleClick"> <el-tab-pane :label="item" v-for="item in labelList" :key="item"> <!--父传子--> <containTab :ms

vuex是在中大型项目中必不可少的状态管理组件，刷新会重新更新状态，但是有时候我们并不希望如此。例如全局相关的，如登录状态、token、以及一些不常更新的状态等，yarn add vuex-persistedstate --savestore.jsimport Vue from "vue";import Vuex from "vuex";import persistedstate from "vuex-persistedstate";Vue.use(Vuex);export defaul

1.el-main的标签页，和左侧菜单进行联动动态增减标签页静态初始页面 <el-main> <el-tabs v-model="activeTab" type="card" @tab-click="tabClick" @tab-remove="tabRemove" > <el-tab-pane :closab