05 2018 档案

微信小程序之公共组件写法
摘要：我们要实现如下图功能 小程序一个公共的弹出组件，首先我们创建一个pop文件 然后在生成的pop.json文件中将component定义为true { "component": true } 为pop.wxml添加内容 <!--pages/common/pop/pop.wxml--> <view cl 阅读全文
posted @ 2018-05-31 11:36 前端杂货 阅读(22885) 评论(4) 推荐(2)
分享一个PC端六格密码输入框写法
摘要：如图。我们一般做商城类的项目不免会用到支付密码输入框，我研究了下并决定发上来，也当作是自己成长路上的一点小小的记录。本次介绍的是基于vue的项目 html： css: js: 如有考虑不周的，请指出 阅读全文
posted @ 2018-05-30 15:28 前端杂货 阅读(2761) 评论(2) 推荐(0)
Vue项目中使用vw实现移动端适配
摘要：我们在vue移动端项目中的适配一般都采用rem，但是rem也不是能兼容所有的终端。 随着viewport单位越来越受到众多浏览器的支持，下面将简单介绍怎么实现vw的兼容问题，用vw代替rem 当我们采用vue-cli脚手架搭建完项目，安装所有依赖包之后，用npm run dev启动后，在根目录有一个 阅读全文
posted @ 2018-05-29 18:09 前端杂货 阅读(12758) 评论(6) 推荐(0)
vuex组件 vuex-persistedstate
摘要：vuex用于管理项目中的全局状态，但是我们一刷新vuex中保存的全局状态就会被全部初始化，虽然我们也可以同事缓存到storage中做两步操作，但是vuex-persistedstate组件已经帮我们完成了同步更新 然后用vuex中的plugins属性挂载 import createPersisted 阅读全文
posted @ 2018-05-28 14:26 前端杂货 阅读(5124) 评论(0) 推荐(0)
简易的vuex用法
摘要：vuex是vue中用于管理全局状态的一个组件，用于不同组件之间的通信，下面将介绍它的简单用法 首先安装vue与vuex 然后创建一个单独的文件store.vue用来对vuex的处理和使用 vuex有以下几种选项 state: Vuex store 实例的根 state 对象 mutations: 在 阅读全文
posted @ 2018-05-28 13:17 前端杂货 阅读(1425) 评论(0) 推荐(0)
vue 导出流文件excel
摘要：第一种方法：需要设置响应类型，这里还需要安装 npm install js-file-download --save ,然后引用 var fileDownload = require('js-file-download')，使用详情见github; 如果不添加 responseType: 'arra 阅读全文
posted @ 2018-05-28 12:02 前端杂货 阅读(1175) 评论(1) 推荐(1)
浏览器内多个标签页之间的通信之storage
摘要：在一个标签页里面使用 localStorage.setItem(key,value)添加（修改、删除）内容； 在另一个标签页里面监听 storage 事件。 即可得到 localstorge 存储的值，实现不同标签页之间的通信（不同标签页，但可以为同一页面）。 var addEvent = (fun 阅读全文
posted @ 2018-05-28 11:44 前端杂货 阅读(657) 评论(0) 推荐(0)