JavaScript
JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。
飘逸者打瞌睡
我还只是个小白
展开
-
【node】npm link 错误解决
先在模块中运行 npm link然后在项目中运行 npm link moduleA。原创 2024-01-04 23:43:54 · 891 阅读 · 0 评论 -
【JS】canvas实现的类似选择框的效果界面
用的canvas实现的效果 ,点击获取或重点的颜色信息。原创 2023-04-26 14:33:02 · 411 阅读 · 1 评论 -
【JS】web端实现图片生成缩略图,纯js函数实现
主要函数generateThumbnails,传入一个File对象,生成的缩略图返回一个base64.web端实现图片生成缩略图,纯js函数实现。原创 2023-04-20 11:10:25 · 2289 阅读 · 0 评论 -
【前端】使用ffmpeg+vue3实现简单的视频编辑器
主要依赖 ‘@ffmpeg/ffmpeg’,‘vue’原创 2022-12-15 13:20:09 · 6733 阅读 · 27 评论 -
【前端】之IndexedDB实现增删改查,包含简单示例
【代码】【前端】之IndexedDB实现增删改查,包含简单示例。原创 2022-12-13 16:28:31 · 1273 阅读 · 0 评论 -
【vue3】vue-router远程页面加载
在不同的服务器上加载页面组件,可以配合路由生成,实现整个项目的远程加载和路由权限控制,同样的可以在加载文件上面做权限校验,来防止未授权的页面加载。也可以给组件文件用CDN加速。router,js添加路由。loadPage函数实现。原创 2022-11-15 15:50:53 · 2008 阅读 · 0 评论 -
【ffmpeg】vue3报错TypeError: Failed to construct ‘URL‘: Invalid URL at node_modules/@ffmpeg/ffmpeg/s
在使用"@ffmpeg/ffmpeg"和“@ffmpeg/core”时候报错。在vite.config.js中添加。原创 2022-11-08 14:51:35 · 3861 阅读 · 0 评论 -
【vue3】远程组件加载
添加remote目录,存放远程组件添加rollup.config.js,用来打包配置远程组件修改package.json。原创 2022-10-10 13:43:53 · 5394 阅读 · 13 评论 -
【JavaScript】一个稍微增强一下的增强型数组List
是原始Array的增强,支持原生的各种方法,支持链式调用。原创 2022-09-27 09:32:33 · 230 阅读 · 0 评论 -
【Wails】高大上的半透明“冰霜” 效果
这样看起来就舒服多了,但是这样就不能拖动窗口和关闭了,就需要用到wail自带的一些方法和参数配置。frontend/src/style.css 删除所有的background样式。此时窗口是透明了,冰霜效果也有了,但是窗口名称还是有点违和感,继续修改。此时拖动部分可以拖动窗口移动位置,关闭可以关闭窗口,退出程序。界面不可以拖动部分,添加data-wails-no-drag。界面可以拖动,添加data-wails-drag。将背景色改为黑色,透明度0,也就是没有背景。继续修改main.go。原创 2022-08-23 15:50:01 · 1247 阅读 · 0 评论 -
【JavaScript】简单使用生成器函数和迭代器的任务处理队列
通过生成函数和迭代器,按顺序一个个执行处理并输出处理结果。假设有一个需要耗时并且按顺序处理的任务队列。原创 2022-07-28 16:54:57 · 256 阅读 · 0 评论 -
【JavaScript】硬件通讯数据校验 BCC异或校验生成 按位取反 十六进制数据格式化
硬件通讯数据生成校验 BCC校验 异或校验 十六进制数据格式化原创 2022-06-15 15:25:00 · 859 阅读 · 0 评论 -
【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 · 1465 阅读 · 0 评论 -
【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 · 1441 阅读 · 0 评论 -
【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 · 2589 阅读 · 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 · 202 阅读 · 0 评论 -
【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 · 124 阅读 · 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 · 162 阅读 · 0 评论 -
【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 · 633 阅读 · 0 评论 -
【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 · 1597 阅读 · 0 评论 -
【前端】之websql实现增删改查,包含简单示例
websql增删改查简单示例新建数据库创建表添加数据修改数据删除数据查询数据删除表完整案例简单示例新建数据库创建一个数据库,名为mydb,版本1.0,数据库介绍Test,数据库大小2Mconst db = openDatabase('mydb', '1.0', 'Test', 2 * 1024 * 1024);创建表创建要给USERS表,它有两个字段,id,name,id字段类型为数字类型,自增主键。db.transaction(function (tx) { tx.executeSq原创 2021-04-23 15:29:22 · 1996 阅读 · 4 评论