- 博客(8)
- 收藏
- 关注
RSS订阅原创 移动端H5上传图片裁剪
1、在项目中，我们会遇到上传图片时，需要添加裁剪2、我们需要先安装vue-cropper插件3、这里把它封装成公共组件，因为其他页面有时也会使用到4、组件内使用5、上述引入的exif-js，是为了解决图片旋转问题，使用时也需要先安装一下npm install --save exif-js6、在页面中使用7、在data里可以这样写8、在methods方法里可以这样写9、接下来在样式里可以这样写10、这样就基本完成了图片的裁剪，下面是效果图展示如果有
2021-08-10 10:44:31
2683
5
原创 keep-alive通过include实现组件缓存
使用keep-alive来解决页面缓存问题如从首页→展示列表数据的组件→展示列表详情的组件，当我们从展示列表详情的组件即详情页面返回到展示列表的组件即列表页面时，我们不希望页面重新进行加载，这样可以减少服务器请求的次数，并且可以保留上次浏览列表数据滚动条的滚动位置，可以使用户可以快速看到自己刚刚浏览过的数据。这时我们就需要用到 Vue 的keep-alive来解决此类问题，首先我们需要简单的了解一下keep-alive，在vue的2.1.0 版本中，它提供了include和exclude 来允许组件进行有
2021-03-09 09:38:26
3811
原创 vuex实现简单的购物车案例
使用Vuex实现简单的购物车案例1、Vuex一般是由state、actions、mutations、getters、modules这几部分构成2、我们需要首先在state中定义一个cars空数组3、我们目前是通过localStorage本地存储来存储数据4、在actions文件中，我们需要添加一个加入购物车的方法（如以下代码）export default {addGoodInCar(store,goodInfo){let cars = getGoodCar();let isHas = car
2021-01-26 10:55:45
1807
4
原创 匀速运动
匀速运动<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</titl
2019-02-11 16:31:30
613
原创 表单验证
注册的表单验证<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #div1{width: 200px; heigh
2019-02-11 16:27:50
93
原创 节点操作
节点操作<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #div1{width: 200px; height:
2019-02-11 16:19:25
165
原创 有效样式
获取当前有效样式<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{height: 200px; backg
2019-02-11 16:16:28
244
原创 运算符
运算符<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script> /* js运算符 算数运算符
2019-02-11 16:12:38
106
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人