自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 HBuilderX 插件开发指南(二):插件开发细节 及 代码演示

我们在中已经了解了 插件的细节,本期文章重点 将具体学习。

2024-02-19 10:12:49 508

原创 HBuilderX 插件开发指南(一):从插件开发到发布的完整流程

这里就不具体描述了右键单击后,我们发现菜单中有一个新命令 :

2024-02-18 18:00:56 1422

原创 vue 引入 百度地图API 和 路书

公司项目中,偶尔都会涉及到地图的使用,这里以百度地图为例,我们梳理一下。

2024-02-07 11:13:08 829

原创 vscode vue3+vite 配置eslint

目前主流项目都在使用,因此针对的配置做了一下总结。

2023-08-10 11:34:37 1129

原创 Chrome 谷歌浏览器,自动填充密码,提示需要输入电脑开机密码问题

我们在使用浏览器访问各个网站时,经常会保存密码。在下一次访问时,直接使用保存的密码填充,简单方便。但是突然有一天(怀疑是谷歌浏览器更新导致的),每次使用密码填充时,都有如下拦截。

2023-08-08 10:48:48 3955 1

原创 vue3 引入dataV 报错,使用patch-package记录插件包 node_modeule 修改记录。 vite 版DataV

开发数字大屏功能,引用组件库比较好用,目前分为和两个版本。这里主要说一下vue3时,引用问题。

2023-07-18 14:34:46 1995

原创 Electron + vue 搭建桌面客户端

Electron + vue 搭建桌面客户端。

2023-07-14 14:36:31 912

原创 vite+Vue3 createWebHistory 路由前缀配置

作为前端最火的前端框架之一,大家在使用的过程中必不可少需要使用(路由)。路由有和两种,本期主要针对下使用和配置,进行简单介绍。

2023-06-08 11:06:17 1858

原创 vue router嵌套路由配置规则,path赋值错误导致404问题

vue router 嵌套路由path 配置有误,导致跳转到404问题

2023-04-12 20:59:42 977 1

原创 vite .env.test环境使用ant design vue ,打包后a-date-picker控件无法选择日期

vite .env.test环境使用ant design vue ,打包后a-date-picker控件无法选择日期

2023-04-11 17:54:24 1174 6

原创 vue3 使用keep-alive include ,需配置vite-plugin-vue-setup-extend 和 router-view v-slot=“{ Component }“

Vue3的语法糖非常好用,但,使用keep-alive需要的name无法设置了。

2023-03-30 15:48:28 422

原创 ant design vue 日期选择框date-picker中英文混显问题解决

date-picker组件虽然展示中文了,但是月份和星期还是显示英文

2023-03-22 17:14:02 1944

原创 h5 微信分享,使用updateTimelineShareData ,title和图片也不展示问题

h5 微信分享,使用updateTimelineShareData ,title和图片也不展示问题

2023-03-21 20:10:46 3200 7

原创 解决移动端input输入,导致满屏背景图片压缩变形的问题

input输入框 软键盘会将页面顶起,导致背景图出现压缩、变形等情况

2023-03-20 17:59:29 365

原创 js 控制浏览器 实现全屏 和 退出全屏功能

在工作中我们偶尔遇到不需要浏览器,需要将整个项目的情况,虽然有一些,但我们更希望项目中有类似的功能,可以让用户任意切换。

2023-03-08 18:21:30 1465

原创 yarn 通过 resolutions,指定子孙依赖包版本号,解决froala-editor 版本问题

使用resolutions指定子孙依赖包版本号

2023-02-22 16:24:51 502

原创 Charles (小花瓶)通过Breakpoints拦截接口,替换接口返回参数

Charles

2023-02-10 15:35:24 895

原创 Vue3 中使用组合式API替换mixins,实现代码复用并解决隐患

Vue3 中使用组合式API替换mixins,达到代码复用并解决隐患

2023-02-02 17:20:20 3662 3

原创 el-select 在iOS手机上,无法唤起软键盘以及二次点击问题

手机上使用select时,发现iOS手机无法唤起软键盘。

2023-01-10 18:21:43 2550 3

原创 pont - 搭建前后端之桥,vue+pont搭建前端项目

pont 在法语中是“桥”的意思,寓意着前后端之间的桥梁。Pont 把 swagger、rap、dip 等多种接口文档平台,转换成 Pont 元数据。Pont 利用接口元数据,可以高度定制化生成前端接口层代码,接口 mock 平台和接口测试平台。其中 swagger 数据源,Pont 已经完美支持。并在一些大型项目中使用了近两年,各种高度定制化需求都可以满足。

