原创 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
原创 vite+Vue3 createWebHistory 路由前缀配置
作为前端最火的前端框架之一,大家在使用的过程中必不可少需要使用(路由)。路由有和两种,本期主要针对下使用和配置,进行简单介绍。
2023-06-08 11:06:17 1858
原创 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
原创 js 控制浏览器 实现全屏 和 退出全屏功能
在工作中我们偶尔遇到不需要浏览器,需要将整个项目的情况,虽然有一些,但我们更希望项目中有类似的功能,可以让用户任意切换。
2023-03-08 18:21:30 1465
原创 yarn 通过 resolutions,指定子孙依赖包版本号,解决froala-editor 版本问题
使用resolutions指定子孙依赖包版本号
2023-02-22 16:24:51 502
原创 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+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