少油少盐不要辣

原创 js遍历树结构，查找某个节点的父级元素

const treeData = [ { title: '0-0', key: '0-0', children: [ { title: '0-0-0', key: '0-0-0', children: [

原创 带你手动实现JS数组扁平化flat()方法

2.手动实现要点注意concat()方法的特点[3].concat([4]) // 结果为[3, 4]递归的使用 // 重写数组flat方法 // 1.会去掉数组的空项 // 2.返回新数组 Array.prototype.myFlat = function(dep = 1) { return this.reduce((acc, val) => { return acc.concat(val instanceof Array &&am

原创 带你手动实现bind方法，让你收获满满

// MDN：关于绑定函数，做了如下说明：指的是某一函数（目标函数）调用了bind()方法后，原地生成的函数，为绑定函数。 Function.prototype.myBind = function () { var args = Array.prototype.slice.call(arguments); var temp = Symbol.for('fn'); args[0][temp] = this; return fun

原创 前端知识体系

我最近整理了前端知识，整理完后，发现前端知识真的是浩如烟海！！！发现了自己很多不足的地方，我也建议大家可以自己构建自己的知识体系，这样不仅可以查漏补缺，学习的时候，也可以归纳起来。方便后面的进一步学习。...

原创 git撤销文件的修改

git撤销某个文件的修改，分为两种情况：1.在工作区修改，但并未提交到暂存区（即并没有add）。对于单个文件的撤销修改而言，使用下面方法。$ git checkout -- 文件名若想撤销工作区中所有文件的修改，则$ git checkout .注意：git chekcout 是让文件回到最近一次该文件git commit或git add时的状态。2.工作区修改了之后，提交到了暂...

原创 git push 错误: RPC failed； HTTP 413 curl 22 The requested URL returned error: 413

git 提交代码报错 ：error: RPC failed;私有git服务器前面有nginx类型反向代理工具缓存设置太小。这个的解决方法是：设置缓存大小。本地git缓存设置太小。

原创 git commit的类型

原创 如何配置vite的proxy

vite项目，本地开发环境可以通过配置proxy代理实现跨域请求。但是生产环境，该配置不生效，一般使用nginx 转发，或者后端配置cors。

原创 手机如何访问vue项目localhost

在您的手机浏览器中输入您计算机的IP地址，加上Vue项目的端口号。（对于Mac/Linux）来查看计算机的IP地址。这将允许您在手机上访问本地主机上的Vue应用程序。的条目，这是计算机的本地IP地址。最后，还需要关闭电脑的防火墙设置。（对于Windows）或。来启动Vue开发服务器，

原创 cannot find defineEmits（or defineProps） in ts的原因

经查，是因为vscode安装了下面的扩展程序导致的。猜想有没有可能是扩展程序导致的问题。

原创 MySQL 8.0 - Client does not support authentication protocol requested by server； consider upgrading

目的是：刷新数据库根用户的权限。

原创 ssh: connect to host github.com port 443: Connection timed out 解决方法

我是本地配置了vpn，是全局代理。

原创 如何使用css隐藏掉滚动条

（注：PC端浏览器滚动条为8px）使元素偏移原来位置8px，目的就是将滚动条区域移动到父元素边框外面，然后，父元素上添加。选中元素后，绿色区域就是被移动到父元素外的滚动条。

原创 font-face和font-family不生效

transfonter

原创 vue3 router-view 使用keep-alive报错parentcomponent.ctx.deactivate is not a function

去除v-if，将key直接添加上。由于有的公用页面，需要刷新，不希望缓存，所以需要添加key。其他需要缓存的页面，就不用添加key。

原创 Differences between package.json and pnpm-lock.yaml

1.pnpm-lock.yaml是pnpm包管理工具生成的确保依赖包的版本在所有的环境里面都相同对依赖包的任何操作都会更新在该文件中，因此，需要确保提交到代码仓库中。包含了解析的依赖项和版本号。如下图：2.package.json列出应用所需的依赖和元数据所有的包管理工具都使用该文件安装包

原创 defineprops() must be a literal type or a reference to an interface or literal type

vue3 defineProps不支持使用外部导入的类型，会报错。就是直接在脚本标签区域写类型声明，然后引用即可。

原创 在企业微信调试js神器

是不是很眼熟啊，就像微信小程序里面调试一样。

原创 vite排除外部依赖，使用script标签引入

【代码】vite排除外部依赖，使用script标签引入。

原创 echarts滚动条样式修改

【代码】echarts滚动条样式修改。

原创 vscode项目中路径别名跳转到对应文件

文件来设置一些配置，达到点击相对路径同样的效果。注意我是使用js开发的，所以新建文件为。我们可以在项目的根目录想新建。使用ts开发 新建文件为。

原创 微信小程序轮播视频，切换停止播放

在轮播切换的事件中，处理停止视频播放的逻辑。获取视频“元素”对象，参考微信小程序开发文档。

原创 微信小程序判断开发和生产环境

【代码】微信小程序判断开发和生产环境。

原创 git更新本地分支列表信息

服务器上的某个分支删除了，但是本地git还是能看到该分支。

原创 微信小程序map地图组件自动缩放显示所有给定经纬度

给定了三个坐标，绘制了线路，需要显示完整路线。但是按照官网给的api属性，发现效果不明显。在网上浏览了很长时间，找到了解决方法。wxml文件代码一样，不一样的只是js文件。

原创 Linux服务器如何关闭node服务

pkill node。

原创 git报错：Add correct host key in /root/.ssh/known_hosts to get rid of this message

需要在连接的目标主机上的~/.ssh/known_hosts文件，去除过时的认证。然后，清空该文件中的内容。

原创 使用vite环境变量和模式

vite

原创 小程序自定义导航栏文字，返回按钮，兼容适配所有机型的方案

效果如下：这里涉及到了。

原创 微信小程序wpy框架给子组件传boolean值无效

在给子组件传Boolean类型的prop时，发现没生效。2.解决微信社区有人给了这样的答复：然后，看了下文档描述：因此，Boolean值只能定义变量动态传入了。的值为true，且定义在data数据中。

原创 微信小程序如何引入外部字体包

小程序

原创 微信小程序如何页面分享，如何图片长按识别二维码等问题汇总

小程序业务场景解决方案

原创 自定义条件筛选组件

自定义筛选组件

原创 ant-design-vue 1.7.8版本使用报错

ant design vue开发问题

原创 前端页面展示当前时钟（clock）

1.react写法const root = ReactDOM.createRoot(document.getElementById('root')); function tick() { const element = ( <div> <h1>Hello, world!</h1> <h2>It is {new Date().toLocaleTimeString()}.</h2> </div&

原创 如何让元素height:100%生效？

有两种方式：元素设定显示的高度值普通流元素的百分比高度起作用的话，其父级元素必须有一个生效的高度值！元素使用绝对定位例如：.child{ height: 100%; position: absolute;}

原创 npm link助你快速调试

1.npm link简介

原创 github ssh生成添加

1.ssh生成在git bash下键入如下命令：$ ssh-keygen -t rsa -C "[email protected]"然后一路回车，使用默认值即可，由于这个Key也不是用于军事目的，所以也无需设置密码。2.添加到GitHub中

原创 webpack4打包插件，你不知道的一些配置细节

1.前言前段时间，老大让我重构下公司图表组件库2.0，组件库使用webpack打包的。于是，研究了一番，研究的过程中，我发现webpack的某些选项配置，还是有不少地方需要注意的，涉及到output，externals等。功能上涉及到，打包的格式，包体发布后的运行环境等等。因此，有了这篇博客。话不多说，我们开始~~2.output...

原创 页面模块文字数量是动态的，少的时候居中显示，多的时候左对齐显示，不用js如何实现呢

1.示例如下：文字少的时候：文字多的时候：2.实现思路可以利用inline-block元素具有包裹性来实现。两个父子元素，父元素块级元素，子元素inline-block元素。代码如下：html:<div class="box"> <div class="content">方式方法大方式方法大方式方法大方式方法大</div> </div>css:.box{ text-align: center