2023-01-03 11:04:58 1014 2

原创 vue-cli 3中dart-sass替换node-sass,element ui icon图标乱码问题

使用dart-sass ,element icon图标乱码问题

2022-11-28 15:53:53 1037 4

原创 from自动填入内容,默认背景色问题

chrom浏览器的自动填充表单功能Autofill 在使用时,填充的表单输入框会变成奇葩默认的黄色底色,这对网页整体的观感造成了很大影响,而且处理起来很麻烦.

2022-11-14 10:39:31 242

原创 PostCSS plugin postcss-uniapp-plugin requires PostCSS 8

Syntax Error: Error: PostCSS plugin postcss-uniapp-plugin requires PostCSS 8.Migration guide for end-users:https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users

2022-09-27 11:06:11 4900 2

原创 To install it, you can run: npm install --save core-js/modules/es.object.proto.js

error in ./node_modules/core-js/library/modules/es6.object.define-properties.jsSyntax Error: no such file or directory, open '/xxx/node_modules/core-js/library/modules/es6.object.define-properties.js'

2022-09-27 10:54:05 646

原创 SwitchHosts安装,mac 和 Windows 安装地址

搜索SwitchHosts 安装,发现下载下来都不好使。这里分享一下安装包Intel ADM 芯片下载链接: https://pan.baidu.com/s/17jRLsHoAKyMm8ap6goDm7Q?pwd=ffvv 提取码: ffvvARM m1 芯片下载链接: https://pan.baidu.com/s/1fYozjNdfTH6PhQwlD-k2FQ?pwd=8iss 提取码: 8iss...

2022-04-11 16:43:55 2316 1

原创 HbuilderX 配置eslint规范 问题

eslint 的好处我就不说了,相信大家既然看到这篇文章肯定对它有一定的了解,关于vscode 配置eslint的文章很多,但是关于HbuilderX的很少。这里大家一起了解一下。安装插件HBuilderX 包含4款语法校验插件 htmlhint, stylelint, eslint-plugin-vue, eslint-js配置安装完插件后,进入菜单【HbuilderX】【偏好设置】【插件配置】,找到**.eslintrc.js**配置下面是我举例的一些常见配置,大家也可以参考eslint

2022-04-07 14:04:27 4690

原创 运行小程序控制台报错 TypeError: Cannot read property ‘forceUpdate‘ of undefined

manifest.jsonmanifest.json – 微信小程序配置 – AppID

2022-04-06 15:40:46 839

原创 css 自动补齐前缀(内核)

