- 博客(15)
- 收藏
- 关注
原创 Electron + Vue 项目从零创建,不使用 vue-electron-template
Electron + Vue + Vite项目构建
2023-04-17 15:14:48 1943
原创 relation-graphsf-relation在chromium与firefox中表现不一致的解决方法
relation-graph/sf-relation在chromium与firefox中表现不一致的解决方法
2022-11-18 17:37:55 425
原创 relation-graph/sf-relation调用refresh()方法后视口位置和缩放比重置的解决方法
relation-graph/sf-relation调用refresh()方法后视口位置和缩放比重置的解决方法
2022-11-18 17:16:43 1577 3
原创 前端发展路线
整体路线图由于我本身前端技术栈主要是Vue,因此React和Angular生态的东西会介绍的少一点。尽量地址给的中文文档的地址,只是一些中文文档就是google机翻(还不如英文),要看英文文档请百度一下。1. 前端框架篇想必也不用过多介绍,就是VAR了(还有一些小而美的框架)。三大框架想用哪个其实都可以,如果以后要往BFF方向发展其实我比较推荐Angular。三大框架彼此都有相互借鉴的部分,能熟练运用后最好去看看源码。1. Vue国内使用人数众多,文档清晰,运用简单。介绍 — Vue.js
2021-10-22 16:59:26 1293
原创 Mojs初尝试
前言之前网上冲浪的时候看canvas、css等渲染元素的花活偶然间看见了一个叫mo.js的框架,在看了看官网文档后觉得这个框架还是很有意思的,于是就写了个小demo,但是期间出现了不少问题,于是就写下这篇文章来分享一下。准备准备阶段肯定是下载包了,于是我兴冲冲的开了一个Vue项目并在终端输入了npm i @mojs/core安装成功后在home.vue中引入import mojs from "@mojs/core";但此时出现了一个问题,编译器提示我@mojs/core模块没找到,由于我用
2021-09-22 15:30:36 1841
原创 node实现TCP&UDP测速网页
这几天组长让我一个前端写个手机应用来测试TCP/UDP的速率、丢包率等,由于实在不会,商量下来就改为用网页测试了。但此处有一个问题,TCP/UDP都不被H5支持,于是就想到本地服务起TCP/UDP和WS,TCP/UDP服务用于和远程服务器测试,WS推送数据给网页页面。下面是具体实现。1. 远程服务器1. 实现服务器端的实现还是比较简单的,用node自带的net和dgram模块创建TCP/UDP服务器,然后把客户端发送的数据返还给客户端就可以了。TCP服务器创建如下:const net = requ
2021-08-12 10:48:41 1716
原创 Vue+ts插件编写
1. 为什么要写插件 一开始我也是以为Vue插件离我的日常开发很遥远的,但直到有一天公司用的组件库换了,换成了MD风格的Vuetify。 这个组件库优点就是好看、且各种插槽props可以充分满足自定义需求;缺点也很明显:在用惯了Element的人看来,这个组件库不但缺少了很多全局函数,如$message,而且自定义的插槽、Prop太多了,需要一段时间熟悉。其中尤其是缺少了函数式组件让我很难受,虽然可以通过顶层写个message组件来解决,但用起来还是太麻烦了。 于是再三思索下我决定自己用渲染函数
2021-08-02 20:20:46 1084
原创 服务端渲染SSR-Nuxt.js
服务端渲染SSR->Nuxt.js本文中的npm/yarn的使用取决于用户自身,这里只截取了官网使用的安装方法。在开始正题之前,首先我们要明白:什么是服务端渲染,为什么需要服务端渲染。通常的Vue应用渲染的做法是,通过vue-loader等加载器直接在浏览器上输出Vue组件和DOM并进行DOM操作。但这样做有几个弊端:由于所有的一切都是渲染上去的,初始的html界面只有一个基本结构<div></div>,导致绝大部分搜索引擎在进行页面内容抓取的时候搜索不到任何
2021-06-29 15:37:57 639
原创 前端单元测试
为什么前端要进行测试减少bug。重构时能快速定位到bug,保证代码逻辑在重构前后的一致。保证代码的可测试性,避免模块的过多依赖,实现高内聚低耦合。给出清晰的程序结构,通过测试用例能很清楚的明白每个模块的作用。单元测试测试一个单元(例如一个函数或一个模块)在给定输入下能否给出期望输出。本文章一律采用BDD风格,若要使用其他的测试风格请参考下面给出的官方文档。mocha基本语法(BDD风格)注意mocha中不鼓励使用箭头函数,因为箭头函数绑定this后无法获取mocha上下文。如果需
2021-03-05 10:57:21 363 1
原创 贪吃蛇AI算法中的A star寻路算法
A*寻路算法在之前的贪吃蛇游戏比赛里,计算蛇吃食物路径时要用到寻路算法,于是就去了解了一下,以下是我的算法演化过程。1、简单寻路–按图索骥我一开始想到的方法就是最简单的:目标在哪个方位就往哪个方位走,就和平时看地图寻路一样。这时候算法的基本思想为:即以起点终点连线方向为正方向,与正方向越接近的方法给予更小的权值,当搜索路径时总以总权值和最小为目的进行搜索,直到搜索到终点。但在地图上有障碍物时会发生:所以要对地图上的点做一些处理,即把障碍物从可以搜索的地图点集合中去除。以下是此算法的搜索结果
2021-03-05 10:53:30 4938 4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人