- 博客(116)
- 资源 (10)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 git命令、proxy代理、this.$set、map方法遇到的问题
1.常用git命令1. git log 查看提交历史记录2. git rebase 本地多个commit合并成功一个commit（较于git merge的好处是只生成一条commit） 3. git relog 版本切换记录（当切换到旧版本时，运行命令可以拿到新版本的tag，然后在旧版本中切到新版本）4. git reset --hard 版本号 切换到指定版本5. git diff 按q键退出阅读模式2.map中遇到的坑切记：当数组中元素是值类型，map不会改变原数组；当是
2021-04-25 17:26:51
334
原创 Vue速成--项目实战（后台管理系统）
需要后端服务器资料的童鞋，私信留言哦~umall 后台管理1.创建项目vue init webpack umall2.清空工作1.assets 清空2.components 清空3.router/index.js 删除helloword相关的import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)export default new Router({ routes: [ ]}).
2020-11-30 12:48:24
11598
4
原创 前端基础
HTML介绍HTML概述: Hyper（超） Text （文本）Mark（标记） Language（语言）Hyper(超)的含义：即基于.txt 文本类型文件，但是.txt文件只是能写字符（字母、数字、标点符号等）。 .html不仅拥有字符还包含有图片，链接，音视频，表单，表格，列表等。CSS介绍CSS概述：Cascading Style Sheets 层叠样式表。样式定义如何显示 HTML 元素，外部样式表可以极大提高工作效率，外部样式表通常存储在 CSS 文件中，多个样式定义可层叠
2020-08-03 20:06:03
1348
原创 border-image和border-radius一起使用border-radius不起作用
解决方案：最外层父盒子假如叫A添加 background为border-image的值，以及添加 boder-radius。关于border-image和border-radius一起使用border-radius不起作用。再添加一层父盒子假如叫B 添加padding值为border的宽度。最外层父盒子的border-radius设置稍大一点效果会更好！最终表现效果是 .tab_box设置的border-radius。C和D都是子盒子 单独设置其border-radius。
2023-09-06 16:16:29
2220
原创 三分钟搭建个人博客技术栈Nuxt3+vite+mysql+koa2
最近也是想入一下Nuxt3的坑，然后就写了一个博客系统，目前已开源github，欢迎大家star！！！
2023-04-11 14:35:03
1010
1
原创 开源个人博客搭建只需三分钟Nuxt3+vite+mysql+koa2搭建
最近也是想入一下Nuxt3的坑，然后就写了一个个人博客系统，目前已开源github，欢迎大家star
2023-04-06 17:42:11
987
3
转载 前端面试题：实现批量请求数据，并控制请求并发数量，最后所有请求结束之后，执行callback回调函数
/ 阻塞队列增加一个 Pending 状态的 Promise，const results = new Array(TOTAL_REQUESTS_NUM).fill(false);// 所有请求的返回结果，先初始化上。// 进里面排队去吧，不放你出来，不resolve你，你就别想进行下面的请求。// 现在请求的数量是。// 放在对应的results数组对应位置上的，保持顺序。
2022-11-11 15:27:07
435
1
转载 为什么视频网站的视频链接地址是blob
自从HTML5提供了video标签，在网页中播放视频已经变成一个非常简单的事，只要一个video标签，src属性设置为视频的地址就完事了。由于src指向真实的视频网络地址，在早期一般网站资源文件不怎么通过referer设置防盗链，当我们拿到视频的地址后可以随意的下载或使用（每次放假回家，就会有亲戚找我帮忙从一些视频网站上下东西）。Tips：目前的云存储服务商大部分都支持referer防盗链。
2022-11-09 13:34:39
2319
原创 H5兼容性问题汇总
android在软键盘弹起或收起时，会改变window的高度，因此监听window的onresize事件；（1）、在ios中软键盘弹起时，仅会引起body的scrollTop值改变，可以通过输入框的获取焦点情况来做判断。⚠️ ios系统弹起软键盘时，固定定位失效，这是所有ios系统的一个bug，出现此问题时就利用上面监听输入框获取焦点和失去焦点的方法改变样式。html 或者body添加 {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);//兼容firebox。
2022-11-04 15:17:16
1442
原创 开发过程中问题收集
因为hook先执行return中的dom渲染，if判断时全都是初始状态的值，如果这些值是异步获取的，并且useEffect中的代码触发时机是Dom渲染后，从而导致错误。hook书写 return的dom结构不要被if语句判断包裹 除非判断的值不是异步状态获取的 如图。tab切换时，跳转最好replace路由，提高用户返回时的用户体验～
2022-11-01 17:50:01
116
原创 前端异常数据抓取和数据上报及用户行为信息分析
接口错误异常 统一在 axios封装中 拦截器中使用 .catch 中捕获js异常使用window.addEventListene(‘error’,(error) => {},true);第三个参数表示是否捕获阶段执行，开启捕获不仅可以获取到js的异常，还可以获取到资源加载的异常（如图片加载失败）未处理的 Promise 异常// 打印异常原因// 阻止控制台打印});
2022-10-26 11:44:53
873
原创 羊了个羊手摸手教你制作
最近羊了个羊是真的很火，正是因为这个游戏抓住了用户好胜心，所以每个人的坟头都应该绿树成荫了吧 啊哈哈哈。所以这几天也是用cocos仿了一版羊了个羊，代码已开源，获取方式在文章最后，欢迎Star！因为时间关系没有制作 道具，大家可以根据我的项目进行二开，总之代码已开源欢迎Star！运行方式 用cocos打开项目然后 点击 first_scence 后再点击顶部运行按钮即可。
2022-10-17 11:44:13
1397
5
原创 gitlab-ci.yml 前端node环境文件
script:- node -v- npm -vcache:paths:job build:script:cache:paths:artifacts:paths:- build/
2022-09-23 10:54:04
695
原创 全球手机号前缀
name”: “阿尔巴尼亚”,“name”: “阿尔及利亚”,“name”: “埃塞俄比亚”,“name”: “赤道几内亚”,“name”: “法属圭亚那”,“name”: “福克兰群岛”,“name”: “哥斯达黎加”,“name”: “几内亚比绍”,“name”: “列支敦士登”,“name”: “所罗门群岛”,“name”: “维尔京群岛”,“name”: “印度尼西亚”,“name”: “阿拉斯加”,“name”: “阿鲁巴岛”,“name”: “安圭拉岛”,“name”: “澳大利亚”,
2022-09-22 15:18:20
1369
原创 前端你需要了解的移动端布局方案
npm i lib-flexible --savenpm install postcss-pxtorem@5.1.1//px转化成rem得配置然后在找到根目录下得.postcssrc.js2. postcss-px-to-viewport 推荐在项目根目录下添加.postcssrc.js文件
2022-07-15 16:27:39
136
原创 前端开发进阶之路视频大全
我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，这篇文章，笔者想结合自己的一些成长经历整理出一些路线，帮助各位初中级前端工程师少走一些弯路。这篇文章会提到非常非常多的学习路线和链接，如果你还在初中级的阶段，不必太焦虑，可以把这篇文章作为一个进阶的路线图，在未来的时日里朝着这个方向努力就好。我也并不是说这篇文章是进阶高级工程师的唯一一条路线，如果你在业务上做的精进，亦或是能在沟通上八面玲珑
2022-07-08 16:38:56
169
原创 elementPlus修改主题色以及皮肤设置思路
系统皮肤通过提前定义好各种皮肤风格通过vue的store以及localStorage去动态修改同时代码中要使用变量方式引入store中的主题颜色
2022-06-01 11:52:59
4192
2
原创 前端可视化项目全国疫情地图
闲来无事，搞了搞Echarts，效果如下，可做毕业设计。使用的网易云提供的疫情数据接口，Koa2搭建的服务器，在线演示地址 https://www.myutils.cn/#/bigscreen可自适应各种移动端，Paid端，PC端。
2022-06-01 10:35:30
878
2
原创 小程序手势返回以及手机自带返回功能问题解决思路
一般苹果手机不会自带手势返回以及原生手机返回按钮，所以我们的组件返回功能是可以去做一些自定义的事情的。但是安卓手机大部分有原生手机自带的返回按钮以及手势返回，这个时候我们可以通过 onUnload生命周期拦截到，我们需要在当前页面设置一个flag来记录是否使用了组件的返回功能，如果使用了组件的返回功能我们不需要走 onUnload这个钩子。下面是组件返回功能如果是手势返回或者手机自带返回从而达到拦截住手势返回或者手机自带返回的效果～希望微信团队还是抓紧出了拦截手势以及手机自带返回功能的API
2022-05-19 16:47:08
3135
原创 小程序自定义custom-tar-bar
<!--miniprogram/custom-tab-bar/index.wxml--><cover-image class="background-bottom {{isIphoneX?'phone':''}}" src="/image/tab/tab_bgc_shadow.png"></cover-image><cover-view wx:if="{{isIphoneX}}" class="tab-bar-backgrond"></cover
2022-04-12 14:48:49
314
1
原创 docker配合gitlab自动部署前端项目
安装dockeryum -y install docker启动docker服务:sudo systemctl start docker开机自启动dockersudo systemctl enable docker使用docker version 命令查看docker是否安装成功安装gitlabsudo docker run --detach \ --hostname gitlab.myutils.cn \ --publish 8443:443 --...
2022-03-10 18:49:36
1024
原创 小程序custom-tab-bar自定义背景图片
踩了一天的坑，终于把这该死的自定义custom-tab-bar啃下来了，代码如下<cover-image class="background-bottom {{isIphoneX?'phone':''}}" src="/image/tab/tab_bgc.png"></cover-image><cover-view wx:if="{{isIphoneX}}" class="tab-bar-backgrond"></cover-view> <
2022-03-03 11:23:11
511
原创 前端面试题高频
1. vue2.x的响应式实现和vue3.x的响应式实现2.diff算法实现原理3.AST抽象语法树实现原理4.webpack实现原理5.常见的loader和plugin以及loader和plugin的区别6.前端性能优化7.前端安全问题8.前端长列表优化9.浏览器缓存10.浏览器从输入url按下回车都经历了什么11.css样式垂直居中12.TCP三握四挥13.new关键字都做了什么14.两个异步任务如何比较快慢15.Promise16.vue3新
2022-02-17 10:20:14
454
原创 前端性能优化方案
前端性能优化方案优化工具：lighthousewebpagetestchrome devtools**FCP 首次内容绘制 1s以内LCP 最大内容绘制 2.5s以内FID 首次输入延迟TTI 完全可交互TBT 总阻塞时间 所有长任务（多于50ms的任务）时间 - 50msCLS 布局抖动**html解析知识点解析html过程中 如果遇到js脚本不管是内联还是外联都会阻塞DOM的渲染 而是下载脚本并且解析脚本处理完后 继续解析Htmldefer 与 DOMContentLoa
2022-02-10 17:24:19
1552
原创 小程序bindblur遇到的一个坑
因为 this.setData 是异步的所以 input输入后 bindblur 去重新赋值 这个过程中 会出现bugbindblur 的优先级太低了且setData是异步的 这个时候点击确认按钮 打印 input框内的值会发现 是之前的值解决方案1. 不要用bindblur 使用bindinput解决方案2. 确认按钮添加 setTimeout 防止确认的动作比离do焦的快动作...
2022-02-09 16:19:33
1912
原创 前端工程化-文件集中注册
import { createStore } from 'vuex'const path = require('path')const requireModules = require.context('./modules', true, /index\.(ts|js)$/iu)const modules = {}requireModules.keys().forEach(filePath => { const modular = requireModules(filePath).
2022-01-18 11:13:31
491
2
想开发一款校园小程序可以加入哪些功能点呢
2022-03-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人