kirinlau的专栏

好久没来了。架构组本身已经挺多事了，手头上还有个picker的组件没做完善，但是隔壁运营活动组几十个前端忙不过来，产品和场景一口气出了十来个项目，基本都是拉新、节日、社交、小游戏、签到等互动类的活动， 应公司建设需要，领导亲自跟我说不当紧的事可以放一放，去帮同事一把，他跟上面说好了，于是乎我就到了运营活动的小程序组了（运营活动这边分了小程序端和HTML5端），说实话小程序上手虽然快，但是很久没用了，小程序端的那个妹子人也好，让我看几个页面，几个组件，都是比较小的那种，以上为背景有一个连续滚动的的跑马灯组

在vue中，父组件中使用子组件方法的和传递过来的参数时直接只用参数就可以了，如下：// childthis.$emit('change', param)// parent@change='parentHandle(param)'如果我们在使用子组件方法的同时，还想使用自定义参数呢，使用场景比如，在父组件中遍历子组件，想使用每个组件的索引， 这时候就需要修改一下写法：// childthis.$emit('change', param)// parent@change='parentHan

想必大家都遇到了在vue项目中更新了data数据后视图并不会更新的问题。 我遇到这个主要是在一个weex的UI组件库项目中，因为组件库一部分组件是使用vue在weex下实现的，一部分组件是原生实现的，即不需要导入直接传值使用，移动端原生app会自动解析数据渲染，我这里是使用了原生的组件做了一个示例修改了数据后原生组件视图并没有更新，主要功能是根据状态码判断是否显示当前组件，define-view为自定义组件：伪代码如下：<div v-if="chartIsShow" v-if="statusCo

Weex 致力于使开发者能基于通用跨平台的 Web 开发语言和开发经验，来构建 Android、iOS 和 Web 应用。简单来说，在集成了WeexSDK 之后，你可以使用 JavaScript 语言和前端开发经验来开发移动应用。 ------weex 官网众所周知，跨平台开发和一些混合开发都有着诸多的坑，所谓鱼和熊掌不可兼得，weex...

1. 原因js代码是运行在内存中的，代码运行时的所有变量、函数也都是保存在内存中的。　　刷新页面，以前申请的内存被释放，重新加载脚本代码，变量重新赋值，所以这些数据要想存储就必须存储在外部，例如：Local Storage、Session Storage、Index DB等。这些都是浏览器提供的API，让你可以将数据存储在硬盘上，做持久化存储。具体选择哪一个就根据你实际需求来选择。　　二、...

在移动端的web开发中，由于设备的局限性，上拉滚动加载可以带来更好的用户体验，一个列表或者waterfall的lasyload都是基于上拉判断距离后触发事件进行请求加载数据，如何在Vue项目中实现这个功能呢，我们使用了一款vue direvtive指令性的插件vue-infinite-scroll。detail link：https://github.com/ElemeFE/vue-infini...

el-table默认选中项核心伪代码如下：this.$refs.multipleTable.toggleRowSelection(this.tableData[index],true); //row 选中外面套两层for循环，if判断想要选中的某项值和tableData中某对象的某个值相等即可...

项目中需要的日期格式为yyyy-mm-dd，但是我们在使用的element-ui的 日期选择器后默认的时间格式为Fri Sep 07 2018 00:00:00 GMT+0800 (中国标准时间)网上查了一下，大家的方法大概就是在datepicker 标签中添加 change事件，以参数的方式在函数中在赋值即可，长下面这样，试了一下没什么卵用：&lt;el-date-picker ty...

工作中项目使用的是前端的Vue框架，请求用的是自己封装好的axios，api请求均已封装成方法，在页面中使用时直接import 然后写在自己的自定义触发方法中即可。 然而遇到一个棘手的问题就是有一个超级大的表单无论怎么调都是错误，服务端不能接受到参数，然后试着换成原生的页面请求后，服务端可以收到请求和参数，但是没有设置请求头token以至于服务端不认数据，所以在main.js中设置了axios的一...

vue项目打包后在production模式下提示图片 ‘404（not found），在dev环境下好好的，打包了就提示这个错误。这是为什么呢，以前第一次使用vue-cli构建项目的的时候只有两个图片文件，当时部署后报错路径问题， 当时的想法就是简单粗暴，直接在build好的文件修改了文件路径，再后来项目中遇到了一大堆静态资源，修改路径显然是不行的，看了一下生成文件大概知道是文件目录改变了，所以引...

vue中axios不支持vue.use()方式声明使用。 所以有两种方法可以解决这点：第一种： 在main.js中引入axios，然后将其设置为vue原型链上的属性，这样在组件中就可以直接 this.axios使用了import axios from 'axios';Vue.prototype.axios=axios;components：this.axios({ url:"a

什么是Vuex？vuex是一个专门为vue.js设计的集中式状态管理架构。状态？我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。 引入Vuex（前提是已经用Vue脚手架工具构建好项目）1、利用npm包管理工具，进行安装 vuex。在控制命令行中输入下边的命令就可以了。npm install vuex --save要注意的是这里一

由于 JavaScript 的限制，Vue 不能检测以下变动的数组： 当利用索引直接设置数组的某一项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length = newLength，不会更新数组。 当然vue中给了解决方法，就是使用 Vue.set, vm.$set(Vue.set的变种写法)或者 splice，ca

Vue.js是一套构建用户界面的渐进式框架，小巧、灵活、简洁。 下面介绍一下Vue.js父子组件和非父子组件间的传值通信的几种常见方法。父组件向子组件传值： parent：<parent> <child :message="msg"></child></parent>data(){ return { msg: "this is parent message"

简单粗暴，先上图，大概长这样：在使用vue时有遇到像上图下拉框change事件切换div，change切完后大概会变成这个样子：上代码：<div class="test"> <p class="title"> <select v-model="selected" v-on:change="change"> <option v-for="option in