2020年11月24日
vuex的存值和取值的操作
摘要： // 使用辅助函数前必须导入import { mapState , mapGetters, mapMutations, mapActions } from 'vuex'; (1) vuex 中 state 定义的数据 state: { msg: 'vuex中的数据' } 使用方法： 在组件(comp 阅读全文
posted @ 2020-11-24 20:45 Amerys 阅读(3771) 评论(0) 推荐(1)
vuex中store存储store.commit和store.dispatch的区别及用法
摘要： 代码演示： 首先，我们假设state有以下数据 //类似组件data, 定义组件公共数据 state: { book: 'jQuery', }, 然后我们要在组价中修改book, 现在mutations中定义修改的方法 //类似组件methods, 定义修改state的方法 mutations: { 阅读全文
posted @ 2020-11-24 20:10 Amerys 阅读(4378) 评论(0) 推荐(1)
2020年11月19日
APICloud 如何把项目打包成app
摘要： 最近学习Vue的过程中，项目完成后打包成一个app，就此记录一下学习过程。 本例使用的是Vue项目 准备工作 1.打包前的工作： vue-cli4 打包 1、删除路由的hisotry模式 2、保证vue项目没有任何vue抛出的警告或者错误 3、去除所有console.log()语句 （全局搜索用正则 阅读全文
posted @ 2020-11-19 20:36 Amerys 阅读(1866) 评论(0) 推荐(0)
2020年11月17日
辅助函数mapMutations详细解析
摘要： mapMutations是vuex的mutation的辅助函数，用于在组件中映射mutation内的方法，以便在该组件中直接使用mutation里的方法 (说白了，就是一语法糖) 1.在组件中导入vuex中的mapMutations: import { mapMutations } from 'vu 阅读全文
posted @ 2020-11-17 17:15 Amerys 阅读(264) 评论(0) 推荐(0)
2020年9月29日
快速排序的思想？并实现一个快排？
摘要： “快速排序”的思想很简单，整个排序过程只需要三步： （1）在数据集之中，找一个基准点 （2）建立两个数组，分别存储左边和右边的数组 （3）利用递归进行下次比较 1 <script type="text/javascript"> 2 3 function quickSort(arr){ 4 if(ar 阅读全文
posted @ 2020-09-29 09:58 Amerys 阅读(175) 评论(0) 推荐(0)
2020年9月12日
CSS3 吃豆豆
摘要： 实现代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0" 阅读全文
posted @ 2020-09-12 15:25 Amerys 阅读(135) 评论(0) 推荐(0)
Promise封装Ajax
摘要： 封装ajax (原生Ajax) 1、Promise写法 1 let httpGet = function(url) { 2 // return 一个Promise对象 3 return new Promise((resolve, reject) => { 4 let xmlhttp; 5 // 兼容 阅读全文
posted @ 2020-09-12 15:01 Amerys 阅读(128) 评论(0) 推荐(0)
利用ES6的class类继承实现绚丽小球效果
摘要： 绚丽小球 本效果采用Canvas画布绘制，再利用class继承实现，实现的效果鼠标在指定Canvas位置移动，会在当前鼠标的位置产生随机颜色的小球，之后小球会慢慢消失，话不多说，直接上代码。 html代码结构： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head 阅读全文
posted @ 2020-09-12 14:32 Amerys 阅读(229) 评论(0) 推荐(0)
2020年9月9日
Vue的反向传值 ($emit事件)
摘要： 首先介绍一下什么叫单项数据流？ 我们都知道在Vue中组件之间是单项数据流的，规定子组件不可以直接访问父组件的数据，只能通过props属性让父组件把数据传递给子组件。并且子组件不可以直接修改父组件传递给子组件的数据。（props是只读的） 有了大概了解之后直接上代码看看怎么使用。 1 <div id= 阅读全文
posted @ 2020-09-09 19:52 Amerys 阅读(1204) 评论(0) 推荐(0)
2020年8月20日
jQuery实现回到顶部效果
摘要： 常见的返回顶部大多数都是通过用js 或者 jq写出来的，但也有少部分直接用的 HTML 锚点实现的，返回顶部这个特效用锚点带来的用户体验不是很好。没有那种缓冲效果(一闪而过的效果)。所以得用到脚本，接下来用 jQuery 写一个简单常用的返回顶部的效果。 效果如图： 默认效果： 出现按钮： 接下来点 阅读全文
posted @ 2020-08-20 20:01 Amerys 阅读(248) 评论(0) 推荐(0)