发布于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...
  • 141
阅读全文
发布于2020/04/17 16:04
Vuex从入门到实战(一) 目标: 能够说出vuex使用的基本步骤 能够说出vuex的核心概念 能够基于vuex实现业务 1.vuex概述 1.1vuex是什么? vuex是实现组件全局状态(数据)管理的一种机指,可以方便的实现组件之间得数据共享。 不使用vuex的数据传递方式和使用vuex的数据传递方式对比图:   [图片]   可见,频繁的大范围的数据共享,使用vuex是非...
  • 145
阅读全文
发布于2020/04/11 21:54
JsBarcode条形码组件封装 负责的项目中有需要生成条形码的需求,并且在多个页面都有使用,所以将这个功能封装成了组件,方便使用。 第一步:在项目中安装JsBarcode库 我们在项目路径下安装JsBarcode库,安装完成后我们可以在node_modules目录下找到它。   npm install JsBarcode --save   第二步:封装组件 话不多说,直接上代码,这个组件可以在...
  • 158
阅读全文
发布于2020/03/28 18:33
模仿element-ui封装vue组件库(六) 十二、封装成ui组件库 我们在前面已经将组件全部封装完毕了,现在我们要将组件打包成组件库,上传到github上。由于是模仿element-ui进行的组件封装,所以在发布时也是用element-ui的打包结构。 12.1目录调整 我们新建一个vue项目,并且在根目录创建两个文件夹就packages和examples。 packages:用于存放所有的组件 examples:用于进行测试...
  • 203
阅读全文
发布于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">...
  • 128
阅读全文
发布于2020/03/27 18:44
模仿element-ui封装vue组件库(四) 七、封装一个element-ui风格的radio组件 前置知识点: radio的基本使用 参数支持: 参数名称 参数描述 参数类型 默认值 v-model 双向绑定 布尔类型 false label 单选框和value值 string,num,Boolean '...
  • 129
阅读全文
发布于2020/03/27 16:22
模仿element-ui封装vue组件库(三) 五、封装一个element-ui风格的input组件 参数支持: 参数名称 参数描述 参数类型 默认值 placeholder 占位符 string 无 type 文本框类型(text/password) string text disabled 禁用 ...
  • 134
阅读全文
发布于2020/03/26 22:00
模仿element-ui封装vue组件库(二) 四、封装一个element-ui风格的dialog组件 前置知识: vue过渡动画 sync修饰符 具名插槽与v-slot指令 参数支持: 参数名 参数描述 参数类型 默认值 title 对话框标题 string 提示 width 宽度 string ...
  • 134
阅读全文
发布于2020/03/26 21:25
模仿element-ui封装vue组件库(一) 实例内容 封装常见的功能组件(Button,Modal,Form相关),封装完成后封装成UI组件库发布到NPM上。 涉及知识点 vue基础语法 组件基本语法 字键通讯(sync,provide,inject) 插槽使用 prop校验 过渡与动画处理 计算属性与监听属性 v-model语法糖 vue插件机制 npm发布 实例目的 掌握组件封装的语法和技巧 学会...
  • 172
阅读全文
发布于2020/02/26 20:57
ios设备微信公众号网页二次分享问题总结        在之前的分销商城项目中,用到了微信分享的功能,在ios设备中出现了二次分享失败的问题。        所谓二次分享,就是A用户在公众号页面中分享一次后,B用户通过分享链接进入网页,再次分享。在安卓设备中,不存在二次分享失败的情况,这种情况目前只发现出现在ios设备中。     &n...
  • 177
阅读全文
发布于2020/02/06 21:29
YS分销商城项目(前端)总结        YS分销商城是一款基于微信公众号的商城系统,其中后台的分销功能比较复杂,而移动端与后台管理在逻辑上则比较简单,但是本次开发用到了一些新的UI和技术,也出现了一些问题,所以在这里认真总结。 一、YS分销商城项目使用到的技术         前端的管理系统与移动端都使用了vue-element-admin...
  • 274
阅读全文
发布于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两个原生的方法,就可以直接加密和解密。
  • 211
阅读全文
发布于2019/11/27 20:49
vue组件传值总结 概述 vue作为现在前端使用的主流框架之一,组件一直是vue的核心部分。起初,我在学习vue的过程中接触到了组件之间传值的功能,但是由于在工作中使用较少,对于这一部分没有深入的认识,导致在开发过程中遇到了一些问题,通过进一步的学习,我了解到了vue组件传值的方式以及存在两类不同的组件传值方式:同级组件之间的传值、父子组件之间的传值。 同级组件之间的传值 由于vue框架本身不支持同级之间组件的...
  • 302
阅读全文
发布于2019/09/07 18:22
微信分享功能总结 概述 微信JS-SDK始股微信公众平台面向网页开发者提供的基于微信内的网页开发工具包,通过这个工具包,可以定制微信分享功能的内容。 JS-SDK使用步骤 步骤一:绑定域名 先登录微信公众平台进入“公众号设置”的“功能设置“里填写”JS接口安全域名“。 备注:登录后可在”开发者中心“查看对应的接...
  • 417
阅读全文