Isaac_Play-CSDN博客

原创 vue做一个自定义拖拽配置的页面

这次项目有一个需求，就是首页会对应不同的系统，产品要给出一个可以让客户自己拖拽组件布局的方案，所以这边调研了搞了一个demo。使用vue-draggable和本地存储来做操作与保存因为是demo，所以我用了色块来模拟组件github仓库源码<template> <div>  <div class="itxst"> <div class="

2021-05-07 10:07:34 3262 1

vue-lazyload，是一个很好用的图片懒加载插件，他可以在图片加载中和加载失败的时候预设占位的图片，让产品的交互更加美观和人性化，但最近我发现了一个问题：当页面首次进入的时候，v-lazy可以正确的区分加载图片地址的正确与否，正确的展示图片，但当我退出页面重新进入的时候，就发现v-lazy默认图片加载是error的了明明图片是可以打开的，状态还是error，刷新页面会出现，首次进入页面也会出现，只有退出页面重新进入的时候不能正确展示，所以初步判断问题的原因是因为缓存 <div v-lazy

2020-10-16 10:16:08 921

原创 H5页面在微信浏览器中打开，右上角没有出现三个点

在发现问题的日期2020/09/23，微信好像出现了纯H5页面在微信浏览器中打开右上角没有三个点，经过同文件更换多个服务器和域名测试，发现可能是由于打开的域名的没有备份，现在正在走备案流程，出现问题换个服务器或者备份过的域名应该就可以了...

2020-09-24 15:12:15 6305 1

原创 ios环境下H5 input 选择图片在函数回调中失效的问题

在一次采集项目中，需求是拍摄照片的时候，获取地理位置与时间，带着图片与这些信息传给后端打上水印返回，因为是微信公众号的项目，所以我使用的是微信的jssdk的定位方法以及高德的逆地理编码，代码如下：wx.getLocation({ type: 'gcj02', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02' success: function (res) { var latitud

2020-08-17 11:38:47 813

原创 vue自定义组件的坑:数组绑定与引号的使用

最近项目闲了下来，想利用空闲时间把工作中常用的代码都一一用vue的组件封装起来，一来加深自己对vue的理解，二来若是真的能在生产环境中直接使用，岂不血赚，但写着写着，发现有些代码出现了莫名其妙的错误<div class="check-times-item" :class="(item.val == details)?'check-times-item-active':'' " ...

2020-04-30 11:09:57 782

原创关于布局的胡言乱语

首先说说楼主的情况,坐标南京.我是去年6月份本二计算机专业的毕业生;因为不知道自己想要做什么(甚至想入行游戏开发 )错过了秋招和春招,毕业之后面试了几轮之后,决定朝着前端开发的方向发展,然后开始买书自学看面经.一直到12月份左右才找到一份前端的工作,在此之前,根本没有参与过团队开发.页面也没正儿八经的写过几个.刚进去的时候,只能战战兢兢模仿的团队的其他成员的写法风格来写,帮他们补补页面,但自己实战...

2020-04-02 11:16:09 149

原创 flex布局笔记

flex布局笔记本笔记由菜鸟教程精简缩略而成,原文链接:Flex 布局语法教程1.声明:任何一个容器都可以指定为Flex布局:display:Flex行内元素也可以使用Flex布局:display:inline-flexwebkit内核的浏览器(safari):display: -webkit-flex声明flex布局的子项中的float/clear/vertical-align将失...

2020-03-31 15:33:18 164

原创微信小程序中overflow:scroll失效的问题

因为公司业务需要要实现一个选择列表，点击列表时跳出选择框，然后点击选择，但是在出现列表过长时却发现overflow其实失效了，效果如下：.common-pop-table { padding: 0 30rpx; overflow: scroll; max-height: 70%;}研究后发现，要实际的设置对应的那个维度的高度，wcss改成.common-pop-table ...

2020-02-28 10:30:17 7357

原创微信小程序图片的比例问题

因为项目需要，第一次写微信小程序，一看代码跟vue的写法很像，便接下准备做，但是在写的时候发现微信小程序中image标签却不能像html中的img那样设置height或者weight为auto，一但设置了设置为auto的那个属性便会强制为0，了解了之后发现，微信小程序中的image标签实际上类似是封装的div，图片的展示就是利用设置div的background来实现的，所以不支持图片的auto属性...

2020-02-28 10:20:47 949

原创 vue用多了反而疏忽了选择器的使用

在vue项目中，经常使用v-for数组对象来动态生成组件布局，对于一些比如说下拉组件功能的页面，在实现他们的点击隐藏出现功能的时候，我一开始竟然只想着用v-if来控制页面的显示与否，虽然在功能上是可以实现的，但是明明用选择器可以更方便的解决问题$('.expertGroup').eq(index).children('.expertContent').toggle(); //第（index+1）...

2020-02-26 11:53:32 133

原创在vue项目中做一个类ctrl+f的搜索功能

这次在项目中遇到了一个要做一个搜索功能，因为项目是vue的，而且是在手机端，所以对这个搜索功能的实现和能做到什么样子都没有底，在网上研究了一会，发现大家的解决方法都各有特色，有引入第三方包的，有遍历的，确实都可以实现，但我觉得在vue中这样的方法也太过繁琐了，于是经过一段时间的查询与思索后我自己写了个简单的方法，并记录下自己思索的过程第一步明确寻求产品的一万种奇怪要求对于开发来说，应该要...

2020-02-26 11:42:21 1792 2

原创 Vue中使用地图平台MapboxGL

在项目里要用到mapboxgl这个插件，所以就记录了一下使用的过程准备工作1.去mapboxgl官网中注册账号，并新建一个token2.使用npm引入mapbox的库：npm install --save mapbox-gl页面中配置在布局中空新建一个div，为其配置一个id，在初始化mapbox的时候将id对应即可<div id="map"></div>...

2020-01-08 14:43:15 5838

原创 iview自定义中.bezierEasingMixin();问题

在自定义less中，出现了下面的问题// https://github.com/ant-design/ant-motion/issues/44.bezierEasingMixin();^Inline JavaScript is not enabled. Is it set in your options?网上有很多解决方法，具体原因都指向了是less的3.0以上的版本会出现的，在pac...

2020-01-06 11:53:49 1062

原创如何在Vuespa中使用less

1.首先在node中安装less的库和依赖：npm install less less-loader --save //将less和less-loader安装到开发依赖2.在vue文件中的webpack.conf.js（有的是webpack.base.conf.js）中添加对less的引用：module: { rules: [ //以上省略其他的加载引用 { ...

2020-01-06 10:28:04 149

Isaac_Play的博客