自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端上传heic图片转jpe格式并展示

【代码】前端上传heic图片转jpe格式并展示。

2024-05-22 15:48:05 66

原创 查看占用端口 关闭端口

【代码】查看占用端口 关闭端口。

2024-04-10 14:25:28 225 1

原创 minio本地文件上传/远程url上传

minio本地文件上传/远程url上传。

2024-04-08 16:21:05 679

原创 table表格/内容等左右滑动禁止mac笔记本等自带左右滑返回功能

overscroll-behavior CSS 属性是 overscroll-behavior-x 和 overscroll-behavior-y 属性的合并写法, 让你可以控制浏览器过度滚动时的表现——也就是滚动到边界。

2024-02-19 16:18:44 389

原创 项目优化:vue打包部署到服务器并使用cdn加速

并且全量替换cdn中的dist文件内容。

2024-01-25 16:16:49 1500

原创 uniapp小程序使用canvas画布进行签名

【代码】uniapp小程序使用canvas画布进行签名。

2024-01-03 15:01:29 1129

原创 两个对象比较内部数据的变化,并返回对应key数组

【代码】两个对象比较内部数据的变化,并返回对应key数组。

2023-11-10 16:44:55 179

原创 vue2中使用swiper组件库

vue2中使用swiper组件库。

2023-05-29 15:02:34 968

原创 前端table表格使用xlsx与file-saver和xlsx-style数据导出xlsx表格

前端table表格使用xlsx与file-saver和xlsx-style数据导出xlsx表格

2023-05-22 10:39:30 1027

原创 vuescroll插件配合原生js属性scrollIntoView实现分页切换滚动内容

vuescroll插件配合原生js属性scrollIntoView实现分页切换滚动内容

2023-05-12 15:27:53 701 1

原创 web使用高德地图,经纬度与地址互相转化/获取用户当前地址/位置比对/地理位置选择等

web使用高德地图,经纬度与地址互相转化/获取用户当前地址/位置比对/地理位置选择等。

2023-04-04 18:34:56 1382 1

原创 前端非同源网页之间通信(传递参数)

【代码】前端非同源网页之间通信(传递参数)

2023-03-03 10:06:24 240

原创 同域下多窗口间localStorage/seccionStorage是否可以共享

顶级浏览会话的上下文作为新会话的上下文,修改原页面的sessionStorage属性不会修改新页面sessionStorage数据,重点:从当前页面新开页面方式打开同一个域下的新页面,新开的页面会。例:window.open(‘同源页面’) / a标签。

2023-01-31 19:28:31 2663

原创 前端pag格式动画使用

前端pag格式动画使用方法封装

2022-11-14 17:46:19 2950 2

原创 javascript时间戳转日期格式以及浏览器时区问题解决

【代码】javascript时间戳转日期格式以及时区问题解决。

2022-11-10 12:01:28 4762

原创 vue自定义分页组件

vue自定义分页组件,vue3,vue2分页器

2022-09-22 14:42:25 1480

原创 vue3的js文件中使用router

vue3的js文件中使用router

2022-09-02 15:14:38 4751 6

原创 node安装以及环境变量配置+nvm node版本控制管理

node安装以及环境变量配置

2022-07-28 15:28:14 588

原创 web3学习地址个人收藏

web3,以太坊,nft,dapp

2022-07-27 17:03:16 2249

原创 vue3中emit(‘update:modelValue‘)使用

vue3中emit('update:modelValue')使用

2022-07-27 16:44:51 26693

原创 根据银行卡号获取logo,并提取图片主题色(小程序版)

根据银行卡号获取logo,并提取图片主题色(小程序版)

2022-05-17 15:28:52 3381 3

原创 解决前端浏览器跨域问题(非前端代码类型)

1.谷歌商店搜索 Allow CORS: Access-Control-Allow-Origin插件安装使用两个图标都亮了代表ok了测试翻墙不了的可以使用第二种2.谷歌浏览器复制一个新的快捷图标右键 属性 -> 点击快捷方式,在目标后面新增如下代码 --disable-web-security --user-data-dir=C:\MyChromeDevUserData注意拼接在后面要加上空格,我的代码已经加了一个了,全部复制即可,确定之后打开使用,浏览器显示该信息表示ok了,

