
javascript
文章平均质量分 56
101tx
软件技术,一门帮助自己和别人解决麻烦的技术
展开
-
node.js根据本地目录生成树状结构对象
在做编辑器的时候有个问题,需要访问本地目录,然后返回给前端页面,让前端页面展示,在此做个记录。这是典型的递归调用。后边代码是核心如上图的目录,是一个典型的数状结构,如何实现,代码如下前台演示代码function createProByTree(k){ all_pro.push(k);//存放到所有项目数组中 //创建一个div用于存放项目 var dv=document.createElement("div"); let id="pro_"+Math.floor(Math.ran.原创 2021-11-05 11:48:06 · 509 阅读 · 0 评论 -
websocket大文件发送(分片传送思想)
目前的项目是在做一款带桌面共享的代码编辑器,其中需要一个发送大文件的功能,传统的node.js处理大文件就是用Buffer.slice(0.offset)的思路把文件分割开,然后通过tcp或udp分开发送。前端中处理二进制的有Blob,它也有slice的方法,也可以将文件拆分开。然后借助websocket发开发送,然后在客户端(注意不是服务端)将文件合并。有人说websocket可以直接发,但是他的大小受到限制,比如发200M的东西,就会出问题。而我的方案就不会存在问题.最主要的是在发送文件的同时也不会影响原创 2021-11-05 11:38:05 · 4432 阅读 · 0 评论 -
serialport与robotjs完全安装手册
先讲一下背景:由于近期项目经常用到串口开发(通过pc控制外部的芯片比如驱动电机,超声波,温度传感器等等),注意我们当前用的后端是node的后端。而node中处理串口通信的框架就是serialport。就需要安装serialport,但是安装serialport,会经常报错,无法使用。每次都需要网上去找资料解决报错,特别烦人,于是决心彻底解决这个问题。robotjs(是一个自动化测试框架,java python都有类似的东西,可以用代码控制鼠标和键盘)安装环境与serialport一样,所以就一块说了。.原创 2021-06-03 18:13:20 · 686 阅读 · 2 评论 -
html5可视化图形编辑器(基于canvas)
我以前特别喜欢flash,不过flash水平一般,那是的我并不是程序员,充其量也就是个爱好者,在这个html5的时代中,我依旧对那个有时间轴的flash编辑界面念念不忘。于是便有了这篇文章。我的目标是做一款在线的图片,文档,动画,游戏生成器。目标比较大(个人比较贪),目前只实现了一部分,但是我相信时间能缔造一切,也希望大神们多多帮忙,谢谢了!我把所有的代码写上来,一是帮我记录开发过程,二是供大家查原创 2016-10-28 20:52:39 · 45660 阅读 · 3 评论 -
html5在线聊天服务端
websocket在线聊天服务端原创 2017-02-01 13:47:46 · 2327 阅读 · 0 评论 -
js写的漂亮俄罗斯方块
一个基于H5开发的俄罗斯方块游戏原创 2017-12-22 21:18:52 · 20096 阅读 · 0 评论 -
可视化编辑器核心类(supermaker)
代码是以前练手写的,虽然问题很多,但是依旧是美好的记忆。对于想学习canvas动画入门的人来说不错。下面将代码贴出/** * Created by 101tx on 2016/10/13 * * superMakerkj框架. *//** * *Tool 工具类 *元素选择 */function $s(id) { if (document.getElementBy...原创 2018-08-13 18:02:55 · 1803 阅读 · 0 评论 -
h5写的简单计算器
最近要去为学习前端的孩子们讲一堂课,想了半天觉得不如引导他们做个小案例,这样可以让他们感觉到有趣,也可以让他快速的接受某些概念。于是我决定写一个计算器的案例。怎样做这个计算器呢?首先要设计他的界面,其次是交互部分。至于功能嘛,可以进行正常的加减乘除就可以。界面的设计部分我们考虑使用flex弹性布局,优点易于使用,灵活,对于有规则排版的界面易于设计。对于交互部分我们主要使用eval函...原创 2019-08-24 22:40:06 · 3805 阅读 · 3 评论 -
h5写的钟表
在写完计算器后感觉不过瘾,干脆再写一个小时钟的程序,滴答滴答的小钟表看似简单,但是如果不用canvas或是其他框架的话,光使用css和js配合写一个表的话,感觉比写计算器费劲,尤其是让一个div转起来给你当时时针。这个程序适合巩固基础。不说其他的了,说下思路,div旋转的话没有所谓的轴心点或是锚点的概念,默认的就是中心点是锚点,但是时针的话不是那个样的,解决办法就是两个div合到一块去,把...原创 2019-08-25 23:04:19 · 441 阅读 · 0 评论