- 博客(18)
- 收藏
- 关注
RSS订阅原创 React底层架构
本文是React源码学习系列第一篇，该系列整体都基于React18.0.0版本源码。旨在学习过程中记录一些个人的理解。该片整体介绍React的底层架构及数据结构。为后面的阅读打下坚实基础。
2024-07-27 11:03:28
282
原创 前端 | CSS3 自定义滚动条样式 -webkit-scrollbar
有没有觉得浏览器自带的原始滚动条很不美观，同时也有看到很多网站的自定义滚动条显得高端，今天给大家带来的是如何在 webkit 内核的浏览器中自定义滚动条。webkit支持拥有overflow属性的区域、列表框、下拉菜单以及textarea文本框等滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。要知道不同的浏览器一般存在不同的内核，不同的内核有不同的特性，所以就造成了我们常常说的兼容性问题。
2024-07-27 10:58:34
95
原创 如何在React中编写 class 样式？
在TypeScript (TSX) 中编写 CSS 样式类有几种方法，包括使用纯 CSS、CSS Modules、Styled Components 等。
2024-07-27 10:55:08
201
原创 经典面试题，用ES5实现一个类，包含继承、私有属性、访问器、暂时性死区...
效果如下，没有多余的属性，方法也不会被覆盖，构造器也是正确的。所以要实现的话，你也可以换成对象，键就用。改进方法就是拿一个中间函数，给他的原型赋值。访问器是不可枚举，且在实例和原型都存在的。是一个唯一的键，你不导出别人就没法用。每次面试的时候，都有很大的概率被问到。虽然这题挺无聊的，不过还是能考考深度。类默认开启严格模式，所以你要声明一下。判断，如果是函数调用，这个值是。2.你直接覆盖了原型，你看你的。如下图，颜色很淡，代表不可枚举。这样，你提前访问就只能拿到。这时就会报错，因为类不像。
2024-07-26 14:36:21
326
原创 彻底弄懂Typescript的联合类型和交叉类型
这边笔记主要介绍TS的联合类型Union Types和交叉类型Intersection Types.(交叉类型的官网链接没找到 ），从下面4点介绍。
2024-07-26 14:35:33
177
原创 从 VueCLI 迁移到 Rsbuild
迁移下来速度从启动的 30s 到 5s 提升了大概 6 倍，不过更重要的是热重载基本更改后就生效。最后如果有什么错误之处欢迎指出。下面是一份我最终使用的配置文件。
2024-07-26 14:34:46
182
原创 vue的状态管理库，你会选哪个
状态管理模式对于一个 vue 项目不要太重要，要知道，vue 中最牛的就是组件化和它那响应式的数据，每个组件都有自己的数据、方法，在自己的组件修改自己的状态确实方便，但当多个组件共享同一状态时，传参就会变得复杂起来。这时，一个合适的状态管理库可以让我们事半功倍。除了当个切图仔，数据的管理也是重中之重，响应式、层次结构、计算属性、数据流等等都是我们需要考虑到的。
2024-07-26 11:53:21
188
原创 Vue组件通信，如何搭建数据桥梁
Vue组件化的思想，让前端的代码编写起来更加的优雅，让各个组件变成独立的、可复用的模块，这无疑提高了开发应用的效率降低了开发人员的压力。当组件变成独立的模块时，各个组件之间如果要进行数据的交互，应该如何进行操作呢。‘组件通信’，而在组件之间的通信中，也分为几个不同的通信场景，在不同的场景下，将要采取不同的通信方法。有以下几种通信场景：①父子通信（父组件与子组件之间的通信）②兄弟通信（父组件的两个子组件之间的通信）③跨级组件通信（比如祖孙组件等跨级别的通信）④全局事件总线父子通信。
2024-07-26 11:52:40
455
原创 UnoCSS使用报告
除了封装好的preset之外，我们可以封装自己定制化的preset，或者是只针对当前项目的一些配置。theme在我的理解中，这个是针对于theme切换而特化出来的，也可以用来配置一些全局变量，在配置文件的其他属性中使用。theme: {colors:layout: {},},},在theme可以引用定义在全局css中的变量，这里我就使用了Vant组件库的变量以及我自定义的变量rules接下来我们可以在rules中定义一些复杂的规则，来匹配每个原子化的样式。
2024-07-26 11:51:42
283
原创 在TypeScript项目中是否需要对每个接口定义返回结构类型？
TypeScript 是由微软开发的一种开源编程语言，它在 JavaScript 的基础上增加了静态类型定义。TypeScript 的设计初衷是为了让 JavaScript 开发变得更加可靠和可维护。通过静态类型检查，开发人员可以在编译阶段捕获潜在的错误，从而提高代码的健壮性和可读性。在大型项目中，TypeScript 尤其受欢迎，因为它能够帮助团队更好地管理代码并减少 Bug 的产生。
2024-07-26 11:50:41
298
原创 Node.js入门基础
exports概念：每个.js文件都被视为一个模块。执行环境：每个模块都在自己的作用域中执行，这意味着模块之间的变量和函数是隔离的。暴露成员：使用exports对象可以将模块内部的变量或函数暴露给外部。
2024-07-26 11:49:37
909
原创 解决前端PC页面受系统及浏览器百分比影响导致的样式问题
PC项目上线后、用户反馈在笔记本上显示异常，根据反馈发现，笔记本分辨率是2k分辨率，系统推荐用户设置缩放百分比为150%，因此，浏览器也跟系统比例进行了放大，导致根据设计稿开发的部分页面出现了滚动条；那么肯定会有人说自适应呀，其实针对这样的问题自适应也能解决（会给用户的感觉可能跟使用老年手机一样，字体什么的都放大了，虽然没有滑动条，但是换行了，表格展示窗口小了等等问题），如果系统缩放比大于150% 达到200%、300%，怎么搞？以上是个人拙见，如有高见, 欢迎分享！无论初始百分比多大页面展示始终为。
2024-07-04 14:38:38
143
原创 Next.js 实战 (一)：项目搭建指南
时间过得好快，一下就来到2024下半年了。上半年我为了学习Nuxt3Dream Site，目前主要的功能都已完成了，后续有时间再慢慢添加有趣的功能。下半年开始进攻Next.js，前端时间我使用Next.js今日热榜，对Next.js有一定的认识，这次打算完整地从 0 到 1 搭建一个后台模板，进而探索Next.js的奥秘。后续开发会以Next.js为核心，开发一个类似Xmw-Admin项目的功能，为此来探索Next.js其中的奥秘：我会在此基础上加入我的一些设计和想法，致力于提高用户体验。
2024-07-04 14:36:58
239
原创 【NestJS应用从0到1】11.部署及git-hook自动部署
这个NestJS应用从0到1项目写到这已经可以部署到服务器啦，在前面的过程中，不管是NestJS的基础知识，还是安全防御，以及前置的登录认证都已经全面的了解。最后我们需要将服务部署到服务器，这样应用就可以通过服务器的端口进行访问。当然这个项目到这并不是完全结束，虽然整个项目的整体架构已经较为清晰且初步架构也已经搭建完成，后续还会增加Sentry监控将日志上报到sentry，以及其他的一些如缓存能力对接Redis，AutoMap的能力，保持后续更新。
2024-07-04 14:33:53
524
原创 “我打包又失败了”
我们的业务项目中，基本都会上传一个lock文件到git仓库中，yarn.lcok或者package-lock.json,具体使用什么由打包工具决定，那么lock文件在项目中究竟扮演一个什么角色呢？
2024-07-04 14:29:20
702
原创 如何拆分一个long task
前段时间实现了一个使用opencvjs将印花图与mask图原图进行正片叠底的效果，印花使用四方连续的形式拼接，大概效果如下图所示测试反馈说生成图时操作会变得卡顿，于是便开始着手优化了。合理利用chrome performance板块，我们可以将一个个long task给切分成一个个比较小的任务块，减少我们因为长任务导致的操作卡顿。
2024-07-04 12:04:15
580
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人