js
文章平均质量分 61
一心诗意喂了狗
这个作者很懒,什么都没留下…
展开
-
解决前端跨域问题-搭建反向代理服务器
(:/67f6172bf05d4353bcdb3b8dbdcc5865)]开发中最常见的跨域问题跨域问题的出现“同源策略” :同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口号(port)什么是跨域当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域解决跨域的方法有有很多来对应各种应用场景。搭建反向代理服务器不同于需要后端开启CORS 这个前端.原创 2022-04-14 05:45:00 · 809 阅读 · 0 评论 -
微信小程序canvas绘制插件
针对小程序新推出的canvas 2d api 简单封装了几个常用功能,用于应付日常海报快捷生成等用途。 <canvas id="myCanvas" type="2d"></canvas>创建canvas const myCanvas=await new AniCanvas('myCanvas')myCanvas输出参数:canvas:canvas对象ctx:canvas上下文,可用于正常其他功能 myCanvas.ctx.beginPath();原创 2022-04-10 00:16:20 · 1167 阅读 · 0 评论 -
小程序canvas多行文本绘制
简单封装了一个微信小程序端绘制多行文本的功能该功能是基于小程序canvas2D api进行绘制可以实现:自动绘制多行文本多行文本上下,左右,居中对齐功能设置最大行数,超出显示省略号设置最大宽度,超出自动换行行间距一定注意canvas 的类型为2d<canvas id="myCanvas" type="2d" style="height:{{aniData.windowHeight}}px;width:{{aniData.windowWidth}}px"></can原创 2022-04-08 00:06:59 · 1074 阅读 · 0 评论 -
推一款基于原生的小程序(埋点)插件:ani-weapp
推一款基于原生的小程序插件:ani-weapp真的可以提供太多方便用最简单的方式实现跨组件实时通信,路由拦截,页面监听,storage管理,防抖节流区域化最最最重要的一点: 引入真的简单!!!!小程序在组件化开发的时候可能没有达到vue那样的便捷,例如跨组件状态同步等。这个插件:1.为小程序添加了跨组件实时通信;父子组件实时同步状态功能;2.与vue相似的WatchStore功能,监听全局状态的变化;3.更加简单的引入,还内置了如同Vue中的mixin 功能, 将页面原创 2021-08-15 21:50:28 · 418 阅读 · 0 评论 -
可以实现微信小程序父子组件实时通信的插件
小程序在组件化开发的时候可能没有达到vue那样的便捷,例如跨组件状态同步等。这个插件可以:1.通过代理的方式,为小程序添加了跨组件实时通信;父子组件实时同步状态功能;2.与vue相似的WatchStore功能,监听全局状态的变化;3.更加简单的引入,还内置了如同Vue中的mixin 功能, 将页面中复杂的功能拆解开,使后期维护更加方便;4.内置了屏幕安全域功能 直接方便避免苹果系列手机下方黑条;5.内置封装的跳转功能 可以直接在wxml中实现带参跳转,js带参跳转 ,封装成为原创 2021-08-08 21:58:38 · 208 阅读 · 0 评论 -
刷新页面的几种方法
history.go(0);location.reload();location=location;location.assign(location);document.execCommand(‘Refresh‘); window.navigate(location); location.replace(location); document.URL=location....转载 2019-05-06 10:49:30 · 1445 阅读 · 0 评论 -
上传图片 可限制大小和文件类型
方法1js//验证上传文件大小和类型 /** * * @param {this} value_ [获取input对象,一般为this] * @param {[number]} size_ [文件限制的大小,单位为kb] * @param {[string]} type_ [文件类型,当前支持image和office] * @param {[function]} callbac...转载 2019-05-06 10:50:25 · 922 阅读 · 0 评论 -
压缩图片+压缩后直接上传
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>压缩图片+压缩后直接上传</title> <script type="text/javascript"> /* 三个参数 f...转载 2019-05-06 10:51:11 · 371 阅读 · 0 评论 -
微信小程序封装的几个常用功能
页面中引用var animate = require('../../utils/animate.js');show(this,param,time)显示*参数1:this;*参数2 param:定义的动画名param参数3 time:动画执行时间 。 默认值400mswxml中调用方法:animation=’{{param}}’*使用的元素需要先用hide方法隐藏<v...原创 2019-09-16 16:17:14 · 611 阅读 · 0 评论