飘逸者打瞌睡-CSDN博客

先简单的实现一个全屏加载的组件。随手写了个界面，很丑很简单。index.vue{title : {type : String , default : '标题' } }) < / script > < style lang = "scss" scoped > . box {left : 0;top : 0;from {} to {插件自身实现index.js/*** 全屏加载* 加载。

2022-10-20 15:25:02 805

原创【vue3】远程组件加载

添加remote目录，存放远程组件添加rollup.config.js，用来打包配置远程组件修改package.json。

2022-10-10 13:43:53 4871 13

原创【JavaScript】一个稍微增强一下的增强型数组List

是原始Array的增强，支持原生的各种方法，支持链式调用。

2022-09-27 09:32:33 219

这样看起来就舒服多了，但是这样就不能拖动窗口和关闭了，就需要用到wail自带的一些方法和参数配置。frontend/src/style.css 删除所有的background样式。此时窗口是透明了，冰霜效果也有了，但是窗口名称还是有点违和感，继续修改。此时拖动部分可以拖动窗口移动位置，关闭可以关闭窗口，退出程序。界面不可以拖动部分，添加data-wails-no-drag。界面可以拖动，添加data-wails-drag。将背景色改为黑色，透明度0，也就是没有背景。继续修改main.go。

2022-08-23 15:50:01 1093

原创【Wails】快速搭建与启动

进入到项目文件夹，在文件夹中运行wails dev，第一次运行会自动安装前端依赖，等待一段时间后，会先启动前端项目，在启动app，成功运行界面如下。首先需要准备好node和go的安装包，这里用了node v14和go1.18。安装好后运行命令行查看是否安装成功并且添加到了环境变量，运行。运行wails doctor检查是否安装了正确的依赖项。若果下载速度慢或者安装不成功，这里就需要go镜像加速。下一步就是安装Wails，用powershell运行。至此，安装运行环境部分结束。

2022-08-23 14:12:17 1748

原创【JavaScript】简单使用生成器函数和迭代器的任务处理队列

通过生成函数和迭代器,按顺序一个个执行处理并输出处理结果。假设有一个需要耗时并且按顺序处理的任务队列。

2022-07-28 16:54:57 233

原创【Css】文字不换行问题修正

有些情况下的文字不换行添加word-break解决。

2022-07-28 13:20:07 641

原创【Go】【WebAssembly】【wasm】基于go打包的网页wasm

基于web wasm 的一个实现demo,go实现的wasm.

2022-07-27 00:01:45 929

原创【tauri】tauri的启动、运行与打包

tauri 启动运行打包

2022-06-29 13:11:44 2685

原创【JavaScript】硬件通讯数据校验 BCC异或校验生成按位取反十六进制数据格式化

硬件通讯数据生成校验 BCC校验异或校验十六进制数据格式化

2022-06-15 15:25:00 767

原创【JavaScript】JS加载JS获取加载进度

代码示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>index<button onclick="add()">添加</button><button onclick="getBoot2()">加载</

2022-04-13 21:02:42 1363

原创【JavaScript】史上最短，中文转utf8编码

话不多说上代码 encodeUTF8(str) { let utf8Str='' for (let i=0; i<str.length;i++){ let t = str[i] let text = '' if(encodeURIComponent(t).length < 4){ text = t.charCodeAt(0).toString(16); }else{

2022-01-13 09:11:28 1365

原创【JavaScript】electron-vue创建启动运行

前提环境安装了python2.x安装了Visual Studio 和生成工具开始创建# 安装 vue-cli 和脚手架样板代码npm install -g vue-clivue init simulatedgreg/electron-vue my-projectcd my-projectyarn # 或者 npm install这里使用cnpm i安装依赖比较快开发运行yarn run dev # 或者 npm run dev...

2021-09-24 23:37:24 241 1

原创【GIT】前端使用Commitizen规范git commit 内容全中文汉化

安装commitizensudo npm install -g commitizen或sudo cnpm install -g commitizenpackage.json如果没有package.json文件,先生成 package.json 文件：npm init --yes初始化commitizen init cz-conventional-changelog --save --save-exact提交git add .git commit 改为 git cz执行后出现这个界面

2021-09-08 11:18:23 2440 6

原创【JavaScript】数据类型检查函数，接口数据前置后置验证

JavaScript类型检查函数直接上代码传入一个数据对象和验证规则检查规则里定义的字段类型通过返回true 未通过返回false 并抛出异常let data = { name: new Date()}let rule = { name: { type: Number }}let status = checkData(rule,data)console.log("验证结果", status)/* * 类型检查器 * @params

2021-07-28 10:07:18 186

原创【JavaScript】链式调用

JavaScript链式调用``// 链式调用class User {constructor() {this.height = 0this.weight = 0}info() {console.log(“信息”,this.height,this.weight)return this}setHeight(val) {this.height = valreturn this}}let user = new User()user.info().setHeight(10).inf

2021-07-19 14:08:12 113 2

原创【Webpack】webpack版本对应 Error: Cannot find module ‘webpack/bin/config-yargs‘ 报错原因

webpack webpack-cli webpack-dev-serve版本对应"webpack": "^5.5.1","webpack-cli": "^3.3.12","webpack-dev-server": "^3.11.0",

2021-07-16 22:55:59 148

原创【Vue2】vuex的基本使用

vuex-Vue.js 的中心化状态管理方案主要包含State, Getter, Mutations，Actions, Module。State存储状态数据，可以直接设置和获取状态值。结构state: { token: "xxxx"},使用设置值this.$store.state.token = "xxxx"获取值let token = this.$store.state.token注意事项data() { return { token:this.$store.

2021-07-16 22:54:38 598

原创【Vue2】之简单自定义插件开发，含demo

一个vue2.x的简单插件开发实例首先创建文件夹和文件个人习惯把插件都放在src/plugins文件夹里创建本次demo插件目录src/plugins/demo以及目录文件demo/index.jsdemo/src/main.jsdemo/src/main.vue// index.jsimport component from './src/main.js'const install = function (Vue) { // 注册全局组件 Vue.

2021-07-15 21:57:46 1495

空空如也

用go写的wasm性能还不如js直接运行的性能?