woaizhuzhuxia521521
码龄7年
关注
提问 私信
  • 博客：88,614
    88,614
    总访问量
  • 19
    原创
  • 2,351,632
    排名
  • 4
    粉丝
  • 0
    铁粉
IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：上海市
  • 加入CSDN时间： 2018-01-29
博客简介：

woaizhuzhuxia521521的博客

查看详细资料
个人成就
  • 获得49次点赞
  • 内容获得6次评论
  • 获得37次收藏
创作历程
  • 1篇
    2021年
  • 19篇
    2018年
成就勋章
兴趣领域 设置
  • 前端
    javascriptcssvue.jses6webpack前端框架
  • 网络与通信
    https
创作活动更多

超级创作者激励计划

万元现金补贴，高额收益分成，专属VIP内容创作者流量扶持，等你加入！

去参加
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

vue中swiper 绑定事件

场景(两种项目方案待定)：方案一：Vue使用swiper插件实现banner轮播，并给轮播图绑定click点击事件，点击后弹出弹框。方案二 ：Vue使用swiper插件实现banner轮播，并给轮播图绑定click点击事件，前面两帧是弹出弹框，第三帧是页面跳转。问题：第一遍循环的轮播图有@click事件，第二遍及后面循环的轮播图没有@click事件。分析原因：当Swiper设置 loop:true 属性时，会在自己的slide dom前后各复制一个新的slide，复制的slide仅保
原创
发布博客 2021.08.23 ·
5179 阅读 ·
7 点赞 ·
3 评论 ·
11 收藏

vue添加ico图标

1 先有一个需要图片，png 、jpg ...格式都可以2 把图片转换成 .con 格式的图标  ，http://www.bitbug.net/使用比特虫转换 ，目标尺寸：16*16 或者 32*32都行3 转换后的图标命名为 favicon.ico ，放在项目根目录，与 index.html 文件同级4 在 index.html 文件的<head></head&gt...
原创
发布博客 2018.12.24 ·
4550 阅读 ·
5 点赞 ·
0 评论 ·
3 收藏

基于Vue的Vue-Quill-Editor富文本编辑器

1 下载      npm install vue-quill-editor --save      npm install quill --save                （vue-quill-editor依赖quill）2 创建一个富文本编辑器组件 <template>      <div class="edit_container"> ...
原创
发布博客 2018.12.21 ·
417 阅读 ·
3 点赞 ·
0 评论 ·
1 收藏

vue页面引入百度地图

1 在  index.html 中引入   <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=token"></script>2 在 webpack.base.conf.js中配置   module.exports = {        externals...
原创
发布博客 2018.12.21 ·
1063 阅读 ·
2 点赞 ·
0 评论 ·
2 收藏

做vue项目遇到的兼容性问题

