- 博客(127)
- 收藏
- 关注
RSS订阅原创 SEO优化
比如我在浏览器去搜索 ps4游戏机多少钱一台？我想推广ps4游戏机，或者我想在ps4这个游戏里去获得排名，那么这个时候就需要运用到SEO，运用到这个搜索引擎优化。因为当我们去搜索某个内容的时候，浏览器会给我们推荐整整1000多万的结果，但是用户只会去点击当前或者是眼下首页的这几个答案。如果想让我们的产品在互联网上得到这种成交或者推广，以及说提升自己网站的曝光度的话，SEO就一定要用到。因为如果不做SEO的话，网站的排名就排不上来。SEO（Search Engine Optimization）搜索引擎优化。
2024-10-28 14:53:41
227
原创 后端接口返回base64编码图片前端如何接收（图形验证码）
前端请求该接口的时候可能会出现请求的结果为null，但是查看网络，显示已经获取该数据了，导致这个的原因可能是同步请求。但是为了更方便的去使用，我们可以直接在前端img图片中去使用这个接口，来进行展示这样的话，后端请求的图片就可以直接展示到我们页面上了。
2024-08-10 09:36:16
392
原创 uniapp-使用字体包(.ttf)
字体转换网站：https://www.giftofspeed.com/base64-encoder。，直接把字体包放在新建的文件夹下面，在app.vue引入字体包，全局可使用。小于 40kb 时，uni-app 会自动将其转化为 base64 格式。先选择.ttf文件,白色方框里面就是base64格式的文件。在app.vue引入，全局可用。一般在static建font。
2024-08-08 10:34:20
555
原创 前端如何去看蓝湖
调整为我们使用的宽度，然后这样UI的图就已经调整为我们使用的像素了，这时候就可以按照比例去写页面了。在蓝湖中，我们也可以直接去下载图片，这样的话就不需要找UI去要图片了。那么在使用之前我们需要调整好像素，例如我们的像素宽为375，不用去管高，然后这个宽度我们可以去自定义。首先加入团队，在内容中我们可以看到点击图片，右边出现的图。包含了像素甚至有代码，我们可以参考这个代码。
2024-07-10 16:49:32
658
原创 Vue3中跨组件传值(Mitt）
使用emit传值，使用on接收，最后不要忘记销毁，避免内存泄漏。2.在根目录下创建eventBus.js。3.组件间进行传值与接收值。
2024-06-03 07:15:56
289
原创 神策sdk埋点
（5）明确事件的字段：字段其实就是刚刚提到的维度，明确事件字段的话就是比如刚刚有一个按钮点击的事件，那么这个按钮点击有那些必要采的属性，比如按钮名称，按钮当前所在的页面需要采，这就是一些事件字段。首先第一步我们要提供以下文档，比如说之后我们产品迭代的时候可能就是某一个功能点的一些指标，比如新增一个登录注册的一个方式，要去看用这个功能的人数，人数占比等。（6）定义采取规范：采集规范就是我们最后落地下来的埋点文档，就是某一个事件对应的属性，属性类型的规范，最重要的是触发时机的规范。
2024-04-12 11:01:33
1625
原创 作为开发人员，这四类Code Review方法你都知道吗？
本文翻译自：https://dzone.com/articles/4-types-of-code-reviews-any-professional-developer，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。没有人能保证他产出的代码一定是完美的。下文阐述了4种主流的代码审查(code review)类型，相信作为专业的开发人员，你应该都了解它们！每个专业的软件开发者都知道，代码审查是任何正式开发过程中的必要环节。但大多数开发者不知道的是，代码审查分为很多种类型。
2024-03-05 14:25:22
1443
原创 代码的封装方式--介绍
框架又分成了很多不同类的框架：（1）功能性框架 （2）UI框架：样式类UI框架，中后台UI框架，移动端UI框架首先什么是功能性框架：有一定的独特的设计思想的框架，比如react，react是一个功能性框架。比如vue，vue是一个功能性框架。react和vue都是有自己思想的UI框架：element-ui，vant，antd等。
2024-02-26 19:50:34
585
原创 moment基本用法示例
Moment.js 是一个流行的 JavaScript 日期和时间处理库，用于解析、验证、操作和显示日期和时间。3. 解析日期和时间：使用 `moment()` 函数传入日期和时间字符串或 JavaScript Date 对象来创建 Moment 对象。4. 格式化日期和时间：使用 `format()` 方法将 Moment 对象格式化为指定的日期和时间字符串。5. 操作日期和时间：使用 Moment.js 提供的方法对 Moment 对象进行日期和时间操作。
2024-02-22 14:13:23
603
原创 在面试中如何回复擅长vue还是react
我想这也是一个作为一个前端开发工程师需要具备以及掌握的能力，当然，除此之外，作为一个开发，我觉得前端开发的一个技术框架掌握以及深度也是非常重要的，比如说，我所擅长的有SPA单页面应用的框架，比如vue或者是react。需要注意的是，不同的框架，我们需要去适应的是不同的项目的目标，但是在应用框架的时候，事实上也不能够去解决项目当中的所有问题。在大前端的一个环境下，当前又有AI人工智能的加持辅助，我们是不是要去思考企业在进行前端岗位人员需求的时候，只是去找一个会vue或者是react技术框架的人员呢？
2024-02-09 16:58:45
2192
1
原创 利用Intersection Observer实现图片懒加载性能优化
ntersection Observer是浏览器所提供的一个 Javascript API，用于异步的检测目标元素以及祖先或者是顶级的文档视窗的交叉状态这句话的意思就是：我们可以看的图片当中，绿色的 target element（目标元素），并且存在一个顶层的或者祖先的文档视窗也就是当前图片中的，灰色的 browser viewport（浏览器的视窗）
2024-02-07 23:24:34
782
原创 实现RBAC
RBAC的层次结构: 用户N => 角色N => 资源N路由的分类: 静态、动态、任意动态权限路由: 想要实现addRoute动态注册路由的操作，首先得将后台返回的routes数组与异步路由进行递归的比较，得到的路由是授权以后的路由对象，然后对该数组对象进行循环遍历，利用addRoute实现动态路由的注册操作需要注意的细节是原路由对象和用户重新登录以后获取到的路由对象是同一对象，所以为了划分出不同的用户的路由对象，可以对动态生成的路由内容进行深拷贝操作。
2024-02-07 23:20:05
932
原创 vue3项目中如何实现模块的自动导入
vue2和vue3一个很重要的代码区别就是从vue2对象化完整引入到函数化按需引入。从而解决了需要什么就引入什么的按需引入操作功能。然而这一代码操作模式却也引出了后续。虽然现在绝大数开发工具都对未引入的内容进行语法错误提示，并提供快速修复。操作提示与协助自动引入对象的功能实现，但这也不能成为我们会喜欢编写如此繁琐代码内容的理由。所有，是否有不需要引入就可以直接使用。提高开发效率的重要问题。
2024-02-03 16:32:25
908
原创 vue3项目中如何实现图片的二次处理
在说这个之前，我们要先理解图片的二次处理与图片压缩之间的差异。图片的二次处理除了对图片进行压缩，还可以进行更多特效的处理，可以对图片进行宽高的重设，图像位置适应性调整，清晰的的控制，背景颜色的添加，图像质量的设置，旋转反转镜像等操作。那么在项目中为什么要对进行二次处理操作呢？综上所述，在vue项目中对图片进行二次处理操作，可以使图片在网页上有更好的表现效果，更快的加载速度和更好的用户体验。那么在vite环境中的vue3项目中，如何进行图片的二次处理？？？
2024-02-03 15:45:26
1238
原创 Vue项目中如何使用图标组件库
这是上一个如何使用SVG图标，自由的从图标库下载图标进行增删改等操作固然很方便，但是也暴露出一些小小的不足，那就是任意的图标使用可以造成图标风格的不统一，从而影响整个项目的用户体验。因为我们在进行图标下载的时候，有可能是从IconFont图标网站上，不同的图标项目库中进行分别的下载，如何堆积在当前自己的项目中，那么图标的大小，色彩，风格等样素可想而知也必然存在一定的差异。那么是否有一种方式可以解决该问题。IconFont图标组件库由此而诞生了。
2024-01-27 16:32:11
1203
原创 vue项目中如何使用SVG图标
IconFont使用的不足：图标添加、修改、删除以后在线链接需要更新离线资源需要重新下载项目代码需要同步更新。在项目不断更新和迭代的过程中，图标的增减变化还没有稳定的情况下，开发人员的工作效率会明显下降。那么有没有一个图标应用方式，就是开发人员如果新增，修改，删除某一图标，那么就仅仅只是操作这一目标图标即可。如果有新增，则直接从图标平台上下载新增图标到项目目录中，如果有修改，则直接将修改以后的图标将项目中原有的图标内容进行替换。如果是删除，则直接将图标从项目目录中进行直接删除即可。
2024-01-26 17:03:35
563
原创 文件上传之秒传功能
需要引入第三方库const computeFileHash = (file) => { //传入文件内容 对文件内容进行哈希值的计算// 1MBconst fileReader = new FileReader() // 创建一个FileReader对象，用于读取文件内容// 创建一个SparkMD5对象，用于计算文件哈希值// 当前处理的分片索引// 文件读取成功时的回调函数//将文件块的数据添加到哈希计算中//继续加载下一个文件块}else{//完成哈希值计算。
2024-01-25 16:30:04
1836
原创 大文件分块上传之断点续传
断点续传是一种网络的传输机制，用于在文件传输过程中出现中断或错误时，能够恢复传输而不必重新开始，它解决了网络不稳定连续中断或大文件传输时时间过长等问题。提高了文件传输时可靠和效率性。原理：基于文件的分块传输因为每个块都有一个唯一标识符 ，在传输的过程中，每一个块都会记录传输的状态信息，包括已经成功传输和未传输的块信息，当传输中断或失败时可以记录状态信息，确定哪一些块已经成功传输，那一些块还没有被进行传输处理。
2024-01-25 14:37:31
1036
原创 大文件分块上传进度控制处理
说这个之前，需要对上一篇文章进行一个回顾如果我们要对文件进行一个进度的控制，我们可以在upload接口上进行一些操作。
2024-01-25 13:28:33
501
原创 文件上传之大文件分块上传
分久必合，合久必分优势部分：减少了内存占用，可实现断点续传，并发处理，利用带宽，提高效率不足之处：增加复杂性，增加额外计算存储应用场景：云存储大文件上传、多媒体平台音视频上传，需断点续传应用注意事项:：理分块大小，顺序的完整性，异常情况的合理处理。
2024-01-25 12:40:15
471
原创 对读取的Excel文件数据进行拆分并发请求发送到后端服务器
由此看出，我们的顺序并不是按照顺序来排列的，那是因为我们进行请求的并发处理并不代表一定是按照顺序去进行数据的返回，因为可能在请求中，因为网络的问题先请求的操作可能会成为后返回的操作。此时，我们点击修改背景颜色的按钮，也会很卡顿，所以这种情况需要在后续进行性能优化。因为我们要对数据进行拆分，所以我们可以将此数据分成200个记录为一组的分组操作。而result也是按照一定的批次进行返回的，而不是一条一条返回。先对data数据进行打印，获取到一千多行的数据信息。那么如何对1000多条信息进行分组处理呢？
2024-01-22 20:12:43
583
原创 本地读取Excel文件并进行数据压缩传递到服务器
在项目开发过程中，读取excel文件，可能存在几百或几百万条数据内容，那么对于大型文件来说，我们应该如何思考对于大型文件的读取操作以及性能的注意事项。
2024-01-22 16:05:51
1164
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人