自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 收藏
  • 关注

原创 证件/文书类日期中文大写js/ts插件

证件/文书类落款日期中文大写往往会将“零”写作“〇”,而数字依然使用简体“一二三”,而不是“壹贰叁”。针对这一点,写了如下转换插件。

2024-05-30 11:04:59 151

原创 批量导入svg文件作为图标使用(vue3)vite-plugin-svg-icons插件的具体应用

在vue3项目中,需要批量导入某个文件夹内数量不确定的svg文件用来作为图标,开发完成后能够通过增减文件夹内的svg文件,从而影响图标的数量。是一个vite插件,提供轻松导入svg文件作为symbol元素并插入到document中的功能。所以最终选择使用插件在编译的时候就导入所有svg文件,解决了动态导入的问题,让业务逻辑更流畅。// 引入/src/assets/icon-svg/文件夹下的所有svg文件。svg是一种 xml语言,svg作为html标签使用的时候,除了svg标签。中引入即可,详情可参阅。

2024-04-03 20:00:51 3732

原创 npm镜像源(非淘宝)HBuilder可用

之前一直用得淘宝镜像,但偶然间发现在家用HBuilder无法安装npm依赖,进度卡死。然后换了另一个开放的镜像地址,

2024-03-31 23:56:58 225

原创 服务器安装nginx步骤

手把手教程

2024-03-31 19:39:23 446

原创 封装websocket+心跳

JavaScript里的websocket本身已经是易用性很强的方法,因某个项目需要,简单封装了一下。以下为websocket.js。引用到具体项目中的代码。

2023-12-25 17:08:14 540 1

原创 高德可视化Loca.PolygonLayer不显示顶面

按照示例和官方配置文档写,最终效果很奇怪代码如下。

2023-12-14 02:13:34 644

原创 vite不支持require怎么获取动态图片地址列表

最近遇到一个静态图片数组需要循环到vue项目里,使用vite作为构建工具,在拿取图片地址这里遇到问题了,而vite又不支持require。参考了vite官网发现对此问题有对应的解释,也解答了我为什么写个方法仍然得不到正确的图片路径的问题。

2023-12-14 01:47:35 476

原创 高德地图自定义样式不生效解决办法

官方自定义地图官方JS API Loader文档我用的是Vue JSAPI Loader 加载,用npm引入之后始终不能加载,key也正确写了,因为上一次使用高德是很久之前,忽略了安全key的使用最终解决方案如下// 这里加你的安全keykey: mapKey, // 这里是原本需要的keyLoca: { // 是否加载 Loca, 缺省不加载version: '2.0.0' // Loca 版本,缺省 1.3.2},})

2023-12-04 14:59:04 1177

原创 MarkdowPad 2 报错html渲染错误 组件下载地址

由于awesomium官网早已仙逝,很多小朋友找不到组件下载地址,在CSDN上徘徊了很久下载不到,实际上Markdown官方是很良心给了资源的。Markdown官网 下载地址:http://markdownpad.com/download/awesomium_v1.6.6_sdk_win.exe 点击直达...

2022-06-30 01:21:51 388 1

原创 打包后生产环境win10下nginx.exe无法启动

在一个单机bs项目部署的时候,把打包好的pro文件放入nginx目录,并且写好各项配置之后,使用光盘转存到生产环境。神奇的事情来了:nginx.exe没响应,启动不了!中文路径?网上冲浪的小朋友们普遍的回答是因为路径带中文,但是作为一个资深IT社畜工程师怎么可能犯这种低级错误,排除这个原因路径问题?虽然不是中文路径的问题,为了排除干扰,我将刚刚启动不了的文件夹重命名为 *-bak,然后另外下载了一个同版本的官方包放到同样的目录下,并且重命名为 *-base,如下图:神奇的事情又来了:启动==》成功!

2022-06-20 17:07:54 820

原创 js解析数学运算公式

