- 在做网站或 App 时，身份验证绝对是必不可少的模块。但是，为什么这么多人都觉得它很麻烦呢？因为除了要搞定登录和权限问题外，咱们还得担心数据安全、用户体验……光听着就头大是不是？今天咱们就聊聊，如何利用 Next.js+NextAuth.js，轻松搞定身份验证，轻松省心，告别繁琐。一、理解身份验证的两种模式：服务端 vs 客户端先问大家一个问题：当你在网站上点击“登录”时，数据去哪儿了？是直... 在做网站或 App 时，身份验证绝对是必不可少的模块。但是，为什么这么多人都觉得它很麻烦呢？因为除了要搞定登录和权限问题外，咱们还得担心数据安全、用户体验……光听着就头大是不是？今天咱们就聊聊，如何利用 Next.js+NextAuth.js，轻松搞定身份验证，轻松省心，告别繁琐。一、理解身份验证的两种模式：服务端 vs 客户端先问大家一个问题：当你在网站上点击“登录”时，数据去哪儿了？是直...
- 之前获得了许多有趣的周边，又好看又好玩，在周边体验的过程中，突然奇想的做一个猜猜看到小游戏。灵感有了，剩下的就交给代码了。接下来分享一下实现的完整过程，以及对web小游戏的开发心得一并奉上。 之前获得了许多有趣的周边，又好看又好玩，在周边体验的过程中，突然奇想的做一个猜猜看到小游戏。灵感有了，剩下的就交给代码了。接下来分享一下实现的完整过程，以及对web小游戏的开发心得一并奉上。
- 用技术实现梦想，用梦想打开创意之门。宅家必备，我用CSS复刻了一个游戏机。 用技术实现梦想，用梦想打开创意之门。宅家必备，我用CSS复刻了一个游戏机。
- 前端技术从业者与非技术好友互动，用技术给好友开发了一个零食盲盒小游戏 前端技术从业者与非技术好友互动，用技术给好友开发了一个零食盲盒小游戏
- 关于使用 Nginx 开启静态网站 Gzip 压缩的教程已经有很多了，但是好像没几个讲怎么在对象存储的静态网站中开启 Gzip 压缩。其实也不复杂，我们一起来看下~ 关于使用 Nginx 开启静态网站 Gzip 压缩的教程已经有很多了，但是好像没几个讲怎么在对象存储的静态网站中开启 Gzip 压缩。其实也不复杂，我们一起来看下~
- 假设我们正在开发一个可视化拖拽的搭建平台，可以拖拽生成工作台或可视化大屏，或者直接就是开发一个大屏，首先必须要考虑的一个问题就是页面如何适应屏幕，因为我们在搭建或开发时一般都会基于一个固定的宽高，但是实际的屏幕可能大小不一，接下来我们就尝试几种简单且常见的方案，并简单分析一下利弊。 demo首先写个基础的demo给后续使用：<script setup>import { ref } from ... 假设我们正在开发一个可视化拖拽的搭建平台，可以拖拽生成工作台或可视化大屏，或者直接就是开发一个大屏，首先必须要考虑的一个问题就是页面如何适应屏幕，因为我们在搭建或开发时一般都会基于一个固定的宽高，但是实际的屏幕可能大小不一，接下来我们就尝试几种简单且常见的方案，并简单分析一下利弊。 demo首先写个基础的demo给后续使用：<script setup>import { ref } from ...
- 大家好，我是CoderBin，在写Vue项目的时候，少不了使用路由vue-router，而路由守卫是vue-router中一个非常重要的概念，也是非常重要的技巧。它能够很好的帮助开发者“监视”每一个跳转的路由。 如果文中有不对、疑惑的地方，欢迎在评论区留言指正🌻 大家好，我是CoderBin，在写Vue项目的时候，少不了使用路由vue-router，而路由守卫是vue-router中一个非常重要的概念，也是非常重要的技巧。它能够很好的帮助开发者“监视”每一个跳转的路由。 如果文中有不对、疑惑的地方，欢迎在评论区留言指正🌻
- 前文回顾不知不觉，专栏已经来到第 5 篇~ 😍😍😍前 4 篇传送门、时间线及概要：# ✨从历史讲起，JavaScript 基因里写着函数式编程 - 2022年09月19日=> JavaScript 闭包起源于 1930 年的 lambda 运算；# ✨从柯里化讲起，一网打尽 JavaScript 重要的高阶函数 - 2022年09月26日=> 将函数作为参数输入或输出，是封装高级函... 前文回顾不知不觉，专栏已经来到第 5 篇~ 😍😍😍前 4 篇传送门、时间线及概要：# ✨从历史讲起，JavaScript 基因里写着函数式编程 - 2022年09月19日=> JavaScript 闭包起源于 1930 年的 lambda 运算；# ✨从柯里化讲起，一网打尽 JavaScript 重要的高阶函数 - 2022年09月26日=> 将函数作为参数输入或输出，是封装高级函...
- 所谓虚拟DOM就是用js对象来描述真实DOM，它相对于原生DOM更加轻量，因为真正的DOM对象附带有非常多的属性，另外配合虚拟DOM的diff算法，能以最少的操作来更新DOM，除此之外，也能让Vue和React之类的框架支持除浏览器之外的其他平台，本文会参考知名的snabbdom库来手写一个简易版的，配合图片示例一步步完成代码，一定让你彻底理解虚拟DOM的patch及diff算法。 创建虚拟... 所谓虚拟DOM就是用js对象来描述真实DOM，它相对于原生DOM更加轻量，因为真正的DOM对象附带有非常多的属性，另外配合虚拟DOM的diff算法，能以最少的操作来更新DOM，除此之外，也能让Vue和React之类的框架支持除浏览器之外的其他平台，本文会参考知名的snabbdom库来手写一个简易版的，配合图片示例一步步完成代码，一定让你彻底理解虚拟DOM的patch及diff算法。 创建虚拟...
- 如果你用过流程图绘制工具，那么可能会好奇节点之间的连接线是如何计算出来的：不要走开，跟随本文一起来探究一下吧。最终效果预览：https://wanglin2.github.io/AssociationLineDemo/ 基本结构先使用Vue3搭建一下页面的基本结构，为了简化canvas操作，我们使用konvajs库来绘制图形。页面模板部分，提供一个容器即可：<div class="conta... 如果你用过流程图绘制工具，那么可能会好奇节点之间的连接线是如何计算出来的：不要走开，跟随本文一起来探究一下吧。最终效果预览：https://wanglin2.github.io/AssociationLineDemo/ 基本结构先使用Vue3搭建一下页面的基本结构，为了简化canvas操作，我们使用konvajs库来绘制图形。页面模板部分，提供一个容器即可：<div class="conta...
- 相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板–excalidraw，使用体验上没的说，但是有一个问题，不能云端保存，不过好消息它是开源的，所以笔者就在想要不要基于它做一个支持云端保存的，于是三下两除二写了几个接口就完成了，虽然功能完成了，但是坏消息是excalidraw是基于React的，而且代码量很庞大，对于笔者这种常年写Vue的人来说不是很友好，另外也... 相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板–excalidraw，使用体验上没的说，但是有一个问题，不能云端保存，不过好消息它是开源的，所以笔者就在想要不要基于它做一个支持云端保存的，于是三下两除二写了几个接口就完成了，虽然功能完成了，但是坏消息是excalidraw是基于React的，而且代码量很庞大，对于笔者这种常年写Vue的人来说不是很友好，另外也...
- 新书上架，献给相信“努力有用”的你！精选30+个JavaScript工具库，从使用方式到设计原则，从底层原理到周边知识，带你玩转前端的花花世界 新书上架，献给相信“努力有用”的你！精选30+个JavaScript工具库，从使用方式到设计原则，从底层原理到周边知识，带你玩转前端的花花世界
- 古人云：工欲善其事，必先利其器。代码开发也是一样的，掌握几款常用且好用的 JavaScript 工具库可以大大提升我们日常的工作效率。本文梳理了六个前端必看的 JavaScript 工具库（Day.js、qs、js-cookie、chart.js、flv.js、axios），对它们的功能特性和入门教程进行了介绍，希望可以帮助到大家。 古人云：工欲善其事，必先利其器。代码开发也是一样的，掌握几款常用且好用的 JavaScript 工具库可以大大提升我们日常的工作效率。本文梳理了六个前端必看的 JavaScript 工具库（Day.js、qs、js-cookie、chart.js、flv.js、axios），对它们的功能特性和入门教程进行了介绍，希望可以帮助到大家。
- 前文微前端概述(Micro Frontends) 以及相比单体应用，微前端能带来什么好处 简单介绍了微前端的概念，本文来看一个具体的应用例子。原文地址想象一个网站，客户可以在其中订购外卖食品。从表面上看，这是一个相当简单的概念，但如果你想做得好，还有惊人的细节：应该有一个登陆页面，客户可以在其中浏览和搜索餐馆。 餐厅应该可以通过任意数量的属性进行搜索和过滤，包括价格、美食或客户之前订购的东西... 前文微前端概述(Micro Frontends) 以及相比单体应用，微前端能带来什么好处 简单介绍了微前端的概念，本文来看一个具体的应用例子。原文地址想象一个网站，客户可以在其中订购外卖食品。从表面上看，这是一个相当简单的概念，但如果你想做得好，还有惊人的细节：应该有一个登陆页面，客户可以在其中浏览和搜索餐馆。 餐厅应该可以通过任意数量的属性进行搜索和过滤，包括价格、美食或客户之前订购的东西...
- 本文介绍了控制反转的依赖注入模式及其好处，介绍了Angular中依赖注入是如何查找依赖，如何配置提供商，如何用限定和过滤作用的装饰器拿到想要的实例，进一步通过N个案例分析如何结合依赖注入的知识点来解决开发编程中会遇到的问题。 本文介绍了控制反转的依赖注入模式及其好处，介绍了Angular中依赖注入是如何查找依赖，如何配置提供商，如何用限定和过滤作用的装饰器拿到想要的实例，进一步通过N个案例分析如何结合依赖注入的知识点来解决开发编程中会遇到的问题。
上滑加载中
推荐直播
-
OpenHarmony应用开发之网络数据请求与数据解析2025/01/16 周四 19:00-20:30
华为开发者布道师、南京师范大学泰州学院副教授，硕士研究生导师，开放原子教育银牌认证讲师
科技浪潮中，鸿蒙生态强势崛起，OpenHarmony开启智能终端无限可能。当下，其原生应用开发适配潜力巨大，终端设备已广泛融入生活各场景，从家居到办公、穿戴至车载。 现在，机会敲门！我们的直播聚焦OpenHarmony关键的网络数据请求与解析，抛开晦涩理论，用真实案例带你掌握数据访问接口，轻松应对复杂网络请求、精准解析Json与Xml数据。参与直播，为开发鸿蒙App夯实基础，抢占科技新高地，别错过！
回顾中 -
Ascend C高层API设计原理与实现系列2025/01/17 周五 15:30-17:00
Ascend C 技术专家
以LayerNorm算子开发为例，讲解开箱即用的Ascend C高层API
回顾中
热门标签