![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 92
oil欧哟
oil欧呦的技术分享
展开
-
提升用户体验,给你的模态弹窗加个小细节
大家在开发后台网站应用时,应该常常会使用到模态组件(Modal),也可以称为对话框组件。模态组件一般用于展示一些简单的操作,例如字段较少的表单编辑,或者删除确认框等。原创 2022-07-26 20:12:21 · 541 阅读 · 0 评论 -
Next.js 网站部署踩坑经历小记及前端站点部署技巧
前言在入职两个月后,我开始了第一个完全由我一个人负责开发的网站项目。这个网站的用途是用于 宣传一个开源社区峰会 以及 沉淀峰会视频内容 ,在峰会进行期间还需要在网站进行 直播 。从网站的开发到部署上线,可谓是踩坑无数,最终实现的网站在这里 https://apisix-summit.org/背景由于时间有限,整体网站的架构是基于 vercel 的一个网站脚手架 virtual-event-starter-kit 之上进行开发,因此并不需要从头构建项目。这个脚手架使用的是 next.js 实现服务端渲原创 2022-04-30 15:38:11 · 4505 阅读 · 0 评论 -
前端工程师怎么写后端?试试 koa.js + Apache APISIX 吧~
前言两年前,我还是一个小白开发者。当时为了上线我开发的一个网站购买了一个学生服务器,并且安装了 linux 服务器的小白之友 宝塔面板 ,相信现在还有很多朋友买到服务器了第一件事就是装个宝塔。在宝塔面板中,我使用了内置的脚本快速的安装了 nginx + mysql + phpAdmin 全家桶。虽然很快就安装上去了,但是当时的我对于 nginx 一窍不通,在部署服务端功能的时候随便遇到一个小问题都能卡我一天,导致我最后折腾了快一周才把项目部署上去。作为一个前端开发,我有很多自己写的小项目都是通过 nod原创 2022-03-14 11:25:59 · 3616 阅读 · 1 评论 -
环境构建工具make介绍及makefile基础语法
前言在linux或unix环境中构建应用时,根据官方文档的指导,常常会使用到 make xxx 这个指令,在执行后就会为我们安装某个应用所需要的依赖,那么这个 make 到底是什么呢?make 是什么?make 是一个在软件开发中所使用的工具程序(Utility software),经由读取 “makefile” 的文件以自动化建构软件。它是一种转化文件形式的工具,转换的目标称为“target”;与此同时,它也检查文件的依赖关系,如果需要的话,它会调用一些外部软件来完成任务。顾名思义,make原创 2022-01-29 12:02:58 · 1942 阅读 · 0 评论 -
帮你早点下班~基于飞书API实现next.js网站内容自动生成实践
前言最近在公司里得到了一项任务,人事给了一个 飞书的职位表格 ,要求将里面的信息更新到官网上面去。其中涉及了已有岗位的信息更新,删除部分岗位和添加部分岗位。这种工作虽然简单,但是很琐碎,很麻烦。三十个岗位的 岗位列表 和 岗位详情 花了我一个早上去 更新及核对 。主要的工作量都在于 表格的数据结构和代码中的数据结构不同需要进行一个修改 以及 更新后数据后网站展示情况的核对。作为一个程序员当然得想办法优化一下整体的流程,正好本身就知道飞书是有开放api的,于是就开始琢磨着能不能基于飞书表格将内容自动化生原创 2022-01-29 12:00:49 · 2788 阅读 · 0 评论 -
一看就懂的JS内存管理及垃圾回收机制介绍及解析
前言最近在翻译外刊的时候,感觉很多好的文章翻译的时候不够地道,想为文章补充内容又担心准确度降低。莫得办法,最终我选择了以自己的大白话来总结一些翻译时的所学所想。这篇文章将会根据我最近翻译的几篇node.js相关的垃圾回收机制,循序渐进 的进行一个JS相关的内存管理机制和垃圾回收的运行原理及介绍,文章没有特别深入,适合点杯奶茶☕搭配目录食用~内存管理简介众所周知,咱们开发的程序在跑的使用都是需要用到内存来存储一些数据的,但是要是 随便存,乱存,瞎xx存 那肯定存的少,因此在存的时候就会选择一些合适的数原创 2022-01-18 16:02:46 · 1367 阅读 · 0 评论 -
实践总结|vue2升级vue3全面对照迁移示例
前言自从vue3 <script setup> 语法糖出现后,我的个人小项目和毕业设计都开始使用 vue3+ts 进行开发,在经历了很多的业务开发和踩坑经历后,我将vue2项目迁移升级vue3写了一个阶段性总结!请大家在真正进行项目迁移前务必先看下官方迁移的文档,以下内容尽量讲vue官方文档中比较难找到或者没有讲过的内容。vue2迁移vue3官网文档介绍以下内容和示例统一使用的是 vue3 composition api <script setup> 语法糖的写法,我会使用简原创 2021-10-29 14:44:27 · 2372 阅读 · 2 评论 -
js中object,map和weakMap的简析和区别
MapMap 对象保存键值对,并且能够记住键的原始插入顺序。任何值(对象或者原始值) 都可以作为一个键或一个值。Object和map的比较Objects 和 Maps 类似的是,它们都允许你按键存取一个值、删除键、检测一个键是否绑定了值。因此(并且也没有其他内建的替代方式了)过去我们一直都把对象当成 Maps 使用。不过 Maps 和 Objects 有一些重要的区别,在下列情况里使用 Map 会是更好的选择一个 Map的键可以是任意值,包括函数、对象或任意基本类型。而一个Object.原创 2021-10-02 17:20:47 · 624 阅读 · 0 评论 -
vue3 setup的简单理解和应用
前言vue3官方文档更新的第一个就是组合式API,那就是说明这是非常重要的,最近我也刚入手vue3,就记录下自己刚用setup函数的一点点心得在vue2的时候,当我们的组件功能比较多的时候,对于相同逻辑的关注点的相关代码会比较分散,会增加我们对组件的理解以及维护。例如如下代码:可能这觉得没什么,但是如果分布在(data、computed、methods、watch、生命周期钩子) 等,那所展现的图片就可能会这样而这样一套代码的组件会变得非常难以阅读,因为我们很难搞清楚 哪些代码是和哪些代码在一原创 2021-09-29 09:20:54 · 1894 阅读 · 0 评论 -
JS处理数组的妙招
前言:面对业务开发的时候,经常需要对数组进行数据处理,下面就是处理数组元素常用的方法。数组置空正常人数组置空,这不是很简单么//数组置空let arr = ['1', '2', '3']arr = []其实,这样只是将arr数据引用到空数组[]中,其他引用arr数据的变量不会收到影响,那就是arr数组先前的内容仍保存在内存中,因为数组的是个对象,对象是保存在堆内存中,当数据量较大的时候,可能会造成内存泄露。//数组置空let arr = ['1', '2', '3']let bArr =原创 2021-09-14 09:23:35 · 342 阅读 · 0 评论