js解析数学运算公式已上传到npm,NPM包地址:https://www.npmjs.com/package/exec-mathexpress//运行democonst execMathExpress=require('./utils/execMathExpress');//贝叶斯 条件概率公式 SW=WS*S/(WS*S+WH*H);(只用于二分类)console.log(execMathExpress('WS*S/(WS*S+WH*H)',{ WS:'1/2', S:'1/

2022-01-24 11:11:39 1499 2

原创 Mozilla资料【查阅】

Mozilla标准文档地址Mozilla标准资料库Web API 接口参考FetchRequest

2022-01-22 11:54:43 437

原创 uni-app真坑 uni.scss踩坑记录

希望设计这块的产品进来被骂希望开发这块的程序员进来被骂希望所有偷懒耍滑的程序员进来被骂希望uni-app的负责人进来被骂希望uni-app的老板进来被骂你们脑子都进水了吗???每个scss文件都被自动注入代码意味着什么????原本只需要在全局引用一次的样式,被无数次重复注入在每一个样式文件里面每一个页面、每一个组件的scss文件都被撑到几十Kb微信小程序每个分包 限制2Mb 你们是瞎了看不见吗打个包光tm样式就占了1Mb多哦这里加一条:希望滥用快速开发css语法的懒惰程序员进来被

2022-01-10 03:40:47 6883 7

原创 低版本特定版本Linux系统离线部署web前端项目vue项目

Linux环境离线部署web前端vue项目(参考文档)Linux下离线安装Google ChromeLinux下离线安装Google Chrome

2021-12-28 01:55:54 1002

原创 git操作笔记(git命令查阅)

文章目录git操作笔记(git命令查阅)修改项目远程仓库地址直接修改先删后加手动修改config文件修改git账户和密码git操作笔记(git命令查阅)修改项目远程仓库地址其他人写的太混乱,自己记个笔记直接修改git remote set-url origin https://*.*.com/*.git先删后加git remote rm origingit remote add origin https://*.*.com/*.git手动修改config文件打开项目根目录下的/.git/

2021-12-28 01:31:59 262

原创 HBuilderX 安装 scss/sass编译 插件报错 binding.node 解决方案windows版

