- 博客(20)
- 收藏
- 关注
RSS订阅原创 项目端口占用问题
我们这里可以看到是6780，然后在任务管理器中搜索PID值查看一下谁在占用，不重要的化直接右键停止这个任务的运行。大概意思就是你的8888端口被占用，使用你的cmd窗口查看一下8888的PID地址。记录一个项目端口占用问题：启动失败日志如下。
2024-03-18 10:03:01
273
1
原创 vue cli记录一次因三方依赖插件未进行bable编译造成的ie不兼容问题
vue cli记录一次因三方依赖插件未进行bable编译造成的ie不兼容问题 vue-grid-layou插件
2022-06-16 11:15:21
722
原创 js正则匹配某个汉字
想要匹配字符串中是否含有某个汉字需求打开在线文字转译器oschina，输入你要转译的文字用ASCLL编码,并cv定义正则规则 let reg=/[\u6c49][\u5b57]/使用 console.log('>>>test',reg.test('22555汉字adfasdf'));// >>>test,true console.log('>>>test',reg.test('22555汉文adfasdf'));// >
2022-05-31 16:08:05
1379
原创 css改变纯色图片颜色的几种方式
公司最近做个项目，碰上了用状态控制图片的展示，图片区别就在于颜色不同，为了网络性能优化，用css进行着色重复利用方案一 filter: drop-shadow()filter: drop-shadow(x偏移, y偏移, 模糊大小, 色值);主要是靠制造阴影效果后进行移动加溢出后影藏 <div class="icon-box"> <img src="xxx.png" class="icon" /> </div> <style>.
2022-05-25 17:16:00
2028
原创 js封装的导入加载组件
公司需求，需要导入加载组件，展示当前已经加载多少，加载进度由后端提供，前端只需要提供一个初始化init()方法跟set()修改进度方法，直接贴代码function initFn(initCss, domTree, id) { // 创建style标签 const style = document.createElement("style"); // 将 keyframes样式写入style内 style.innerHTML = initCss; // 将style样式存放到hea
2022-04-02 16:20:37
725
原创 天地图icon图标与标注文字重合导致被遮盖问题
项目中使用到了天地图，需要标注点icon当做文本标注的文字的背景，首先想到的就是将icon用图片代替，在将标注文字移动到图片上拉胯，完全不是想要的效果，去官网看看文本标注的相关api—http://lbs.tianditu.gov.cn/api/js4.0/class.html，看到有对应的api设置，狂喜this.map.addOverLay(marker1);let label = new this.T.Label({ text: `<span>${item.name}&l
2022-04-02 15:58:29
1582
原创 vue修饰符.lazy采坑记录
关于vue修饰符.lazy绑定在element ui的input框中不会生效问题，直接上图首先输入三个数字，updated生命周期执行了三次，未能达到预期效果只在失焦时修改值同样方法用在原生input输入框上看看不难看出.lazy在原生输入框上实现预期作用，问题还原：在element ui的input框中不会生效原因只要是element在外层还套了个div盒子，将.lazy放在div盒子上是不会生效的...
2021-07-29 11:29:36
1185
1
原创 element采坑记录 多选框＜el-checkbox-group＞标签内部内容不显示问题
问题复现 上图——————————————————————查找原因——————————————————解决方案：将font-size赋值就行
2021-07-28 17:15:26
2498
1
原创 Vue3.0在main.js配置全局属性,及其代替vue2的this、接口使用等等
注入全局api接口对比接口封装没什么区别，v2怎么封装，v3拿过来用就行了，主要是在main.js全局的注入使用有所区别v2//main.jsimport Vue from 'vue';import App from './App.vue';import api from './http/api/api.js'//数据接口Vue.prototype.$api = api;new Vue({ render: h => h(App)}).$mount('#app')v3
2021-01-20 16:17:26
11231
5
原创 Vue3.0使用路由vue-router,嵌套子路由、修改页面title及其路由传参等等
安装路由（2021.1.14）我的版本是 “vue-router”: "4.0.0-beta.6“配置路由文件在src文件夹下建立自己的vue-router文件配置index.js文件//此处引入的方法跟vue2不一样！！！！！！！！！import { createWebHistory, createRouter } from 'vue-router'const history = createWebHistory()const router = createRouter({..
2021-01-14 11:12:09
10723
1
原创 javascript获取随机不重复的n个数
话不多说直接上代码getRndom() { let arr1=[];//提供随机数据的数组 let arr2=[];//存储要得到的随机数 for (let i = 0; i < 8; i++) { arr1.push(i); } for (let k = 0; k < 3; k++) {//获取随机数不重复的三个数字循环三次 //ceil向上取整 let id = Math.ceil(Math.random() *
2021-01-14 10:34:06
424
原创 vite创建的vue3.0导入element框架报错[vite] Failed to resolve module import “xxx“（vue3.0采坑之路）
想玩玩vue3，用了vite创建了项目，导入element时启动项目一直报错饿了么的css样式导入失败，将main.js里的import 'element-plus/lib/theme-chalk/index.css’注释掉解决报错，但没了样式折腾了一下午最后到lelment plus官网安装教程上找到了问题解决方案，得用vite模板的UI进入git下载vite版本的element项目，下载好了直接cd 项目文件夹npm inpm run dev 启动项目4此刻应该是能正常运行了在看一
2020-12-14 17:54:05
17148
15
原创 vue3.0项目不兼容ie浏览器问题
最近新项目想用vue3.0写一下，感觉v3的语法结构便于管理和阅读，vite的编译速度也很快，反正就是香，赶紧创了个项目试了一下，在测兼容性环节发现竟然不支持ie浏览器，连ie11也不行，在网上找了一圈解决方案试了一下都不行，最后找群里划水的大佬问了一下本人也是菜逼一枚，目前问题还未得到解决，有大佬有解决方法可以给我指点一下谢谢，目前了解到就是ie不兼容proxy，如果要兼容ie得放弃vue3的proxy，我想了想v3放弃proxy还用v3的意义何在，所以当场放弃了ie浏览器附上群里大佬的解决方案（没测
2020-12-14 15:25:16
11016
3
原创 原生微信小程序开发——单位篇
rpx是微信官方给出的开发单位，如同rem都是自适应的，这里就不对像素、物理像素等等一系列理论讲解了，分享一下拿到原稿如何使用，将设计稿尺寸设为750px我这里原稿是w:375px的，直接改为W:750px便于后面单位使用，（我这个是蓝湖Ui比较便捷，没有的可用ps修改）微信开发者工具（其他展示工具）将机型设为iphone6/7/8，只有此机型的像素与750px设计稿对应不用换算单位，3.现在就在以上两个条件下进行开发，单位就将以前的px换成rpx就行了，尺寸一一对一，我这里这张图W:2
2020-12-11 11:50:13
656
原创 vue使用本地图片
vue中要使用本地动态图片直接写相对路径不会生效，得用require引入，<!--静态直接引入--><img src='../../../assets/skipPage.png'/> <!--动态require引入--><img :src=img />data() { return{ //相对路径 img:require("../../../assets/skipPage.png") }
2020-12-11 11:26:17
538
原创 2020-11-17
小程序base64格式图片在ios加载不出来问题原生微信小程序图片标签采用<cover-image>加载base64格式时，兼容android（虽然官方文档说了不兼容，但亲测是兼容的），不兼容ios。所以遇到这种问题的小伙伴们把<cover-image>换成微信官方<image>标签解决。问题还没解决？这时候最大的可能性就是后端没处理base64换行空格等问题，需要前端拿到数据后自行处理一下，let newBase= oldBase.replace(/[\r\n]/
2020-11-17 10:02:04
286
原创 React-插槽
react插槽作用让子组件的一部分内容，被父组件控制，而不是被子组件控制，用于将父级的内容（数据）显示到子级//父级import React, { Component } from 'react'import Son from './Son'//引入子级export default class Far extends Component { render() { return ( <div> {/* 在子级标签
2020-09-12 09:58:18
120
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人