快来一起学习前端知识把！加油，前端人

介绍了关于组件 的一些概念和使用方法

路由：一个路由就是一组映射关系，key为路径，value可能是组件或者函数。也就是路径与组件或者函数之间的映射关系vue-router是vue的一个插件，可以用来实现SPA单页面应用的切换

同源策略：就是我我们的浏览器出于安全考虑，只允许与本域（同协议，同域名，同端口的就叫本域）下的接口交互。不同源的客户端脚本在没有明确授权的情况下，不能读写对方的资源。当我们向不同源的网站发起请求时，就会产生跨域问题，（跨域中请求是发送出去了，服务器响应了，但是会被浏览器的同源策略所拦截，使我们不能得到响应）

文章内容介绍了如何配置webpack，webpack是如何打包的

uniapp开发微信小程序对接微信支付，报错问题解决

作用：防止事件连续不停的进行，一个一个的处理，是间隔时间执行，一些高频事件，在被连续触发时，需要限定在单位时间内只执行一次；例如：防止发起多次请求或者按键的连续点击。1,基于高度截断：原理是通过伪元素绝对定位到行尾并遮住文字，再通过 overflow: hidden 隐藏多余文字。节流：也可分为时间戳节流（后一时间减去前一时间小于多少就不执行代码）和定时器节流两类。场景：搜索框输入发请求，一些拖拽盒子，或者滚动事件。2.基于行数截断：兼容性相对较低，防抖的实现：利用间歇函数。

2.找个能解析的网站。我这边用的是香蕉芸云编。证书密码在开发者平台的证书详情里面可以找到。

而且面对一些复杂的排版时，使用 canvas 绘制相较于使用 CSS 绘制来说困难许多，并且canvas 的宽高有最大限制，超出限制则会绘制空白。4、调用 wx.saveImageToPhotosAlbum 将海报保存到本地。然而，这种绘制方式需要走网络请求，如果量大会给服务器带来一定的成本压力。小程序也可以通过调用服务端接口，将需要生成海报的数据传递给服务端，3、调用 fs.writeFileSync 将海报数据写入本地文件。3、绘制图片、文字等到 canvas。本文采用的方式是 -------

Git Reset 模式 git reset 命令有三种主要模式用于撤销提交：–soft、–mixed 和 --hard。—soft：撤销提交，但保留暂存区的状态，适用于需要保留代码改动的情况。–mixed（默认）：撤销提交并清除暂存区的状态，但保留工作目录中的代码改动。–hard：删除提交并删除工作目录中的代码改动。选择合适的模式非常重要，尤其在使用 --hard 模式时要特别谨慎，因为它可能导致代码无法恢复的丢失。

在解决扁平数组与树结构之间的转换问题时，关键在于识别父子关系并通过建立索引或映射结构进行层次遍历，以实现数据的转换。

styled-components是一个CSS-in-JS库，允许开发者在React组件级别上编写CSS样式。

在React组件的文件夹中创建一个CSS文件，并在文件名后添加`.module`，表示该文件是一个CSS模块。例如，创建一个名为`styles.module.css`的CSS文件。

【代码】vben-Admin 表格分页处理 表格数据带参数请求，对分页的处理。

echarts图表 透明tooltip背景边框设置。

export 用于具名导出，可以导出多个值，而 export default 用于导出一个默认值，并且可以为导入者提供更大的命名灵活性。

现在，echarts 变量将包含提供的 Echarts 实例，你可以在组件中使用这个实例来创建图表或执行其他操作。1.安装 Echarts：在 Vue 项目中，使用 npm 或 安装 Echarts。2.通过provide提供echarts实例 在App.vue内。

animate__animated是animate.css库提供的基础动画类，确保动画效果能够应用到元素上。是被组件包裹的元素，它将应用animate__animated shine类提供的样式，并在进入页面时按照animate__backInDown animate__wobble类定义的动画效果进行展示。enter-active-class="animate__backInDown animate__wobble"属性定义了元素进入（显示）时的动画类。元素的进入效果提供一个动画。这两个类的组合可以为。

这段代码的意思是使用nodejs的模块获取电脑区域网内的ip地址。2.在\build\webpack.dev.conf.js文件内。1.在package.josn内。

滚动条在前端开发中是让人又爱又恨，可是没有它不行，但是它好像有点不好看。这时候就需要去自定义滚动条样式。让我们一起来看看看如何隐藏滚动条并保留功能和自定义滚动条样式吧！！。最后希望可以点个关注，以后会持续更新前端知识1.如何隐藏滚动条添加 overflow: hidden;隐藏水平和垂直滚动条。body {/* 隐藏滚动条 */body {/* 隐藏垂直滚动条 *//* 隐藏水平滚动条 */注意 overflow: hidden 也会移除滚动条的功能。无法在页面内滚动。

uniapp开发手机app–页面左右滑动swiper效果实现，跟平常swiper使用没有太多差别，区别在于检测，获取手机屏幕的高度，让其等于swiper的高度，从而使屏幕充满。完整代码如下：可根据自己的业务进行调整，在获取swiper左右移动的索引的情况下，可结合自己的业务情况进行拓展。

在vuex内实现websocket的链接，采用心跳检测的方法来判断是否与服务端失去联系，来控制断线重连，代码比较全面，直接赋值粘贴根据业务调整就可以直接用了。

【代码】比较通用的css重置代码。

第一步：项目中没有这个拖拽插件时候需要先安装。第二步：在需要使用的界面导入并注册组件。第三步：在组件中使用。

在开发可视化大屏的过程中碰到甲方只能提供一张图片的地图无法提供经纬度，需要在这张图片实现类似百度地图功能的标点。所以就想实现对图片的拖拽移动然后加上放大和缩小功能。这样来模拟百度地图的小部分功能，然后通过在图片上放小div进行标点，来进行坐标定位，如下图代码已经封装成组件，复制可以。

【代码】moment.js输入月份，获取指定月的第一天和最后一天。

还有今天才知道echarts还可以使用图片给它加背景图。下面代码内容有加图片背景和给环形图设置外围圆环，还有图例的常用配置项😍。这个一个饼状环形图，右侧的部分叫做–图例，在很长一段时间我把它叫做标签，导致出现问题百度都找不到对应的问题点😢。

uniapp开发手机app--app应用内部下载更新，代码直接复制可用奥，由于某些原因应用没有放到应用市场，而是放到了自己的服务器上，下面分享一下方法。

创建vue3项目

登录模块解析