Dash UI:一个受 Shopify Polaris 启发的 Laravel Blade组件库
Dash UI 是 Laravel Blade 的一个组件库,灵感来自 Shopify Polaris。它使用 Tailwind CSS、Laravel Blade 组件和 Alpine.js 创建,旨在方便集成和自定义。Dash UI Feedback Banners该 UI 套件包括一套全面的 UI 元素,使你能够快速开始构建应用并使用 Blade 组件...
Cookie 安全标志
为什么需要保护 cookie?Web 浏览器使用 HTTP cookie 的最常见方式之一是用于用户身份验证和会话持久性。攻击者可以通过执行以下任何操作以恶意方式使用cookie:窃取包含会话 ID 或身份验证 cookie 等敏感信息的 cookie重复使用被盗的 cookie 以访问经过身份验证的区域和现有用户会话伪造 cookie 以访问经过身份验证的...
使用 Same-Site Cookie 属性防止 CSRF 攻击
本文详细介绍了 Same-Site cookie 属性的工作原理,以及如何使用它来帮助防止恶意跨站点请求伪造(CSRF)攻击。
Vite 4.3 正式发布
2023年4月20号Vite 官方团队宣布 Vite 4.3 正式发布。距离上一次发布 Vite 4.2 版本(2023年03月16号),相隔35天。可见 Vite 研发团队成员多么给力,小编也是一路看着Vite 小不点,一步一步茁壮成长的,发展到现在真心不容易。Vite 做到可以跟 React 老大哥扳手腕了。详细请见这篇 :React团队建议:Creat...
图片懒加载 loading="lazy"
img属性loading="lazy"延迟请求加载资源HTML元素延迟加载属性 —— loading属性值lazy允许浏览器选择性加载IMG元素,根据用户滚动操作至其元素附近执行加载,一定程度起到节流的作用。懒加载、延迟加载亦或所谓的按需加载,通常在业务项目中,我们会考虑到此场景该如何处理?所谓图片懒加载,在图片位置未至用户视窗范围或屏幕位置时不予请求加载资...
React 报错:Can't perform a React state update on an unmounted component
React开发中,经常遇到这样的警告:Warning: Can't perform a React state update on an unmounted component。原因如报错中所说:无法对已卸载/未挂载的组件执行状态更新操作
daisyUI - 主题漂亮、代码纯净!免费开源的 Tailwind CSS 组件库
daisyUI 是一款极为流行的 CSS UI 组件库,作者 Pouya Saadeghi 基于大名鼎鼎的 Tailwind CSS 框架构建的组件库。截止发文日期,已经在 Github 得到 11,200 Star, 944,600 次 NPM 安装。
UI 自动化测试神器 Cypress
Cypress 是基于 node.js 环境的,安装则极为便利,如果我们测试人员维护好了自动化脚本,就可以直接将 js 脚本分享给研发人员,辅助研发人员进行自测。
Vue3 又出新语法
大家应该知道如果用 Vue3 的 Composition API 定义一个响应式变量通常有两种形式,一种是用ref,另一种是reactive:一般来说定义一个基本数据类型会用ref,而引用类型则会采用reactive,那么问题来了,ref虽然定义了一个基本数据类型,但实际上它却是一个引用类型,取值和赋值时必须要带上.value属性:这就有点不太符合直觉了,很...