前端再开发项目中,使用的css可能在某些设备、浏览器上无法正常显示,因此想兼容不同厂商浏览器,就需要给一些比较新的属性添加厂商前缀来兼容。那么在开发的过程中,那么多的样式,一个个的去添加肯定不合理,这里我们学习一下如何自动添加前缀添加前效果安装 postcss 和 autoprefixercnpm install postcss autoprefixer --savepackage.json在 package.json添加如下代码"browserslist": [ "> 1%

2022-03-23 16:18:12 1477 1

原创 vue 对接钉钉开发平台:免登、退出、直接关闭浏览器

前段时间对接了一下钉钉的免登功能。

2022-03-22 09:27:22 1552

原创 vue+element 自定义主题

element ui 相信大家都很熟悉了,好多小伙伴估计也是在开发后台管理系统时认识的它。当我们对它越来越熟悉的时候,便不在仅仅满足它提供的主题样式。那么如何自定义样式呢?新建element-variables.scssElement 的 theme-chalk 使用 SCSS 编写,如果你的项目也使用了 SCSS,那么可以直接在项目中改变 Element 的样式变量。新建一个样式文件,例如 element-variables.scss,写入以下内容://element-variables.scss

2022-03-21 17:11:20 552

原创 百度地图--3D棱柱效果---省边界数据抽取---Boundary、Point、Prism

3D棱柱效果上代码 var map = new BMapGL.Map("allmap"); var point = new BMapGL.Point(116.404, 39.925); map.centerAndZoom(point, 10); map.setTilt(50); map.enableScrollWheelZoom(); var bd = new BMapGL.Boundary(); bd.get('北京市', function

2022-03-18 15:26:12 3367 5

原创 vue.config.js 打包、压缩配置compression-webpack-plugin

var fs = require('fs')const path = require('path')const UglifyJsPlugin = require('uglifyjs-webpack-plugin')// const webpack = require('webpack')const CompressionWebpackPlugin = require('compression-webpack-plugin')const productionGzipExtensions = ['js

2022-03-17 14:55:43 2808

原创 vue.config.js build打包UglifyJsPlugin清除控制台打印console.log,报错出现`warnings` is not a supported option

前端在开发过程中,为了调试方便经常会用到console.log,开发、测试环境有打印可以,但是生产环境最好不要有,毕竟不友好、也不太美观。uglifyjs-webpack-plugin上线到生产环境,我们希望把打印功能全部注销掉,一个个的去注销肯定不现实。既浪费精力,又浪费时间,而且还会有遗漏这里我们借助 uglifyjs-webpack-plugin去实现安装cnpm i uglifyjs-webpack-plugin --save-devvue.config.js引用// vue.con

2022-03-16 14:46:30 1640

原创 vue + xlsx 动态生成Excel,合并单元格

根据数据动态生成一个Excel导出文件,这个公共相对简单一些,引入 xlsx就可以了。但是根据需求,动态合并单元格,貌似难度不小,这里需要对 xlsx的属性和方法有一定的了解才可以,那么一起学习一下。安装 xlsx 和 xlsx-stylecnpm i xlsx xlsx-style --saveexcel 示例A、B、C、D、E、F … 代表的是列1、2、3、4、5、6、… 代表的是行每一个单元格是一个对象(Cell Object),主要有t、v、r、h、w等字段:值注释

2022-01-24 15:38:13 4318 1

原创 jquery+cropper剪切、旋转、缩放图片

下载croppercnpm i cropper --save-dev引入// CDN 引入<script type="text/javascript" src="assets/js/cropper.js"></script>// 或者import cropper from 'cropper'

2021-12-31 15:06:08 2513

原创 vue 按需引入NutUI

NutUI是一套京东风格的移动端组件库,开发和服务于移动Web界面的企业级产品。具体的使用方式,可以参考Nut UI说明文档 。虽说NutUI也有针对vue版本,有不同的引入方式的介绍。但是考虑到还是有好多小伙伴傻傻分不清,这里我们再一起了解一下。一、vue2版本安装cnpm i @nutui/nutui -S加载示例import Vue from 'vue';import NutUI from '@nutui/nutui';import '@nutui/nutui/dist/nutui

2021-12-07 16:41:48 3852 4

原创 window.open 打开新窗口被浏览器拦截问题

前端js跳转页面经常喜欢用这两种方式:window.open(“URL”,‘top’); 打开新窗口window.location.href=“URL”; 本窗口打开新页面场景但是在某些场景下,例如用户触发后,需要进行一些交互判断,然后window.open打开新窗口时,经常会被拦截。原因在浏览器的安全机制里面,非用户触发的window.open方法,便会被拦截。解决首先打开新窗口,然后设置urlasync toTarget (){ const win = window.open(

2021-12-03 15:10:15 649

原创 element-ui 使用el-upload , before-upload函数不好使

在使用el-upload这个组件的时候,业务是需要传其他参数给后台,所以校验写在before-upload中,在before-upload中直接返回true或者是false,依然会发文件给后台参数说明类型可选值默认值on-progress文件上传时的钩子function(event, file, fileList) — —on-change文件状态改变时的钩子,添加文件、上传成功和上传失败时都会被调用function(file, fileList)——

2021-11-01 10:22:43 4207 1

原创 mac 压缩、解压、上传等命令的简单使用

tar参数注释-c建立一个压缩文件的参数指令(create 的意思);-x解开一个压缩文件的参数指令!-t查看 tarfile 里面的文件!特别注意:在参数的下达中, c/x/t 仅能存在一个!不可同时存在压缩 例子://demo.tar 压缩后的文件// home/demo 需要压缩的文件tar -zcvf demo.tar /home/demo解压 例子:// 将demo.tar 压缩文件,解压到 /src/demo 下 cd /s

2021-10-19 11:15:05 223

原创 Charles 抓包手机

Charles 抓包工具大家肯定都了解过,这里简单说一下手机抓包步骤。Charles 下载地址首先确保电脑和手机连接到同一个热点上进入Charles

2021-10-15 10:27:09 124

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