用expo开发react native实在是太爽了
expo出来已经有一段时间了，发现相关的文章还是比较少的。如果你在开发react native，那么我推荐你赶快使用expo来开发把！ 一、零配置开发，降低开发者的心智负担。如果你之前开发过react native，那么你肯定会遇到要配置java，sdk等一大堆东西，并且版本还要对应上，否则开发不了。甚至说新手也会被这些东西劝退。使用expo后，无需配置这些开发环境，像开发web一样流畅的开发react native。 二、实时真机调试...
面试官：pnpm 那么流行，知道它的源码架构实现吗？🤡
pnpm 作为一个优秀的包管理工具，在如今的前端生态中呈持续发展的趋势，与 npm、yarn 相比，它在底层上做了彻底性的改变，通过软硬链接、并行处理依赖等方式实现了更快更省空间的依赖管理，有效解决了幽灵依赖的问题。 作为程序员，我们不能仅仅把目光聚焦于工具的使用上，而是要有意识地去了解工具的实现原理。这篇文章就会给大家带来 pnpm 的源码结构探究！ 对于 pnpm 在应用和优势上的探究，可以阅读文章： 其他源码阅读文章： 首先我们来...
vue3中使用 vue-pdf-embed 实现pdf文件预览、翻页、下载等功能
往期回顾： 文章目录 vue3中使用 vue pdf embed 实现pdf文件预览、翻页、下载等功能 一、安装 \ 1、安装 \ 二、文件预览 1、\ 结构内容 2、\ 样式 3、\ 基本预览功能实现 4、获取文件总页数 三、翻页 四、缩放 五、下载 六、打印 七、指定页面跳转 八、项目演示 九、参考资料 一、 1、安装 注：此处安装版本为 ，2.x 版本安装的依赖包 版本为 3.x 版本。 注：2024.2.16 更新 无需安装 v...
Vue的nextTick方法源码深度解读
先看看vue官网nextTick方法的定义： 是等待下一次 DOM 更新刷新的工具方法。 当你在 Vue 中更改响应式状态时，最终的 ，而是由 Vue 将它们缓存在一个 中，直到下一个“tick”才一起执行。这样是为了确保每个组件无论发生多少状态改变，都仅执行一次更新。 可以在状态改变后立即使用，以等待 DOM 更新完成。你可以传递一个回调函数作为参数，或者 await 返回的 Promise。 根据官网的定义，修改一个响应式数据后，页...
一个bug引起关于react解析渲染的思考
先看如下代码 bug的代码很简单 实现的逻辑就是父组件通过一个开关 判断是否可以渲染子组件的内容。默认 即不渲染子组件... 先有问题再有答案 1. 2. 3. 4. 预期结果 当 时 通过父组件的条件语句控制，child组件没有被执行到 所以不会报错。 此时组件结构如图所示： 当 时 child组件被执行，当执行 时因为a未定义 所以child组件发生报错。 此时组件结构如图所示： 实际结果 无论 还是 都会发生 的执行错误，导致渲染...
单行文本展示（自动隐藏或缩小）
❓ 在开发h5页面的时候，常常会需要展示各种文案，前端开发会根据UI出的设计图去实现。这里列出的是单行文本的展示，当文本的宽度超出了可视页面宽度的时候，会出现什么情况呢？ 一行只放一种类型的文本，文本会超出元素展示 一行放了多种类型的文本，文本会覆盖其他元素，错乱展示 ❎ 错误展示： ✅ 正确展示： 除了上面列出的2种展示方式，还会有其他的情况么？ 答案肯定是有的。能想到的还有很多，举例说明 超出宽度换行展示，不滚动（没有最大高度） 超...
实现自定义脚手架
首先，每次创建项目后都需要很多重复性操作，比如安装UI库、css预处理器。在业务层面，每次也要添加一些必备的功能，比如登录、404页面等。其次，可以锻炼自己的技术。 脚手架创建项目的流程： 1. 让用户选择模板； 2. 根据用户输入填充模板； 3. 下载模板文件到创建的新文件夹中； 从框架来看，创建项目的时候需要选择是vue框架还是react框架，以及是否需要添加 typescript。 从插件来看，需要安装UI库、CSS预处理器、路由...
搭建前端脚手架
需求： 公司里前端初始项目有多个比如： 管理系统、electron、h5... 每次新项目都需要去找仓库里对应的基建代码？于是准备自搭一个脚手架，实现新项目时直接使用脚手架创建对应项目的模板。 采用monorepo的模式来管理脚手架、在这里只提供核心代码实现，废话不多说开干！开干！ 1、初始化项目 2、修改package内容 3、使用第三方包解析交互命令 使用prompts来解析命令，实现目标如通过 创建项目，如图： 在 文件中 使用...
【本地npm包调试】有了它，再也不用npm link了
问题 ：我们开发完一个npm包，有没有这样一种方式，既不用正式发包，又能像正式发包一样本地直接安装调试呢？ 答案是：有的！！！ 它就是： Yalc Yalc 完美地模拟了正式发包及装包的流程，它既可以将本地构建好的包发布到本地全局的.yalc文件夹下，也可以将发布在本地的包安装到本地的任何一个项目里。 安装 全局安装yalc 发布本地包——在npm包根目录下执行 1、调整包版本号 2、构建包，即build 3、将本地构建好的包内容发布到...