uni-app 安装 scss/sass编译 插件报错 binding.node官方给出的提示如下[0;31m--> LibSass 的二进制文件(C:\Program Files\HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\vendor\win32-ia32-72\binding.node)缺失,请执行下面3条命令下载对应版本的二进制文件:(有可能引发此错误的原因是 Node 版本变更)mkdir -p C:

2021-12-13 16:38:20 3413 3

原创 antdv ant-design-vue 自定义主题颜色

方法1:修改配置文件项目根目录 vue.config.js// vue.config.jsmodule.exports = { css: { loaderOptions: { less: { lessOptions: { // 如果使用less-loader@5,请移除 lessOptions 这一级直接配置选项。 javascriptEnabled: true } } }, },缺点:需重启项目才能

2021-11-28 22:14:18 5394 2

原创 vue、electron-vue项目 less 无法编译问题

less、less-loader 版本不匹配// 卸载less和less-loadernpm uninstall less less-loade// 安装以下版本npm i less@2.7.2 less-loader@5.0.0 --save-d

2021-11-28 18:13:07 469

原创 手把手electron-vue项目搭建 web技术搭建前端桌面应用.exe【踩坑记录】

前置条件安装nodejs、npm全局安装vue-clinpm install -g vue-cli // 全局安装vue-cli创建项目使用 vue-cli 创建 electron-vue 模板// 可能会提示安装 @vue/cli-init// 没有提示则无需安装,我用的版本是 v4.*.*npm i -g @vue/cli-init// 使用 vue-cli 创建 electron-vue 模板// 下载模块,需要科学上网(临时使用可狗度 fotiaoqiang 菜鸡友好)

2021-11-28 00:04:12 730

原创 vue-router back 返回时携带参数

params 的应用返回前的页面设置参数this.$route.params.a = 'a';this.$route.params.b = 'b';返回的目标页面获取参数beforeRouteEnter(to, from, next) { const { a, b} = from.params; // 'a' 'b' // 此处无法直接设置 this.a this.b next();}created() { aFoo() { this.$route.params.a

2021-09-08 18:55:49 7981 2

原创 vue ElementUI 实现el-table 列宽自适应

vue ElementUI 实现el-table 列宽自适应下载插件npm install v-fit-columns --save引入项目import Vue from 'vue';import FitColumns from 'v-fit-columns';Vue.use(FitColumns);注意: 去掉el-table-column中的width去掉el-table-column中的width自动宽度完成...

2021-08-27 01:21:15 1235

原创 vscode中适配@/path寻址 点击跳转文件

目标在VSCode中,按住ctrl点击引入的文件路径,可以自动跳转到对应文件实施在项目根目录新建文件 jsconfig.jsonjsconfig.json 中添加如下代码{ "compilerOptions": { "baseUrl": "./", "paths": { "@/*": [ "src/*" ], } }, "exclude": [ "node_modules", "dist" ], "

2021-08-25 12:35:49 1994 6

原创 解决问题:无法加载文件 C:\Users\*\AppData\Roaming\npm\pkg.ps1,因为在此系统上禁止运行脚本。

windows系统cmd或powershell警告无法加载文件 C:\Users\Mephisto\AppData\Roaming\npm\pkg.ps1,因为在此系统上禁止运行脚本。解决方法:1、以管理员身份运行powershell右键单击开始菜单(win标)运行window powershell(管理员)2、签名或运行这些脚本执行 set-ExecutionPolicy RemoteSigned (签名或运行这些脚本)解决...

2021-08-17 21:37:48 4304

原创 一键快速构建 vue-electron 项目

vue-cli安装 vue-cli脚手架版本需 ≥ 3.0// 全局安装 vue-clinpm install vue-cli -g构建项目cd 到你需要创建项目的文件夹路径下开始构建项目// 执行// 选项默认即可,直接回车// 也可自定义,babel、eslint等,如需,想必也用不着看这篇教程vue create your-project// 等待安装(~20s)// ...这里聊一下 vue-cli 的另一种打开方式// 有种可视化界面的操作,适合刚入门的实习生操

2020-07-16 18:02:44 666

原创 Electron入门 Hello world 完整实现流程(附配置)(vue-cli)

仅 Windows 系统某个项目需要提供一个桌面应用,选取 Electron。目前使用广泛的除了 Electron 外还有 nw.js,国内也有使用 nw.js 开发的桌面应用,如微信小程序开发工具。但是 nw.js 的教程实在难找,加上国内环境所限,转而选择 Electron。Electron & nw.js 粗略对比对比项Electronnw.js平台兼容性win7+winXP(低版本)、win7+配置难易main.js 配置package.jso.

2020-07-14 03:31:30 446

原创 gulp入门 gulpfile.js配置 & 启动服务 & 监听-热更新

说明gulp运行需要node.js环境启动项目需要全局安装gulpnpm install gulp -g配置文件package.json{ "name": "bs_web_gulp", "version": "1.0.0", "description": "", "main": "index.js", "dependencies": { "browser-sync": "^2.26.7", "del": "^5.1.0", "gulp": "^4.0

2020-05-18 18:38:06 1160

原创 组件name使用"header"的时候样式无法更新

组件name使用"header"的时候样式无法更新<script>export default { name: "header", data: () => ({}), methods: {}};</script>报错如下已解决不能使用保留字作为组件名

2020-05-13 17:51:21 151

原创 Vue引入css报错 安装css-loader无法解决

main.js中引入less和css,仅less生效提示报错css-loader安装了css-loarder和style-loader无用// import "@/assets/common/globle.less";// import "@/assets/common/iconfont.css"; // 报错require('@/assets/common/globle.less'); // 生效require('@/assets/common/iconfont.css'); // 报错,找不

2020-05-11 20:33:35 1409

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除