- 博客(17)
- 收藏
- 关注
RSS订阅原创 基于个人服务器的P2P内网穿透
作为一个重度桌游爱好者，最近和小伙伴沉迷TTS（桌游模拟器），但是TTS是基于P2P进行连接的，如果小伙伴都不在一个网络节点上就会非常卡顿，为了更好的玩游戏，最后使用了基于zerotier的内网穿透方案用上了内网穿透之后，再也不会掉线了，桌游体验极其完美原理购买服务器zerotier虚拟节点搭建服务器运维客户端配置。
2022-10-03 10:56:04
5333
10
原创 基于node formidable的图片上传和转发
最近在研究node后端的图片数据的上传、保存和转发，可以实现直接将图片保存在服务器本地（而非数据库）这里我们需要在前端上传一个图片，之后在服务器的某个文件夹保存这个图片，并重命名之后前端发送特定的服务，我们可以在文件夹中找到对应的图片并返回给前端一、服务构建在本地8000端口起一个前端服务（在本例中用的umi框架）并在本地3333接口起一个后端服务（在本例中使用node，详情见第三节）二、前端上传实现前端随便使用上传组件或者手动写axios请求就可以，只要能实现把一张图片流发送到
2022-04-26 16:41:16
1615
1
原创 js反向排序与删除对象数组中含有特定属性的对象
最近遇到一个需求，需要写一个方法，方法接受一个数组（数组中是一个个的对象）、一个属性名、一个属性的value。之后在这个方法中，将数组中有对应value和属性名的对象给删除比如对于下面这个对象数组const testArray =[{name:'a',id:'999',location:[5,6]},{name:'b',id:'998',location:[5,6]},{name:'c',id:'997',location:[3,2]},{name:'d',id:'998',loc..
2022-04-18 17:10:48
645
1
原创 js require和import区别与应用
最近遇到一个有意思的问题，是ts文件引入js文件的报错问题在room文件下我写了index.tsx和test.js两个文件，这里test.js中只写了一个测试用的对象（test.js文件中只有一个对象Bear，相当于一个保存对象的文件），之后我在index.tsx中进行import引用,就会报错无法找到模块“./test.js”的声明文件。“c:/code/Dazeka-front/src/pages/room/test.js”隐式拥有 "any" 类型。上网查了一下，说是要改成re..
2022-04-18 16:30:29
1132
1
原创 d3+Snap原理研讨和破碎动画实例
最近很巧的了解了svg矢量动画的制作，并上手试了一下，用d3和Snap结合可以很好地做出一些很不错的简单动画效果首先我们先了解一些基本概念1.为什么不能直接在网页端绘制图案？大家都知道前端一个很重要的概念叫‘元素’，我们的很多操作本质上就是在操作dom元素，即文档里面的某个html元素，但是html没有单纯的形状元素（比如圆形、三角形等等）但是我们可以通过div去构造，比如我们设置宽高相等就构建了一个正方形，设置样式圆角50%就构建了一个圆形，但这些都是一些旁门左道，我们想要画复杂图案，有两个思
2022-04-08 17:46:33
1179
原创 个人网站搭建保姆级教程（2）- 前端工程umi脚手架搭建
前言最近搞了个服务器，想着自己做个网站的脚手架，因为自己是纯前端新手，而且半路出家，中途踩了好多坑，准备写5篇给各位大佬们分享一下，如何从0搭建个人网站服务器购买与环境搭建 前端工程umi脚手架搭建 服务器node前端启动文件 服务器node后端编写 数据库搭建框架选取选择了umi框架（react），因为umi框架非常成熟，而且可以直接打包成可以直接线上服务器的版本具体可以参考官方文档https://umijs.org/zh-CN/docs/getting-started框
2022-03-21 17:55:52
2398
原创 EventEmitter在react中的应用实例
最近用EventEmitter解决了react中一个全局状态管理的问题首先我们提出一个需求：1.我希望写一个工具类Gobal，这个类中可以保存一些全局数据state和方法供其他组件直接调用2.光是调用还不行，我还得在其他组件中能修改这个工具类Gobal里面的数据state3.如果只是修改这个类的静态数据的话，那么这些数据是无法触发react的自动渲染的，即无法实时修改到某个组件state或者是props这个时候就可以用到EventEmitter这个npm包了，EventEmitter
2022-03-17 10:50:12
1802
原创 个人网站搭建保姆级教程（1）-服务器购买与环境搭建
前言最近搞了个服务器，想着自己做个网站的脚手架，因为自己是纯前端新手，而且半路出家，中途踩了好多坑，准备写5篇给各位大佬们分享一下，如何从0搭建个人网站服务器购买与环境搭建 前端工程umi脚手架搭建 服务器node前端启动文件 服务器node后端编写 数据库搭建主要技术栈前端：react umi后端：node数据库：mysql服务器：linux操作系统这些都是考虑到作为纯前端新手，直接用umi脚手架更舒服，node也是用js写的（对于前端来说轻松上手），mysql现在最
2022-03-10 10:20:37
1531
原创 umi-request extend和interceptors实际应用
最近写的一个项目，其中一个request包封装了umi-requset 的extend配置首先我们看一个服务的发送//选项分析服务发送 const getAllItem = (params) => { setLoadingAllChart(true) setLoading(true) allItem(params) .then((res) => { if (res) { if (res.data.length
2022-03-02 15:57:09
5653
原创 uniapp showModal与bind(this)
最近写uniapp微信小程序，遇到一个和bind(this)比较相似的问题需求是需要在用户进入页面后，会进行一个弹窗，如果用户选择“重新填写”，会再次弹一个窗让用户确认，我们可以调用uniapp的一个api——uni.showModal进行两次嵌套完成这个需求（下面为第一次的源码） showModal() { uni.showModal({ title: '提示', content: `您之前填写进度为${this.finishRate}%，是否继续填写？`,
2022-03-02 15:14:33
2156
原创 Vue .stop阻止冒泡实际应用
.stop是Vue中一种事件修饰符，可以阻止事件冒泡，最近开发小程序用到了.stop阻止冒泡开发过程中发现，如果用户点击红色的区域，选项是无法被选中的，只有当点击文字部分或者圆框部分，才会触发点击事件看了一下组件的源码，使用的是uniapp开源u-view1.0组件库的u-radio组件，源码如下<template> <view class="u-radio" :style="[radioStyle]"> <view class="u-rad..
2022-01-27 11:28:45
2150
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人