自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 移动端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 2673 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 1805 4

原创 匀速运动

匀速运动<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</titl

2019-02-11 16:31:30 612

原创 表单验证

注册的表单验证<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #div1{width: 200px; heigh

2019-02-11 16:27:50 91

原创 节点操作

节点操作<!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关注的人

提示
确定要删除当前文章?
取消 删除