![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web
文章平均质量分 93
senar369
不求多,但求精。
展开
-
The Last Naruto,兼容IE11的vue脚手架
the-last-naruto是一个基于Vue@2.7和Vite@3的一个项目模板(支持IE11浏览器),灵感来源自antfu大佬的vitesse-lite。旨在给项目上还需要支持IE11浏览器的一些同学提供近似Vue3生态的开发体验。原创 2022-07-19 17:54:56 · 565 阅读 · 0 评论 -
住手,你们不要再打了啦,Native和Web应该和平相处啊
Native是如何给Web页面提供可供Web调用的原生方法的,Web在执行完Native提供的方法之后如何知道结果,回调数据怎么传给Web Web端如何优雅的使用Native提供的方法原创 2022-03-12 21:48:13 · 3927 阅读 · 0 评论 -
一文让你彻底会用对象存储OSS的前端直传,不懂就再看一遍(bushi)
原由在项目里有时候会碰到比如上传文件相关的,一般都是后端提供个接口,然后我们上传的时候后端再传到阿里OSS或者其他服务商的对象存储,然后把最终的url拿到存起来或者返回给前端,这种方式其实在上传图片的频率不高的业务场景中可能并无大碍,但是如果你的项目是相册类的,资源提供类的,总之就是有很频繁的上传文件的场景,可能服务器的带宽就有点扛不住了,那么有没有更好的解决方案呢?服务端签名,客户端直传其实像阿里、腾讯、七牛等云服务厂商都提供的有类似阿里的STS(Security Token Service)临时访原创 2021-11-20 21:03:44 · 5519 阅读 · 1 评论 -
基于puppeteer生成你想要的PDF
整体架构方案原理我们先通过URL传参的方式传给一个容器型页面,在这个页面中通过截取URL参数去请求特定的接口去渲染我们想要的页面内容,在这里我就以百度搜索作为容器型案例(平时在业务开发中,这个容器型页面应该我们自己开发,并将样式调整好),并设定我们的PDF为A4纸张大小。Node服务这里我们选择用Nestjs框架作为我们的服务框架(本教程核心内容与Node框架无关,各位可以根据业务同理自行调整为eggjs或其他框架)首先根据官网的教程搭建我们的框架 Nodejs(>= 10.13.原创 2020-12-27 15:04:06 · 928 阅读 · 2 评论 -
uni-app小程序录音上传解决方案(后续更新Taro版)
能力依赖RecorderManager 全局唯一的录音管理器录音功能的要求与限制与当前页面其他音频播放/录音功能互斥是否在录音中状态显示结束/不需要录音时,回收RecorderManager对象材料可以/结束 录音录音中Codeing(结果代码直接看最后)构造一个简单的DOM结构<image @click="recordAction" :src="recordImg" class="record"/>先实现小程序的录音功能import iconRecord f原创 2020-09-16 19:42:36 · 2852 阅读 · 3 评论 -
uni-app(vue)基于InnerAudioContext封装一个基本的音频组件
原由同样的是因为小程序官方不维护audio组件了音频组件的要求与限制点击播放或者暂停显示播放进度及总时长通过图标变化显示当前音频所处状态(暂停/播放/加载中)页面音频更新时刷新组件状态全局有且只有一个音频处于播放状态离开页面之后要自动停止播放并销毁音频实例材料/属性/方法让我们开始吧????uni-app Vue同样的先构造DOM结构<view class="custom-audio"> <image v-if="audioSrc !== undefi原创 2020-09-16 18:24:38 · 1883 阅读 · 3 评论 -
web页面(小程序)列表滑动事件穿透解决方案
缘由昨天测试给我的小程序提了一个bug,说:‘我怎么滑动弹出后的这个列表后面的列表也会跟着滑动啊,这很奇快诶’,我:‘我修复一下’。造成问题的场景是一个数据列表页,通过触底上滑加载数据所以我把页面最外层的view加了一个min-height: '100vh'让这个列表可以自动增加高度进行扩容这个列表页有很多筛选条件或者说是筛选项,我做了一个有背景遮罩层的弹出组件,把这些筛选项塞进去,最外层的view给了一个max-height: 85vh; overflow: scroll;让它也可以在数据很多的原创 2020-08-06 17:10:46 · 479 阅读 · 0 评论 -
关于使用gsap到项目中报 cannot assign to read only property 'y' of object '#<htmlimageelement>' 的错误的解决办法
环境:Nuxt + gasp 最终打包成静态文件的方式报错具体情况:官方给的案例中是这样引入的import { TimelineLite } from 'gsap',如果你是用Nuxt在npm run start 或 npm run dev的方式的话 不会有任何问题,但是如果你编译为静态文件也就是npm run generate,这里就会报 cannot assign to read onl...原创 2020-04-02 12:11:42 · 539 阅读 · 1 评论 -
让你重新认识background的威力! 百倍空间的节省!
首先我们观察一下这张背景图,如果你是一名合格的前端工程师 你回怎么优化呢?初级前端:当然是拖入 tinypng或者ImageOptin 啦,如果你连这两个都不知道,换份工作啦。高级亿 一点的前端:麻烦给我这两者图我并排放搞基 高级工程师:麻烦切我两张这样的图,水顺便给我说下背景颜色(扶眼镜) width 100vw height 100vh background url('1.p...原创 2020-03-31 14:31:38 · 169 阅读 · 0 评论 -
JavaScript中的this ——《你不知道的JavaScript上》
this到底是什么this是在运行时进行绑定的,不是在编写时绑定,它的上下文取决于函数调用时的各种条件。this的绑定和函数声明位置没有任何关系,只取决于函数的调用方式。当一个函数被调用时,会创建一个活动记录(执行上下文),这个记录会包含函数在哪里被调用(调用栈)、函数的调用方法、传入的参数等信息。this就是记录的其中一个属性,会在函数执行的过程中用到。调用位置寻找函数的调用位置最重要的...原创 2019-08-06 16:55:58 · 169 阅读 · 0 评论