.png "管理")
.jpg "taskagent")
摘要：
一直以来都觉得typescript是以后前端发展的趋势，一些大厂的前端项目都已经在用ts来替代js了。 正好最近刚开始准备用pixi写个小游戏，因为刚开工没多久，于是今天就将之前的功能用ts去实现了一下，部分功能之前的博客也有提到过。 用的是vue-cli的3.11版本，并且选择了TypeScrip 阅读全文
posted @ 2019-09-02 01:19
桔子桑
阅读(2780)
评论(0)
推荐(0)
摘要：
在pixi中，添加一个精灵元素，你可能需要，先将贴图load进来，然后才能添加到场景中去，所以一般会这么操作 不难看出，上述代码，往场景中加了6棵树。 当要添加很多不同元素的时候，需要的贴图可能会很多，而且load贴图是不能同时load两张以上的贴图，会报如下错误 所以，雪碧图就产生了，将多张资源贴 阅读全文
posted @ 2019-08-31 01:50
桔子桑
阅读(571)
评论(0)
推荐(0)
摘要：
前端请求后端数据,难免会遇到如下几个问题: 1⃣️跨域 2⃣️post/get,其中post请求的方式又分为多种 3⃣️后端数据返回格式(上一篇已经有讨论过,这里不再赘述) 用koa2的话,如何解决这些问题呢? 一、跨域 前端项目跑在localhost:8080,后端服务跑在localhost:19 阅读全文
posted @ 2019-08-20 14:26
桔子桑
阅读(1824)
评论(0)
推荐(0)
摘要：
在我看来，前端框架的中间件的思想来源于传统后端的切面编程（AOP）思想，比如我们常见的身份校验（JWT）。 axios的拦截器也是基于这种程序设计模式的。 在koa中，实际上是由一个数组对象来保存所有的中间件的，原理解析可以参考这篇博客：https://www.cnblogs.com/dashnow 阅读全文
posted @ 2019-08-19 23:16
桔子桑
阅读(1635)
评论(0)
推荐(0)
摘要：
在那个刀耕火种的年代,用过jQuery的都体会到了jQuery带来的便捷,尤其是元素选择器. jQuery(www.jquery.com)的核心就是通过 CSS 选择符查询 DOM 文档取得元素的引用，从而抛开了getElementById()和 getElementsByTagName()。 08 阅读全文
posted @ 2019-08-15 16:07
桔子桑
阅读(210)
评论(0)
推荐(0)
摘要：
来张效果图先： 1.利用PlaneBufferGeometry起了一块尺寸200X200的面板，后面的400，400是x轴y轴细分的三角形个数 2.为着色器材质提供贴图纹理，并设置repeat（贴图尺寸必须为2的n次幂） 3.因为plane被细分了（400 x 400，实际可能不是160000个顶点 阅读全文
posted @ 2019-08-14 00:23
桔子桑
阅读(905)
评论(4)
推荐(0)
摘要：
1⃣️递归 阶乘函数: 改装一:(arguments.callee指向正在执行的函数的指针,实现解耦) 改装二:(解决严格模式下不能使用arguments.callee) 2⃣️闭包的作用域链 在匿名函数从 createComparisonFunction()中被返回后，它的作用域链被初始化为包含 阅读全文
posted @ 2019-08-09 16:07
桔子桑
阅读(222)
评论(0)
推荐(0)
摘要：
之前有篇博客曾提到过一点js的面向对象编程:js面向对象编程. 这里就结合js高程详细剖析一下javascript的面向对象编程. 前序: 1⃣️Object.defineProperty() vue2.x版本的双向数据绑定就是基于该API和订阅/发布模式实现的; 如果同时定义多个属性,可通过如下A 阅读全文
posted @ 2019-08-09 12:37
桔子桑
阅读(269)
评论(0)
推荐(0)
摘要：
html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http 阅读全文
posted @ 2019-08-09 00:56
桔子桑
阅读(3281)
评论(0)
推荐(1)
摘要：
说明:绘图区域x轴(0->1),y轴(0->1); 1.y = 0.5 + sqrt(x * (1 - x)) 2.y = smoothstep(a , b , x) y = smoothstep(0.9 , 0.3 , x): y = smoothstep(0.3 , 0.9 , x) 阅读全文
posted @ 2019-08-01 17:22
桔子桑
阅读(1019)
评论(0)
推荐(0)
摘要：
觉得shadertoy上的一些网友的作品写得很好，加上自己对glsl一些内置函数，内置变量不是很熟悉，于是决定开始学习一下上面一些大佬的代码。 今天的案例是这个： 附上shaderToy的地址：https://www.shadertoy.com/view/ll2GD3 用three.js的Shade 阅读全文
posted @ 2019-07-31 00:43
桔子桑
阅读(4890)
评论(0)
推荐(0)
摘要：
最近一个项目(vue)需求是用硬件来触发web端页面显示以及效果的切换，客户的硬件设备只支持用tcp协议通讯，而我们的前端呢是用不了tcp的，众所周知在浏览器端，我们只能用http/https协议(ajax)和websocket协议来通讯，前端页面开发完成之后，我用node起了一个websocket 阅读全文
posted @ 2019-07-25 01:04
桔子桑
阅读(2299)
评论(0)
推荐(0)
摘要：
项目github地址：https://github.com/ecojust/flyline 前面写过一个飞线(基于THREE.Line进行的颜色变化)，只是简单地将可视区片元颜色的alpha通道值设为1.0，不在可视区的设为0.0。效果是这样的： 做得很粗糙，而且因为线是没有粗细的，所以效果也不是很 阅读全文
posted @ 2019-07-18 23:56
桔子桑
阅读(1968)
评论(4)
推荐(0)
摘要：
先上一个demo代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> html, body { margin: 0; height: 100%; } can 阅读全文
posted @ 2019-07-17 00:53
桔子桑
阅读(1108)
评论(0)
推荐(0)
摘要：
为了加深自己对着色器语言的认识，于是就着手写了一个简版的"飞线"。 做3D的或者做可视化的应该对这个词不陌生，一般会用在地理方面的3D需求上，废话不多说，先上今天的demo的gif图示： 看完效果，让我们继续一步一步地看是怎么实现的 一、写在着色器之前 三部分： 1⃣️地球 地球的旋转，直接在每次渲 阅读全文
posted @ 2019-07-14 23:29
桔子桑
阅读(1411)
评论(0)
推荐(0)
浙公网安备 33010602011771号