一心诗意喂了狗-优快云博客

原创解决前端跨域问题-搭建反向代理服务器

(:/67f6172bf05d4353bcdb3b8dbdcc5865)]开发中最常见的跨域问题跨域问题的出现“同源策略” ：同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）什么是跨域当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域解决跨域的方法有有很多来对应各种应用场景。搭建反向代理服务器不同于需要后端开启CORS 这个前端.

2022-04-14 05:45:00 860

原创微信小程序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 1259

原创小程序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 1216

原创推一款基于原生的小程序（埋点）插件：ani-weapp

推一款基于原生的小程序插件：ani-weapp真的可以提供太多方便用最简单的方式实现跨组件实时通信，路由拦截，页面监听，storage管理，防抖节流区域化最最最重要的一点：引入真的简单！！！！小程序在组件化开发的时候可能没有达到vue那样的便捷，例如跨组件状态同步等。这个插件：1.为小程序添加了跨组件实时通信；父子组件实时同步状态功能；2.与vue相似的WatchStore功能，监听全局状态的变化；3.更加简单的引入，还内置了如同Vue中的mixin 功能，将页面

2021-08-15 21:50:28 507

原创可以实现微信小程序父子组件实时通信的插件

小程序在组件化开发的时候可能没有达到vue那样的便捷，例如跨组件状态同步等。这个插件可以：1.通过代理的方式，为小程序添加了跨组件实时通信；父子组件实时同步状态功能；2.与vue相似的WatchStore功能，监听全局状态的变化；3.更加简单的引入，还内置了如同Vue中的mixin 功能，将页面中复杂的功能拆解开，使后期维护更加方便；4.内置了屏幕安全域功能直接方便避免苹果系列手机下方黑条；5.内置封装的跳转功能可以直接在wxml中实现带参跳转，js带参跳转，封装成为

2021-08-08 21:58:38 252

原创微信小程序封装的几个常用功能

页面中引用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 651

原创 css居中方法

方法1父div display: table; 子p标签 .a{ text-align: center; width: 100%; height: 100%; word-wrap: break-word; word-break: break-all...

2019-05-06 11:09:50 271

原创 three基本方法-clone

clone//复制出一个新的geometryvar clonedGeometry = mesh.children[0].geometry.clone(); var clonedGeometry = mesh.children[0].geometry.clone(); //创建新的材质 var materials = [...

2019-05-06 10:57:28 704

原创 three.js提供的立方体

three.js提供的稍微简单点的几何体包括有： PlaneGeometry(平面) CircleGeometry（圆形） ShapeGeometry（塑性） CubeGeometry（立方体） CylinderGeometry（圆柱） TorusGeom...

2019-05-06 10:56:38 588

原创通过顶点自定义形状

新建坐标点集合 var vertices = [ new THREE.Vector3(1, 3, 1), new THREE.Vector3(1, 3, -1), new THREE.Vector3(1, -1, 1), new THREE.Vector3(1, -1, -1), ...

2019-05-06 10:55:50 186

原创 three基本结构

//渲染器 var renderer,width,height; function initRender() { width = document.getElementById('canvas-frame').clientWidth; height = document.getElementById('canvas-f...

2019-05-06 10:54:41 558

原创 scene相关

scene附加方法scene.add(obj)scene.childrenscene.getChildByName(name)scene.remove(obj)scene.traverse(function)scene.fogscene.overrideMaterial

2019-05-06 10:54:05 186

原创 threejs笔记--TubeGeometry管道

var tubeGeometry = new THREE.TubeGeometry(new THREE.SplineCurve3(points), segments, radius, radiusSegments, closed);//points: 坐标点集合；//segments：构建管道所用的分段数默认值为64.路径越长，指定的分段数应越多//radius：管道半径...

2019-05-06 10:53:10 3358

原创 threejs笔记--ConvexGeometry凸包立方体

随机生成立方体顶点 function generatePoints() { // add 10 random spheres var points = []; for (var i = 0; i < 20; i++) { var randomX = -15 + Math.round(M...

2019-05-06 10:52:31 1127

转载压缩图片+压缩后直接上传

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>压缩图片+压缩后直接上传</title> <script type="text/javascript"> /* 三个参数 f...

2019-05-06 10:51:11 399

转载上传图片可限制大小和文件类型

方法1js//验证上传文件大小和类型 /** * * @param {this} value_ [获取input对象，一般为this] * @param {[number]} size_ [文件限制的大小，单位为kb] * @param {[string]} type_ [文件类型，当前支持image和office] * @param {[function]} callbac...

2019-05-06 10:50:25 1004

转载刷新页面的几种方法

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 1522

qq_33943287的博客