1 input 搜索框在 ios 中有上边框阴影，在Android则没有上边框阴影   处理方法    input  {    -webkit-appearance: none;   }2 select 下拉框 在 ios 中背景颜色是白色，在Android中则可以自行背景设置颜色3 css3的颜色渐变兼容处理：              linear-gradient(top,,...
原创
发布博客 2018.12.21 ·
1153 阅读 ·
3 点赞 ·
0 评论 ·
3 收藏

vue项目 mint-ui 上拉加载更多Infinite scroll 遇到的坑

使用上拉加载组件需要给外边框加上  overflow:scroll;  和具体的高度，不然没有效果
原创
发布博客 2018.12.21 ·
692 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

如何将后台传来的base64格式的代码段显示成图片

在vue的基础上一行代码搞定<img :src="url?assoc_id=2456&code=37886&type=activity" alt=""> 
原创
发布博客 2018.12.21 ·
1955 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

制作字体图标

本人使用的阿里巴巴字体图标库http://www.iconfont.cn/1  选择自己需要的图标加入购物车2 点击购购物车  --> 点击添加至项目 --> 自己起的项目名 --> 下载至本地使用：个人建议有用的文件有 iconfont.css            iconfont.eot     iconfont.svg    iconfont.ttf   ...
原创
发布博客 2018.11.09 ·
345 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

H5 拍照上传和本地图片上传，兼容IOS和Android

<template>    <div>          <img class="camera" src="@/assets/images/camera.png" alt="" id="img_show1">          <input type="file" @change="img_upl
原创
发布博客 2018.11.05 ·
6491 阅读 ·
3 点赞 ·
0 评论 ·
8 收藏

vue获取URL中的参数

1   获取?后面的参数      http://192.168.1.105:8080/#/idInput?username=%22%E5%BC%A0%E4%B8%89%22     获取参数方法     let id = this.$route.query.username2 获取不带?的URL中的参数      http://192.168.1.12:8080/#/home/n...
原创
发布博客 2018.11.01 ·
43263 阅读 ·
8 点赞 ·
0 评论 ·
10 收藏

cookie session token 的区别

1  cookie       1.1  数据保存在客户端       1.2  数据量小（很多站点对cookie的大小和数量都进行了限制）       1.3  不安全（别人可以分析存放在本地的cookie并进行cookie欺骗，也可能被拦截）2  session        2.1  数据保存在服务器端        2.2  session可以依赖cookie,也可...
原创
发布博客 2018.10.31 ·
169 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

Vue页面跳转时传参总结

1 路由跳转    <router-link   to="/login">    <router-link/>       跳转到 path:'/login' 的页面2  路由跳转时传参      2.1   传参的页面<template>中  ：    <router-link :to="'/home/newsinfo/' + ite...
原创
发布博客 2018.10.31 ·
7566 阅读 ·
3 点赞 ·
0 评论 ·
9 收藏

配置电脑成服务器，真机模拟通过连接地址查看项目页面效果

当电脑没有配置node环境时，可以通过以下方法查看页面效果1  用cmd打开电脑，运行命令  输入    ipconfig/all   回车2  查看本机的 IPv4地址。 例如  192.168.0.2213  打开代码，在 config 文件夹下的 index.js 中，    把 host: 'localhost'        改成  host: '192.168.0.22...
原创
发布博客 2018.10.29 ·
445 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

去掉横向滚定条，纵向滚动条默认

html {    overflow-x: hidden;    // 隐藏横向滚动条    overflow-y: auto;       // 纵向滚动条默认}
原创
发布博客 2018.10.26 ·
349 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

flex布局

1 display:flex;  使用flex布局2 flex-direction:  row  |  row-reverse  |  column  |  column-reverse ;       元素排列方向  :  从左向右（默认）|  从右向左  |  从上往下  |  从下往上  ；3 flex-wrap :  nowrap  |  wrap  |  wrap-rever...
原创
发布博客 2018.10.26 ·
229 阅读 ·
2 点赞 ·
0 评论 ·
1 收藏

修改psd图片内文字或图标的颜色

在ps内选中需要修改的文字或图标（右侧图层内选中）图层 ---> 图层样式 ---> 颜色叠加 --> 混合模式中选择需要的颜色 ---> 确定 --->  Ctrl + Alt + s 保存修改后的图片为psd格式...
原创
发布博客 2018.10.26 ·
8498 阅读 ·
2 点赞 ·
3 评论 ·
1 收藏

把psd图片的pt单位设置成像素px

在ps内打开psd图片，快捷键 Ctrl + k , 选择 单位与尺寸，设置单位尺寸为像素，保存即可
原创
发布博客 2018.10.26 ·
2489 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

vue router 页面跳转默认回到顶部

适用vue项目所有的UI框架在main.js页面中加上   router.afterEach((to,from,next) => {    window.scrollTo(0,0);})
转载
发布博客 2018.10.26 ·
2483 阅读 ·
2 点赞 ·
0 评论 ·
2 收藏

如何把不标准宽度的psd图修改成二倍图

在Photoshop里打开需要修改的psd图片，点击图像  ---> 图像大小 ---> 设置宽为750px, 高度自适应，保存即可快捷键  Alt + Ctrl + i
原创
发布博客 2018.10.26 ·
1140 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

ps切图

1 关闭所有背景图，只留需要切的图标2 用标尺固定图标位置3 用切片工具切割标尺固定的范围4 Ctrl + Alt + Shift + s  保存图片，一般图片保存为.jpg    多次使用的小图标保存为png-24，选择透明5 选择 选中的切片6 存储在指定位置...
原创
发布博客 2018.10.26 ·
135 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏
加载更多