前端 - 随笔分类(第4页) - 与f

浏览器拦截跨域请求处理方法

摘要：解决跨域的解决办法有多种，比如jsonp，或者apache 或者nigix里面配置，或者后端的php或者java中配置 cross orgion。在网上搜了一圈，发现处理方式都差不多，但是我们得清楚这些到底怎么用。先看下这段代码： <?xml version="1.0"?> <cross-dom 阅读全文

posted @ 2020-10-10 11:00 与f 阅读(1402) 评论(0) 推荐(0)

vue中动态给自定义属性data-xx赋值并读取内容

摘要：1、静态赋值 <img class="imgs-coat" v-for="(item,index) in coatImgs" :key="item.coatImg" :src="item.coatImg" alt="" data-item="123" @click="chooseCoat($even 阅读全文

posted @ 2020-09-28 09:35 与f 阅读(3635) 评论(0) 推荐(0)

springmvc 接收json对象的两种方式

摘要：1、以实体类方式接收 @Controller @RequestMapping("/user") public class UserAction { @RequestMapping(value = "/add") @ResponseBody public String add(@RequestBody 阅读全文

posted @ 2020-09-23 15:08 与f 阅读(1152) 评论(0) 推荐(0)

vue.js 获取标签属性值

摘要：方法一： <div id="app"> <button @click="getData($event,'100')">点我</button> </div> methods : { getData(e,num) { console.log(num); // 输出 100 } } 方法二： <div i 阅读全文

posted @ 2020-09-21 08:54 与f 阅读(3666) 评论(0) 推荐(0)

小程序ocr通过二进制上传识别出错openapi.ocr.vehicleLicense:fail media data missing

摘要：// item 为 chooseImage 返回的图片 path let buffer = wx.getFileSystemManager().readFileSync(item) wx.cloud.callFunction({ name:'printedTextOCR', data: { buff 阅读全文

posted @ 2020-07-25 18:23 与f 阅读(682) 评论(0) 推荐(0)

js 图片保存至手机相册

摘要：1.网络地址进行保存 var triggerEvent = "touchstart"; //指定下载方式 function savePicture(Url) { var blob = new Blob([''], { type: 'application/octet-stream' }); var 阅读全文

posted @ 2020-05-23 09:15 与f 阅读(5394) 评论(0) 推荐(0)

css实现加入购物车动画（水平抛物线）

摘要：在做Vue的练习项目中，遇到了一个动画问题，在做加入购物车时，有个从左上往下抛的动画，当时没有思绪，后来得强哥指导。 <!DOCTYPE html> <html lang="en" style="width:100%;height:100%;"> <head> <meta charset="UTF- 阅读全文

posted @ 2020-04-21 18:04 与f 阅读(2768) 评论(0) 推荐(0)

小程序的buffer转图片

摘要：项目中小程序遇到大图片生成的需求，需要传递一个参数，然后从服务端获取生成到的长图。微信本身的wx.download()只提供Get请求，不提供POST请求方式下载。所以使用wx.request请求到arraybuffer存入本地文件。 wx.request({ url: pathUrl,//请求地址阅读全文

posted @ 2020-04-01 10:40 与f 阅读(8745) 评论(0) 推荐(0)

图片buffer转base64

摘要：前端imageBuffer设置图片src(后端到前端直传buffer) 本质为buffer转base64 let bytes = new Uint8Array(imageBuffer.data); let data = ""; let len = bytes.byteLength; for (let 阅读全文

posted @ 2020-03-31 14:34 与f 阅读(8146) 评论(0) 推荐(0)

小程序web-view关闭后，页面音频没有关闭

摘要：问题描述：在web-view的src中，引入了一个HTML5页面，这个页面有个自动播放的音频。在小程序中，点击右上角关闭小程序后，web-view页面中的音频依然会播放。期待现象期待关闭小程序之后，音频也停止。通过查找文档，发现没有直接提供方法，网上找了一圈之后，尝试的方案也都无法实现。阅读全文

posted @ 2020-03-30 15:58 与f 阅读(1078) 评论(0) 推荐(0)

微信小程序云调用获取微信步数

摘要：微信小程序云调用获取微信步数前提是:已经获得微信授权 : https://www.cnblogs.com/fps2tao/p/12490986.html /** * 获得运动步数 */ getWeRunData: function() { let that = this; console.lo 阅读全文

posted @ 2020-03-14 11:05 与f 阅读(2278) 评论(0) 推荐(0)

微信小程序等比例缩小图片(用于图片内容合规验证尺寸不能超过750*1334)

摘要：背景：在做一个用户上传图片（发布随笔），但是微信需要对图片进行验黄等检测，并规定图片尺寸在750*1334，所以要对图片进行等比例缩放。（本来写在后端合适，1.是后端懒，2.后端些了一个，有时候图片尺寸大了，报内存不足，所以最后写在了小程序端） https://mp.weixin.qq.com/c 阅读全文

posted @ 2020-03-02 14:59 与f 阅读(5065) 评论(0) 推荐(0)

微信小程序实现无限滚动列表(滚动新闻动态列表)

摘要：本文实例为大家分享了微信小程序实现无限滚动列表的具体代码，供大家参考，具体内容如下实现方式是利用小程序原声组件swiper，方向设置为纵向：vertical=‘true'设置同时显示的滑块数量：display-multiple-items=‘4'设置自动轮播：autoplay：‘true'. 话阅读全文

posted @ 2020-02-14 08:20 与f 阅读(5957) 评论(0) 推荐(0)

小程序图表绘制库

摘要：1. ECharts 的微信小程序版本（echarts-for-weixin ） https://github.com/ecomfe/echarts-for-weixin 2.wx-charts （https://github.com/xiaolin3303/wx-charts ）第一个比较全，阅读全文

posted @ 2020-02-07 15:05 与f 阅读(2072) 评论(0) 推荐(0)

微信小程序：防止多次点击跳转（函数节流）

摘要：场景在使用小程序的时候会出现这样一种情况：当网络条件差或卡顿的情况下，使用者会认为点击无效而进行多次点击，最后出现多次跳转页面的情况，就像下图（快速点击了两次）：解决办法然后从轻松理解JS函数节流和函数防抖中找到了解决办法，就是函数节流(throttle)：函数在一段时间内多次触发只会执行阅读全文

posted @ 2020-01-13 11:33 与f 阅读(1128) 评论(0) 推荐(0)

小程序保存图片到本地相册

摘要：小程序保存图片到本地相册 /** * 下载图标到相册 */ saveToPhone:function(e){ //获取相册授权 let imgSrc = this.data.qrcode_img //要保存的图片url console.log(imgSrc) wx.showLoading({ tit 阅读全文

posted @ 2020-01-13 11:20 与f 阅读(1531) 评论(1) 推荐(0)

关于小程序 scroll-view 左右横向滑动没有效果（无法滑动）问题

摘要：小程序组件 scroll-view 中分别有上下竖向滑动和左右横向滑动之分，在这次项目中刚好需要用到横向滑动，但在测试过程中发现横向滑动没有了效果（静止在那里没移动过），经调试发现： 1.scroll-view 中的需要滑动的元素不可以用 float 浮动； 2.scroll-view 中的包裹需要阅读全文

posted @ 2019-12-31 11:23 与f 阅读(541) 评论(0) 推荐(0)

引用fastclick.js或使用触屏监听滑动屏幕报错：解决[Intervention] Unable to preventDefault inside passive event listener

摘要：使用fastClick.js所产生的一些问题开发h5活动页时想到移动端会有300ms的延迟，于是便打算用fastClick.js解决。页面引入fastClick.js后，滑动H5页面的时候发现谷歌浏览器会报错,如下： Unable to preventDefault inside passive 阅读全文

posted @ 2019-12-19 09:27 与f 阅读(3215) 评论(0) 推荐(0)

手机浏览器摇一摇

摘要：手机浏览器摇一摇阅读全文

posted @ 2019-12-19 08:55 与f 阅读(421) 评论(0) 推荐(0)

微信小程序图片宽度100%，高度自适应

摘要：实现图片自适应，按照一般情况只需设置：但是微信小程序里是特例，需要image标签上设置属性mode=widthFix，就是height:auto的作用，css同样设置width:100%，如下：转 : https://blog.csdn.net/Mo_zifeng/article/details 阅读全文

posted @ 2019-12-18 15:13 与f 阅读(6173) 评论(0) 推荐(1)

与f

随笔分类 - 前端

公告