标签: 前端
编程

Dash UI:一个受 Shopify Polaris 启发的 Laravel Blade组件库

436 2024-06-30 13:44:00

Dash UI 是 Laravel Blade 的一个组件库,灵感来自 Shopify Polaris。它使用 Tailwind CSS、Laravel Blade 组件和 Alpine.js 创建,旨在方便集成和自定义。Dash UI Feedback Banners该 UI 套件包括一套全面的 UI 元素,使你能够快速开始构建应用并使用 Blade 组件...

详情...
编程

Cookie 安全标志

473 2024-04-22 18:10:00

为什么需要保护 cookie?Web 浏览器使用 HTTP cookie 的最常见方式之一是用于用户身份验证和会话持久性。攻击者可以通过执行以下任何操作以恶意方式使用cookie:窃取包含会话 ID 或身份验证 cookie 等敏感信息的 cookie重复使用被盗的 cookie 以访问经过身份验证的区域和现有用户会话伪造 cookie 以访问经过身份验证的...

详情...
编程

使用 Same-Site Cookie 属性防止 CSRF 攻击

729 2024-04-21 18:03:00

本文详细介绍了 Same-Site cookie 属性的工作原理,以及如何使用它来帮助防止恶意跨站点请求伪造(CSRF)攻击。

详情...
编程

Vite 4.3 正式发布

877 2023-04-22 20:16:00

2023年4月20号Vite 官方团队宣布 Vite 4.3 正式发布。距离上一次发布 Vite 4.2 版本(2023年03月16号),相隔35天。可见 Vite 研发团队成员多么给力,小编也是一路看着Vite 小不点,一步一步茁壮成长的,发展到现在真心不容易。Vite 做到可以跟 React 老大哥扳手腕了。详细请见这篇 :React团队建议:Creat...

详情...
编程

图片懒加载 loading="lazy"

1146 2023-03-24 20:13:00

img属性loading="lazy"延迟请求加载资源HTML元素延迟加载属性 —— loading属性值lazy允许浏览器选择性加载IMG元素,根据用户滚动操作至其元素附近执行加载,一定程度起到节流的作用。懒加载、延迟加载亦或所谓的按需加载,通常在业务项目中,我们会考虑到此场景该如何处理?所谓图片懒加载,在图片位置未至用户视窗范围或屏幕位置时不予请求加载资...

详情...
编程

React 报错:Can't perform a React state update on an unmounted component

1440 2023-03-21 23:05:00

React开发中,经常遇到这样的警告:Warning: Can't perform a React state update on an unmounted component。原因如报错中所说:无法对已卸载/未挂载的组件执行状态更新操作

详情...
编程

daisyUI - 主题漂亮、代码纯净!免费开源的 Tailwind CSS 组件库

1547 2022-06-16 16:09:14

daisyUI 是一款极为流行的 CSS UI 组件库,作者 Pouya Saadeghi 基于大名鼎鼎的 Tailwind CSS 框架构建的组件库。截止发文日期,已经在 Github 得到 11,200 Star, 944,600 次 NPM 安装。

详情...
编程

Laravel + Cypress 集成

1356 2022-02-17 19:46:53

本扩展包提供了快速使用Cypress进行Laravel应用测试的必要模板文件。

详情...
编程

UI 自动化测试神器 Cypress

1259 2022-02-17 19:19:45

Cypress 是基于 node.js 环境的,安装则极为便利,如果我们测试人员维护好了自动化脚本,就可以直接将 js 脚本分享给研发人员,辅助研发人员进行自测。

详情...
编程

Vue3 又出新语法

1304 2022-01-26 02:28:11

大家应该知道如果用 Vue3 的 Composition API 定义一个响应式变量通常有两种形式,一种是用ref,另一种是reactive:一般来说定义一个基本数据类型会用ref,而引用类型则会采用reactive,那么问题来了,ref虽然定义了一个基本数据类型,但实际上它却是一个引用类型,取值和赋值时必须要带上.value属性:这就有点不太符合直觉了,很...

详情...