Vue 组件间通信的 6 种方式 Vue 组件间通信的 6 种方式前言组件是 vue.js 最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。一般来说,组件可以有以下几种关系: 如上图所示,A 和 B、B 和 C、B 和 D 都是父子关系,C 和 D 是兄弟关系,A 和 C 是隔代关系(可能隔多代)。针对不同的使用场景,如何选择行之有效的通信方式?这是我们所要探讨的主题。本文总结了 v 2021-07-09 -Vue #Vue
img 对象,file 对象,base64,canvas 对象相互转换以及图片压缩 img 对象,file 对象,base64,canvas 对象相互转换以及图片压缩先上一张图 该图片是 js 几乎所有图片类型的转换方式了。接下来讲讲几种常用的类型转换: urltoImage(url,fn) 会通过一个 url 加载所需要的图片对象,其中 url 参数传入图片的 url , fn 为回调方法,包含一个 Image 对象的参数,代码如下:1234567function urlto 2021-04-13 -JavaScript #JavaScript
JavaScript 使用JSZip保存文件压缩包并下载 JSZip jszip是一个用于创建、读取和编辑.zip文件的JavaScript库,且API的使用也很简单。 官方给的栗子 1234567891011121314// 初始化一个zip打包对象var zip = new JSZip();// 创建一个被用来打包的名为Hello.txt的文件zip.file("Hello.txt", "Hello Worldn& 2020-11-11 -JavaScript #JavaScript
Java使用poi-tl操作word文档 Java 操作Word、Excel的几种方法 方案 移植性 功能性 易用性 Poi-tl Java跨平台 Word模板引擎 基于Apache POI Apache POI Java跨平台 Apache项目,功能丰富 文档不全,这里有一个教程:Apache POI Word快速入门 Freemarker XML跨平台 仅支持文本,很大的局限性 复杂,需要维护XML结构,代码不可维护 2020-10-09 -Java #Java
Java+PhantomJs实现后台生成Echarts图片 目的:实现在java后台直接根据options生成Echarts统计图片本文实现原理:java调用Runtime.getRuntime().exec()的方式调用phantomjs。然后由phantomjs处理echarts数据,最终生成图片。第一步:下载并安装PhantomJs下载地址: http://phantomjs.org/download.html下载完成后配置环境变量 把解压后的文件夹 2020-10-09 -Java #Java
【微信小程序】反编译 一、前言 反编译,听起来很屌,其实还是简单的,基本是傻瓜式操作。要想拿到微信小程序源码,找到源文件在手机存放的位置就行,源文件拿到,用反编译脚本跑一下,微信小程序代码包里的所有文件、所有资源就出来了(除了project.config.json小程序配置文件)。拿到源码后,跑起来是能跑,但登录、授权等涉及到appid的功能是不能用的,因为被反编译小程序的服务端appid和你本地添加的不一样,这就是为 2020-07-23 -小程序 #小程序
SPA(单页面应用)和MPA(多页面应用) SPA(单页面应用)和MPA(多页面应用) 单页面应用 第一次进入页面时会请求一个html文件,刷新清除一下,切换到其他组件,此时路径也相应变化,但是并没有新的html文件请求,页面内容却变化了。 原理: js会感知到url的变化,通过这一点可以用js动态地将当前页面的内容清除,然后将下一个页面的内容挂载到当前页面上。这个时候的路由不再是后端来做了,而是前端来做,判断页面显示相应的组件,清除不 2020-07-16 -前端开发 #前端开发
阿里云 CDN + OSS 解决方案 阿里云 CDN + OSS 解决方案前言直接使用阿里云的OSS+CDN的方案有几大好处: 成本低廉。OSS+CDN部署自己的网站每个月的花费远比自己买ECS服务器部署网站花费要少得多 大幅降低运维成本。直接使用现成的云服务了,无需花精力去维护ECS了。 极高的可用性。无论阿里云的OSS还是CDN,都已经做好了高可用性,几乎可以保证网站始终可访问 极高的访问速度。ECS带宽毕竟有限的,高带宽意味着 2020-07-15 -运维 #运维
【微信小程序】上传文件到阿里云OSS 微信小程序上传文件到阿里云OSS小程序上传文件到OSS也是利用OSS提供的PostObject接口来实现表单文件上传到OSS步骤1:配置Bucket跨域访问客户端进行表单直传到OSS时,会从浏览器向OSS发送带有Origin的请求消息。OSS对带有Origin头的请求消息会进行跨域规则(CORS)的验证。因此需要为Bucket设置跨域规则以支持Post方法。 登录OSS管理控制台。 单击Bucke 2020-07-02 -小程序 #小程序
【微信小程序】wx.chooseImage方法Bug 微信小程序wx.chooseImage方法会引发底层Bug在微信小程序中调用wx.chooseImage方法选择图片,选择完图片之后页面会莫名的跳转,找了很久才发现原因。 研究发现调用wx.chooseImage方法之后会触发入口文件app.js中的onLaunch、onShow方法,然后再触发当前页面的onHide、onShow方法。逻辑如下: 1234app.onLaunch();app.on 2020-06-12 -小程序 #小程序