搭建vue3+typescript+vite+yarn项目 前言: vite是vue3推荐的打包工具,相较于webpack,Vite 是基于 native ES module —— 现代浏览器基本已经全部支持了import/export 语法。 在Vite中,启动本地服务器,是不需要提交编译文件的, 而是在浏览器请求对应URL时, 再提供文件,实现了真正的路由懒加载, 这个比起Webpack节省了不少时间。打包和响应速度提升10倍以上 安装项目 全局安装 前端 2025年06月04日 197 点赞 0 评论 15752 浏览
7.23 今天感觉很累,早上起来脑袋昏沉昏沉的,很懵很懵,下午也是。自习的一天,复习了昨天的知识点,今天又看了新的内容。 1.通过css进行三角形的制作。本质上来说就是对高度和宽度为0的盒子设置边框,再对部分边框颜色透明显示,就可以生成三角形。 放一个示例图。 小三角制作 还有三角强化,本质上都是一样的,通过设置边框进行显示。以下代码。 .box { width: 0px; 前端 2025年06月03日 50 点赞 0 评论 6903 浏览
react-6-路由-2-嵌套路由-404 1. 前言 以前的文章路由都是5x路由配置,最近写个6x的,写完准备玩玩C,到时候在交流 因为现在脚手架默认安装的react也是18.x了 所以也注意哦 路由hook用法单独在写文章 react-router-dom 官网 英文的 有兴趣的可以自己看着学 接着 react-6路由-1-基础 2. 效果演示 效果图 演示.gif 下述逻辑按这个来实现 前端 2025年06月03日 73 点赞 0 评论 16438 浏览
Next.js 13.2 发布,内置 SEO 支持 Next.js 13.2 近日正式发布,该版本包括对 App Router(app)的重大改进,为稳定性做准备。 内置 SEO 支持:新的元数据 API,可设置静态和动态meta标签。 路由处理程序:自定义请求处理程序,建立在 Web Request和 Response上。 MDX for Server Components:在 Markdown 内使用 React 组件,只在服务器端使用 Ru 前端 2025年06月03日 36 点赞 0 评论 18705 浏览
vue之$set vue之$set 原因 由于 JavaScript 的限制,Vue 不能检测数组和对象的变化。尽管如此我们还是有一些办法来回避这些限制并保证它们的响应性。 对象 Vue 无法检测 property 的添加或移除。由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化,所以 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的。例如: 前端 2025年06月03日 178 点赞 0 评论 1526 浏览
JavaScript 面试系列:如何理解 ES6 中 Generator ?常用使用场景有哪些? image.png 一、介绍 Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同 回顾下上文提到的解决异步的手段: 回调函数 promise 那么,上文我们提到 promsie 已经是一种比较流行的解决异步方案,那么为什么还出现 Generator?甚至 async/await 呢? 该问题我们留在后面再进行分析,下面先认识下 Generat 前端 2025年06月03日 157 点赞 0 评论 9731 浏览
退出操作二次确认怎么做代码才更优雅 —— BLoC轻松解决 前言 在 flutter_bloc提供了一个状态监听组件 BlocListener,当状态发生改变时会调用listener参数给定的回调函数,这个方法没有返回值,可以用于我们处理一些提醒,例如显示弹窗提醒或确认,显示状态信息等等。有了 BlocListener,相当于给我们提供了一个额外处理对象变化的入口。接下来我们通过BlocListener实现某些 App退出登录前的二次确认。 登录状态 为了 前端 2025年06月03日 194 点赞 0 评论 2529 浏览
Node.js 19 正式发布 Node.js 19 在今天正式发布了,此次更新包括将 V8 JavaScript 引擎更新到 10.7,以及默认启用 HTTP (s)/1.1 KeepAlive。 Node.js 18 在本月晚些时候将进入长期支持(LTS),Node.js 19 将取代 Node.js 18 成为 "Current" 版本。 image.png node --watch(实验性) 运行时最近增加的 前端 2025年06月03日 200 点赞 0 评论 7908 浏览
判断iframe链接页面 服务器状态 项目要求: 通过按钮点击事件,使用iframe来显示不同的内容(跨域)。 问题: iframe链接内容的服务器未开启的时候,页面显示404, 用户体验太差。 要求: 服务器未开启的时候,显示页面需要友好。 解决办法:通过计算iframe的加载内容的时间,做超时判断,如果5s内未加载完成,就认为此时iframe链接的服务器未开启; 未开启的情况下,给iframe上层覆盖个div(内容自定义)。这样既 前端 2025年06月03日 138 点赞 0 评论 6382 浏览
面试题总结 1.说说你对盒子模型的理解 当对一个文档进行布局(layout)的时候,浏览器的渲染引擎会根据标准之一的 CSS 基础框盒模型(CSS basic box model),将所有元素表示为一个个矩形的盒子(box) 一个盒子由四个部分组成:content、padding、border、margin content,即实际内容,显示文本和图像 boreder,即边框,围绕元素内容的内边距的一条或多 前端 2025年06月03日 153 点赞 0 评论 7199 浏览