发布于2020/04/17 16:25
Vuex从入门到实战（二）
4.基于vuex的案例——todos任务记录工具
4.1我们重新初始化一个vue-cli项目，配置时别忘了选中Vuex配置。
4.2我们还要安装几个依赖：axios和ant-design-vue（ant-designUI组件库，也可以不使用或者使用其他擅长的组件库）
npm install axios ant-design-vue -S
4.3在m...
- 2864
发布于2020/04/17 16:04
Vuex从入门到实战（一）
目标：
能够说出vuex使用的基本步骤
能够说出vuex的核心概念
能够基于vuex实现业务
1.vuex概述
1.1vuex是什么？
vuex是实现组件全局状态（数据）管理的一种机指，可以方便的实现组件之间得数据共享。
不使用vuex的数据传递方式和使用vuex的数据传递方式对比图：
[图片]
可见，频繁的大范围的数据共享，使用vuex是非...
- 2758
发布于2020/04/11 21:54
JsBarcode条形码组件封装
负责的项目中有需要生成条形码的需求，并且在多个页面都有使用，所以将这个功能封装成了组件，方便使用。
第一步：在项目中安装JsBarcode库
我们在项目路径下安装JsBarcode库，安装完成后我们可以在node_modules目录下找到它。
npm install JsBarcode --save
第二步：封装组件
话不多说，直接上代码，这个组件可以在...
- 2712
发布于2020/03/28 18:33
模仿element-ui封装vue组件库（六）
十二、封装成ui组件库
我们在前面已经将组件全部封装完毕了，现在我们要将组件打包成组件库，上传到github上。由于是模仿element-ui进行的组件封装，所以在发布时也是用element-ui的打包结构。
12.1目录调整
我们新建一个vue项目，并且在根目录创建两个文件夹就packages和examples。
packages：用于存放所有的组件
examples：用于进行测试...
- 3143
发布于2020/03/27 18:49
模仿element-ui封装vue组件库（五）
因为接下来封装的几个组件比较简单，通过之前类比即可，这里不多做介绍了。
九、封装一个element-ui风格的checkbox组件
<template>
<label class="one-checkbox" :class="{' is-checked':isChecked}">
<span class="one-checkbox_input">...
- 2694
发布于2020/03/27 18:44
模仿element-ui封装vue组件库（四）
七、封装一个element-ui风格的radio组件
前置知识点：
radio的基本使用
参数支持：
参数名称
参数描述
参数类型
默认值
v-model
双向绑定
布尔类型
false
label
单选框和value值
string，num，Boolean
'...
- 2536
发布于2020/03/27 16:22
模仿element-ui封装vue组件库（三）
五、封装一个element-ui风格的input组件
参数支持：
参数名称
参数描述
参数类型
默认值
placeholder
占位符
string
无
type
文本框类型（text/password）
string
text
disabled
禁用
...
- 2675
发布于2020/03/26 22:00
模仿element-ui封装vue组件库（二）
四、封装一个element-ui风格的dialog组件
前置知识：
vue过渡动画
sync修饰符
具名插槽与v-slot指令
参数支持：
参数名
参数描述
参数类型
默认值
title
对话框标题
string
提示
width
宽度
string
...
- 2650
发布于2020/03/26 21:25
模仿element-ui封装vue组件库（一）
实例内容
封装常见的功能组件（Button，Modal，Form相关），封装完成后封装成UI组件库发布到NPM上。
涉及知识点
vue基础语法
组件基本语法
字键通讯（sync，provide，inject）
插槽使用
prop校验
过渡与动画处理
计算属性与监听属性
v-model语法糖
vue插件机制
npm发布
实例目的
掌握组件封装的语法和技巧
学会...
- 2788
发布于2020/02/26 20:57
ios设备微信公众号网页二次分享问题总结
在之前的分销商城项目中，用到了微信分享的功能，在ios设备中出现了二次分享失败的问题。
所谓二次分享，就是A用户在公众号页面中分享一次后，B用户通过分享链接进入网页，再次分享。在安卓设备中，不存在二次分享失败的情况，这种情况目前只发现出现在ios设备中。
&n...
- 2307
发布于2020/02/06 21:29
YS分销商城项目（前端）总结
YS分销商城是一款基于微信公众号的商城系统，其中后台的分销功能比较复杂，而移动端与后台管理在逻辑上则比较简单，但是本次开发用到了一些新的UI和技术，也出现了一些问题，所以在这里认真总结。
一、YS分销商城项目使用到的技术
前端的管理系统与移动端都使用了vue-element-admin...
- 2705
发布于2020/01/22 18:56
js原生base64位加密方法
js的base64位加密方法一百度的话有很多种，大多数是封装成库的base64加密方法。其实，js已经提供了原生的base64位的加密以及解密方法，非常简单。
let name = "weizhuren"
window.btoa(name)//base64编码
window.atob(name)//base64解码
只需要通过btoa和atob两个原生的方法，就可以直接加密和解密。
- 2607
发布于2019/11/27 20:49
vue组件传值总结
概述
vue作为现在前端使用的主流框架之一，组件一直是vue的核心部分。起初，我在学习vue的过程中接触到了组件之间传值的功能，但是由于在工作中使用较少，对于这一部分没有深入的认识，导致在开发过程中遇到了一些问题，通过进一步的学习，我了解到了vue组件传值的方式以及存在两类不同的组件传值方式：同级组件之间的传值、父子组件之间的传值。
同级组件之间的传值
由于vue框架本身不支持同级之间组件的...
- 2738