2022-03-30 11:06:52 1264 3

原创 解决电脑权限不足问题

按Windows+R键,打开“运行”,然后输入“gpedit.msc",就是打开组策略,这个在控制面板中也可以打开。在组策略里找到“计算机配置”-“Windows设置”-“安全设置”-“本地策略”-“安全选项”,在“安全选项”里认真查找“用户帐户控制-以管理员模式批准运行所有管理员”这项,将这项禁用掉,解决部分win10打不开组策略@echo offpushd "%~dp0"dir /b C:\Windows\servicing\Packages\Microsoft-Windows-Grou

2022-03-28 17:32:29 2772 2

原创 插件uni-simple-router,报错Error: /pages/error/* 路径无法在路由表中找到,检查跳转路径及路由表

uniapp小程序使用了插件uni-simple-router这时候如果访问不存在的路由 会提示Error: /pages/error/* 路径无法在路由表中找到!检查跳转路径及路由表解决方案-插件携带方法// page.json{ "path": "pages/error/404", "name": "404", "style": { "app-plus": { "titleNView": false } }}//router.js const router =

2022-02-12 16:21:58 4625

原创 vue项目api全局封装

目录结构config.js文件配置// 线上环境默认的配置const defaultConfig = { apiHost: '地址', staticHost: ''}// 测试环境const previewConfig = { apiHost: '地址', staticHost: ''}// 本地环境配置const localConfig = { apiHost: '地址', staticHost: ''}let hostConfig = defaul.

2022-01-26 10:12:52 2420 1

原创 Element-ui设置默认按钮大小

main.js文件里引入代码Vue.use(Element, { size: Cookies.get('size') || 'medium' // set element-ui default size})Vue.use(ElementUI, { size: 'small' })

2022-01-26 09:48:07 3526 1

原创 解决uniapp真机调试报错信息真机运行失败,失败原因:手机上没有信任本计算机的授权,请在手机上信任该授权

错误信如图所示,错误原因网上搜了些解决方法未解决,个人解决方法:网上下载小米助手到电脑上,官网下载地址,打开小米助手连上手机,具体连接方法网上自行寻找,之后再次测试uniapp真机调试成功。如下图,正常使用,热更新需真机退出应用再进入。...

2022-01-24 15:08:41 4707

原创 uniapp项目常用配置/方法

配置路由拦截(uni-simple-router官网地址,讲解很清晰)使用2.x版本注意事项不能使用uni.redirectTo跳转// uni.redirectTo({// url: 'pages/login/loginPage'// });next('/pages/login/loginPage') 解决真机首屏加载时间// 在app.vue onLaunch方法里使用switch (uni.getSystemInfoSync().platform) { case '.

2022-01-24 14:55:13 1112

原创 uniapp项目api封装

// 全局请求封装 request.jsimport store from 'store/index.js';import { Toast} from 'vue'export default (url, method, params) => { // 对传递得参数作处理 if (!params) { params = {} } if (!params['admin_id'] && uni.getStorageSync('userInfo')) { params

2022-01-21 17:27:02 979

原创 前端vue项目实现动态路由配置

**需求:**后端根据角色使用路由权限,返回路由表给前端,前端比对路由表筛选匹配路由并添加用户登录拿到路由表LoginByUsername({ commit }, userInfo) { return new Promise((resolve, reject) => { apis .loginByUsername(userInfo) .then((response) => { const data

2021-12-13 17:50:08 2801

原创 解决原生html项目打包上传css,js文件导致线上拿取浏览器缓存,无法更新,及index.html清除页面缓存

css,js文件缓存问题在引入得css,js文件里后面接上?v=版本号,每次更新内容打包线上时,修改版本号即可<script src="./js/china.js?v=2021091814"></script>index.html页面缓存问题<meta http-equiv="pragma" content="no-cache"> // 禁止浏览器从本地磁盘缓存上访问页面内容<meta http-equiv="cache-con

2021-09-28 13:07:22 916

原创 项目引入http的资源,线上报错解决

线上报错代码Mixed Content: The page at ‘https://w.xisoxiongyushu.con/' was loaded over HTTPS, but requested an insecure script ‘http://Libs.baidu.con/jquery/1.9.0/jquery. s?v=2021092315". This request has been blocked; the te oe线上报错代码 <!-- 自动将http的不安全请求升

2021-09-28 11:21:37 286

原创 事件携参传值

事件携参传值(vue)两个默认和一个按需携带@select="(section, row) => someRightCheck(section, row, index)"一个默认和按需携带@select-all="allRightCheck($event, index)"一个默认@select-all="allRightCheck($event)"事件携参传值(react)<Button onClick={this.delFolder.bind(this,index)}&g

2021-08-30 16:34:47 522

原创 定时器实现点击滚动到页面顶部

let currentPosition, timertimer = setInterval(() => { // 获取页面当前位置与顶部的距离 currentPosition = document.documentElement.scrollTop || document.body.scrollTop // 当前位置每次向上滚动指定距离 currentPosition -= 40 // 判断滚动之后,与顶部距离 if (currentPosition &gt

2021-08-11 09:54:10 1129

原创 解决修改浏览器title的logo不显示问题,附加本地运行打包的dist文件方法

旧版本含build文件的vue项目修改logo在build文件下的webpack.dev.conf.js 修改如下信息:new HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', inject: true, favicon:'./src/assets/logo.png' // 添加logo代码}),在build文件下的webpack.prod.conf.js 修改如下信息:new HtmlWebp

2021-08-05 13:30:18 1131

原创 简单实现防抖和节流

项目实用性能优化loading加载select选择器可搜索setPosition(lnglat)属性(控制台地图报错)简易版防抖本地数据搜索查找本地分页方法本地搜索到的数据分页处理loading加载数据加载出来前提供加载动画饿了么组件loading加载可设置转圈圈,一般用于table表格调取数据时过慢使用v-loading="!loading"select选择器可搜索饿了么组件选择器 需要让他变成可搜索的,直接添加filterable属性,setPosition(lnglat)属性(控制台地

2021-06-23 14:23:44 462

原创 React/Taro多端开发小程序实用属性、技巧等

小知识在text上添加之后,可以使用&nbsp;空格符号decode="{{true}}"获取一个对象{1: 0, 2: 0}里的第n个数据console.log(res[Object.keys(res)[0]])修改react,state里一个对象的某个属性let menuList = this.state.menuList menuList[i].isActive = !menuList[i].isActive this.setState({ menuLi

2021-06-23 14:12:27 545

原创 H5移动端适配(rem布局)(弹性布局)

移动端自适应各种手机屏幕分辨率适配方案采用方案:postcss-plugin-px2rem插件+postcss.config.js+setRem.js安装插件:npm i postcss-plugin-px2rem --save在和src同级目录下创建文件postcss.config.js并添加如下代码:// 一般postcss建议单独配置在文件postcss.config.js中// var px2rem = require('postcss-px2rem');module.exp

2021-04-21 09:34:56 686

原创 常用快捷键/设置

vscode经常用到的快捷键shift + 鼠标左键:选中部分代码代码 (光标需要移动到需选中代码的首或者尾部)Ctrl + Shift + H:全局替换Ctrl + H:当前文件替换Ctrl + F:当前文件查找Ctrl + D:依次找出文中所有的当前选中的单词:Ctrl + Shift + L:一次性找出文所有的当前选中的单词Ctrl + Shift + N 新窗口Ctrl + Shift + C :打开新的命令窗(仅支持在vscode中打开命令行)Ctrl + Home:快速回到顶

2021-04-20 14:04:15 2046

原创 解决Element-UI 侧边栏页面刷新或者首次登录后不高亮显示的问题

项目输出this.$route可以在页面发现如下信息当然因项目而异,但是 this.$route.path一般都是当前页面的路由地址,所以根据Element-UI里一个属性将default-active绑定为$route.path即可如下代码<el-menu :default-active="$route.path" background-color="#283643" text-color="#fff" active-text-color="#1CC09F"

2021-03-23 09:55:35 702

空空如也

空空如也

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

TA关注的人

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