- 博客(100)
- 收藏
- 关注
RSS订阅原创 跨域浏览器解决前端跨域问题
然后就是你跑项目打开的浏览器要用这个浏览器副本（跨域浏览器）打开，如果你是用之前的正常浏览器来打开的话，还是会有跨域。优点：不需要你有任何的开发经验都可解决，如果你是纯新手，用这种方式反而更快。缺点：1.不通用性。只能解决自己的跨域问题，并不能解决其他前端同事的，如果同事也要处理，则也需要制作一个跨域浏览器。但是一般来说一个项目的前端也就1-2个人，所以这种方式适用于人不多的项目。2.不便于维护。后面的人不知道你是用这种方案解决跨域的话，就挺难受的。
2024-07-24 17:04:49
941
原创 前端也需要知道的一些常用linux命令
这里用到的一些都是比较简单的linux命令， 主要是适用于前端，linux的指令还有很多，需要用到的时候再去查一下把，不用特意去记，如果大家有什么好用的命令也可以在评论区分享下，我会好好吸收的。不知道大家有没有这样更新过自己的前端包呢？
2024-06-24 10:06:48
1086
原创 前端怎么debugger排查线上问题
这一块的内容是hover才会显示出来的(代码做的效果)，如果移除了那么就会消失，这问题就导致我使用f12然后选择元素的时候一直选择不到。看是真的很简单，但是真的让你自己去处理的时候，你会发现怎么找都找不到应该对应调试的代码在哪一段，然后就更不知道断点应该打在哪里了，就很崩溃。（source-map开启的话，你就能看源文件，不开启也能找到，但是看的是打包后的代码，不介意的话也可以看）你可以在这个显示逻辑这里，写一个console，然后去触发事件，控制台就会有相应的输出，你就可以从这里进去了。
2024-06-05 18:23:44
719
原创 css文字和span在一行对不齐
注意：这个是加在父盒子身上的，而且一定要一个max-height，原因是text-overflow仅适用于具有固定宽度的块级元素。不直接加height是因为当标题不多的时候就可以自适应。
2024-04-24 20:38:59
1065
原创 git删除某次commit的代码
但是git在git push的时候，发现你本地的仓库和远程的比还少了一个commit（就是我们删的那个）。主要是同事的代码合并到了dev分支，然后自己的代码也合并到了dev分支，但是其中有一个commit不想要，因为这次commit是一个功能，但是暂时是不需要上线的，所以需要把这个commit给它弄出去。如果你的develop已经使用rebase - i 删除了那次的commit，但是此时你又用develop去合并featrue1这个分支的话，这个功能1的代码就会重新的应用到develop上了。
2024-04-02 00:55:46
1531
原创 git添加多个远程仓库
总结就是要把仓库名换一下，push的时候也要带上仓库名git remote add 添加第二个git remote add
2024-04-01 01:43:36
866
原创 vue 视频添加水印
该水印指令生成的水印 可以通过删除dom元素(如果你的水印是在一个单独的dom的话，如果你是作用在body上就不会，因为你把body删了里面的内容也没了)就把水印删了（只能说防普通用户，防君子）。但是视频全屏时添加水印的逻辑是不变的。这段代码的意思主要是监听视频全屏时，就去拿到视频标签元素 和 水印标签元素，然后把 水印标签元素append到视频标签元素里面去就可以显示水印了。其实腾讯云点播的api也支持视频水印，但是只有单个水印，大概效果是这样子的，不满足我们的需求，我们的需求是需要视频中都是水印。
2024-03-31 23:58:07
1003
4
原创 2023年底前端面试找工作感受
经过这次的裸辞找工作的经历，也是让自己更加的体会到一个道理：不要裸辞！不要裸辞！不要裸辞！裸辞的话，很容易被公司和hr拿捏。第二个就是前端也不要只关心业务，更要关心面试！！！！能不能拿高工资真的很看面试（很生气但是没办法）。最后，楼主我也只是个比较普通的前端开发吧，能做的也是把自己比较普通的经历分享出来。很多大佬勿喷啊，我知道很多大佬都是月薪2/3w的，我自己也是没有比大佬研究的更多，也比不上大佬的薪资待遇，但是我自己来说的话，就是不要太落后就可以，
2024-02-07 18:14:51
724
2
原创 使用宝塔面板部署node项目、数据库及react项目
这个项目端口号可以随便填，但是一定要与node项目中配置的端口号一致，并且与vue项目中axios的base_url（项目基地址）的端口号一致，并且整个vue项目中的地址，你都是使用的base_url变量，而不是写死的常量。（平常的vue项目访问的图片和接口一定要用base_url，否则会出现请求错误的情况，我部署的时候就出现了，接口访问出错，找了很久，发现是vue项目里面写死了！将我们的node项目中的node_modules删除掉，然后再压缩，把这个压缩包上传上去，再解压，然后删除这个安装包即可。
2023-12-27 01:27:01
3343
1
原创 前端加密方式
对于前端来说，md5加密和jsencrypt非对称加密使用的是相对来说比较多的， 对称加密使用的相对来说较少(需要用到的话，可以搜索下CryptoJS)，但是我们最好是都需要掌握一下。
2023-09-04 11:13:15
781
原创 一个Vue项目同时包含PC端页面和移动端页面
又因为移动端和pc端的设计页面差别过大，导致我们无法使用响应式的方式来处理，所以我们需要分别写两个页面来对应移动端和pc端的页面(这两页面都是在同一个vue项目)其实也可以用路由的方式来处理，将移动端和pc端都写成一个路由，如/pc和/mobile,然后我们在/search页面判断设备，如果是手机则在mounted中跳转手机的页面，不是则pc端。因为我们pc端的项目是已经做了响应式适配的，不需要再进行适配了，但是移动端的话还是需要适配的，不然跟着UI的750px的设计稿不适配，会有很大的问题。
2023-08-21 14:14:57
1798
原创 vite中使用postcss-px-to-viewport,适配vant
由于不是将所有的页面进行适配，所以我们只能通过vw的include配置来将某几个页面进行适配，如果使用rem的话，则会将所有的页面都进行rem适配了。于是我们正常去使用postcss-px-to-viewport，但是会发现include配置并没有什么用。cnjm的postcss-px-to-viewport，这个我没有去试，因为看了md发现是只增加了暴露文件的代码。我们使用完整版的’postcss-px-to-viewport’，安装使用以下命令。效果：可以看到vant组件中的单位也已经变成了vw了。
2023-08-21 11:29:59
2964
原创 elementPlus el-checkbox重名被同时选中及基本使用
然后label是对应的后台需要的id，那么你的checkIdList对应的也是id的数组了。经过了激烈的搜索之后，终于在github/element的issue中发现有人也提了类似的问题。1.显示多选的时候需要是中文显示，但是发送给后台的数据需要是id的数组。以及拿到的checkIdList是以中文名为值的数组。2.有同名的标签，导致选择的时候会被同时选中。主要是使用的时候出现了一点问题,问题如下。將一开始的代码改成这样,
2023-08-11 10:36:57
1034
原创 elementPlus自定义主题
a.完整导入elementPlusb.自定义主题,在assets下的css中写一个element.scss文件c.安装scss用于解析scss文件d.在main.ts中导入你写的scss文件1.注意这里需要把原来导入element-plus的css文件注释掉2.把自己的样式文件引入进来//引入element-plus相关样式// 引入覆盖的scss样式a.按需导入elementPlusb.自定义主题,在assets下的css中写一个element.scss文件。
2023-08-09 11:13:57
3166
6
原创 swagger使用教程
2.新来的后台喜欢用post方式的formdata来提交数据，而我们是比较认可默认json方式的，后面还是兼容了他的接口。后端swagger没起，没图了，大概是这样子的。
2023-08-07 15:58:26
1175
原创 前端深色地图
看了网上的超级多的方案，目前的主流还是在线使用官网的来变色，离线的通过对图片进行操作（不管是使用css filter还是rgba方案如）来变色。
2023-06-13 16:13:13
1687
原创 openlayers入门教程
openlayers基础入门到实战平铺图层。对于提供预呈现、平铺的网格图像的层源，这些网格按特定分辨率的缩放级别组织。图像图层。服务器呈现的映像，可用于任意范围和分辨率。(3)ol.layer.Vector()很常用矢量图层。矢量平铺图层。图层用于客户端呈现矢量平铺数据。
2023-06-06 18:16:33
15951
5
原创 nginx配置详解
nginx配置详解。对于自己上线项目的前端来说，nginx也是必须要了解和熟悉的，查了很多的nginx文章，看着写的都很详细，但是却没有了整体的概念。这里就重新梳理一遍，也理清思路。我们在安装nginx之后，会自动生成很多的文件，但是nginx.conf这个文件是我们的核心，如何去正确的修改和优化它是nginx的核心。首先我们可以先看下原本的配置，你会觉得无所适从，因为感觉这个鬼东西也太多了吧。而且感觉根本就不理解，也不知道该怎么写。下面，就一步一步的教你如何入门到熟悉。
2023-05-24 10:02:23
63723
6
原创 websocket的基础使用，心跳机制，断线重连
websocket的基础使用，心跳机制，断线重连。传统的http请求只能是由前端向后台发送一个请求，然后后台把结果返回给前端，前端再进行展示。这里就暴露了一个问题，就是通信只能由前端发起，而后台无法主动与前端通信。而websoket的出现就是为了解决这个问题，让前端可以主动联系后台，后台也可以主动联系前台。相信大家都知道websoket的应用场景主要是用于即时通讯，比如QQ、微信即时通讯软件，同时在一些实时监控，需要即时暴露问题的地方也需要用到websoket，比如大屏可视化，需要及时的展现商品的成交数量。
2023-05-23 01:23:05
8235
1
原创 前端获取用户地理位置定位
前端获取用户地理位置定位,在很多的h5/小程序中都需要用到定位，特别是一些连锁店，充电站，共享类的业务。本期就前端如何获取用户定位做一个说明。
2023-05-19 10:53:15
4362
原创 前端该如何进行权限设计管理？前端权限设计方案
前端该如何进行权限设计管理？前端权限设计方案如何去设计一个完整清晰且灵活的权限是后台系统的关键所在，在配置完基本的开发环境之后，将该权限设计加入进去之后，后面的开发就是水到渠成。在开发时，大家肯定对菜单管理，角色管理和用户管理很熟悉，但是对其中的相关性可能了解的不够，本文就参考人人微服务平台（账号密码：admin/admin）及若依管理系统（账号密码：admin/admin123）的权限设计设置肯定绕不开菜单管理，角色管理和用户管理，部门管理和岗位管理就看业务需要。
2023-05-12 11:58:06
5445
原创 js实现点击div之外区域,隐藏div
之前在学习的时候，发现别人用了这个contains属性，感觉还是很好用的，记录一下，以免忘记。在监听事件中，判断左侧盒子不包含点击的位置时，则关闭左侧盒子。js 判断是否包含某个DOM元素使用contains。点击左侧弹框之外的区域，会将左侧弹框关闭。
2023-05-04 10:58:16
3003
原创 electron项目模板：如何新建一个vue3+electron项目，并加入基础建设
electron项目模板：新建vue3+electron项目，并加入基础建设为什么需要自定义窗口？原因是因为原生的窗口不好看，很难看。且无法去修改，导致满足不了UI的效果，所以很多桌面程序都是自定义窗口。
2023-04-29 01:42:04
2434
4
原创 uniapp模板：新建一个uniapp项目，并加入基础化建设,uniapp开发全流程
在pages.json中写入以下代码配置tabbar(可配可不配，看自己项目的实际情况有没有tabbar)。。iconPath和selectedIconPath是图片，这里我就不放上来了，大家可以用自己的图片地址。或者不要这两个属性也可以。
2023-04-27 23:08:24
2331
原创 vue2项目模板：新建一个vue2项目并加入基础建设
到时候，本地的prettier插件会根据这个文件来格式化，项目安装的prettier也会根据该文件来格式化。安装时的报错解决：指定某个大版本就ok了，这个报错很明显是因为eslint和eslint-plugin-prettier的版本搭配不正确导致的。router-config.js中的代码: 由于封装路由拦截器需要和项目选中前端路由还是后端路由有关系，所以这里就简单的写了样例。根据以上的配置，你会得到一个vue + vue-router + vuex + less + eslint的vue2项目模板。
2023-04-24 00:21:52
2147
原创 Eslint:vue3项目添加eslint(standard规则)
1.可以看到我们自己新建的vite项目来自己添加standard规则会有各种的bug，虽然这种bug在eslint的官网都能解决，但是还是很费神的，关键还是在于eslint和vite融合的不够完美（也怪更新的太快了），不能直接初始化好了就可以用（像vue2一样）。所以总结下来的话，我认为还是在刚建立项目的时候就去添加eslint，然后使用自定义的规则来做,参考我的上一篇文章。2.另外的话，此时用npx eslint --init的方式只能添加standard规则和xo规则，并没有airbnb规则。
2023-04-23 11:45:36
5174
原创 前端开发必配置的环境及工具，前端第一天需要装的环境，前端入职 —— 安装开发环境。如何快速看懂一个正在开发的前端项目、老项目
前端开发必配置的环境及工具，前端第一天需要装的环境，前端入职 —— 安装开发环境。如何快速看懂一个正在开发的前端项目、老项目
2023-04-23 00:45:46
3316
原创 Eslint:创建vite+vue3项目，并添加eslint,vite+vue3+ts+eslint+husky+lint-staged
因为刚初始化好的eslint规则只加入了一些推荐的eslint。如果自己需要自定义规则的话，可以在.prettierrc.json或者.eslintrc.cjs的rules中去添加自己的规则。创建vite+vue3项目，并添加eslint,vite+vue3+ts+eslint+husky+lint-staged,创建vite+vue3项目，并添加eslint,vite+vue3+ts+eslint+husky+lint-staged
2023-04-22 23:53:36
1072
原创 前端vscode必备插件推荐，VSCode前端常用的插件
前端vscode必备插件推荐，VSCode前端常用的插件作用：用于将某个静态文件用一个服务容器来对外服务【类似开启了一个静态资源服务器】，说人话就是Live Server 是一个具有实时加载功能的小型服务器，使用它进行 web 页面开发就好像在服务器上修改页面一样。作用：ES6语法智能提示，以及快速输入，不仅仅支持.js，还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间。其实。
2023-04-21 15:01:29
3159
原创 Eslint:已有vue2项目添加eslint自动格式化，Eslint (standard)+ Husky + Lint-staged+prettier
已有vue2项目添加eslint自动格式化，Eslint (standard)+ Husky + Lint-staged+prettier
2023-04-20 11:53:07
4207
5
原创 Eslint:新建vue2项目使用eslint，vue2项目eslint自动化，Eslint + standard标准+commitLint
新建vue2项目使用eslint，vue2项目eslint自动化，Eslint + standard标准+commitLint
2023-04-20 11:50:02
3563
原创 可视化大屏适配，大屏适配方案，前端大屏适配，前端PC端适配
可视化大屏适配，大屏适配方案，前端大屏适配，前端PC端适配前端大屏scale适配 等比缩放时，项目的上下或者左右是肯定会有留白的，这个不管是rem，还是scale都会出现的问题，除非你不是等比缩放。才不会有留白。
2023-04-13 17:41:15
1401
原创 前端PC端适配，网页端适配
前端PC端适配，网页端适配,分辨率都要等比缩放1.安装 flexible.js (建议放到本地)2.使用 **postcss-pxtorem**插件
2023-04-13 17:39:18
5129
原创 electron-builder打包桌面运行只显示一半图标,桌面图标和程序左上角图标显示不全的问题
electron-builder打包桌面运行只显示一半图标,桌面图标和程序左上角图标显示不全的问题
2023-04-10 17:54:53
1423
原创 vite项目 Uncaught Syntaxerror: Unexpected token ＞ vue项目上线白屏
vite项目 Uncaught Syntaxerror: Unexpected token > vue项目上线白屏
2023-04-07 17:15:21
6620
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人