- 博客(94)
- 资源 (12)
- 收藏
- 关注
RSS订阅原创 Next.js中构建完整的身份验证系统【翻译】
确保用户的安全和隐私比以往任何时候都更加重要。 Web认证在这方面发挥着至关重要的作用，是保护用户信息和数据的第一道防线。今天，我们拥有像 NextAuth.js 这样的工具，使我们的工作变得更加轻松，使我们能够在 Next.js 应用程序中轻松实现不同类型的身份验证。在本系列教程中，我们将在 Next.js 14 中构建一个完整的身份验证系统，从基础知识开始：使用电子邮件和密码进行身份验证。
2024-07-23 15:49:51
1395
原创 浏览器工作原理与实践-学习笔记
作为一名软件开发工程，日常工作打交道最多（之一）的莫过于熟悉而又陌生的浏览器，熟悉是每天都会基于浏览器的应用层面之上码业务，陌生是很多人可能跟我一样不熟悉其内部运行原理
2024-07-21 22:30:25
1089
原创 Vue3企业级项目开发实战课-笔记记录
实践 Vue 3 自研组件库开发、Node.js 服务端开发、Vue 3 结合 Node.js 的全栈项目开发以及全栈项目的单元测试等大厂常见的项目技术场景
2024-07-20 10:36:53
1535
原创 Google资深工程师深度讲解Go语言-课程笔记
本课程将从基本语法讲起，逐渐深入，帮助同学深度理解Go语言面向接口，函数式编程，错误处理，测试，并行计算等元素，并带领大家实现一个分布式爬虫的实战项目。
2024-07-18 11:30:34
870
原创 Java并发编程与高并发解决方案笔记
将结合大量图示及代码演示，带你掌握多线程并发编程（线程安全，线程调度，线程封闭，同步容器等）与高并发处理思路与手段（扩容，缓存，队列，拆分等），构建完整的并发与高并发知识体系
2024-07-17 15:02:10
1258
原创 nextjs-提交表单数据
Next.js 是一个基于 React 的框架，用于构建可扩展、可维护的 Web 应用程序。它提供了一个简单、高效的方法来组织和管理 React 应用程序，同时提供了一些高级功能，如页面组件、数据加载、路由等。Next.js 使用了 React Router 5，一个流行的 React 路由库，使得在应用程序中导航更加灵活和方便。
2024-07-03 10:14:53
622
原创 nextjs-添加搜索和分页处理
Next.js 是一个基于 React 的框架，用于构建可扩展、可维护的 Web 应用程序。它提供了一个简单、高效的方法来组织和管理 React 应用程序，同时提供了一些高级功能，如页面组件、数据加载、路由等。Next.js 使用了 React Router 5，一个流行的 React 路由库，使得在应用程序中导航更加灵活和方便。
2024-07-03 10:13:20
528
原创 通过验证邮箱进行注册信息确认
用在进行注册时，避免恶意攻击和垃圾注册，可以通过验证注册者身份后才能够提交。一般可以使用验证手机短信或者验证邮箱，验证短信会有专门的第三方服务，可以进行付费购买。验证邮箱的正确与否，
2024-06-27 16:13:11
1483
原创 nextjs-在页面之间的导航跳转
Next.js 是一个基于 React 的框架，用于构建可扩展、可维护的 Web 应用程序。它提供了一个简单、高效的方法来组织和管理 React 应用程序，同时提供了一些高级功能，如页面组件、数据加载、路由等。Next.js 使用了 React Router 5，一个流行的 React 路由库，使得在应用程序中导航更加灵活和方便。
2024-06-25 09:25:20
1512
原创 nextjs-创建layouts共用UI和独立pages页面
Next.js 是一个基于 React 的框架，用于构建可扩展、可维护的 Web 应用程序。它提供了一个简单、高效的方法来组织和管理 React 应用程序，同时提供了一些高级功能，如页面组件、数据加载、路由等。Next.js 使用了 React Router 5，一个流行的 React 路由库，使得在应用程序中导航更加灵活和方便。
2024-06-25 09:20:55
1801
原创 next-js 服务端渲染-处理字体和图片
Next.js 是一个基于 React 的框架，用于构建可扩展、可维护的 Web 应用程序。它提供了一个简单、高效的方法来组织和管理 React 应用程序，同时提供了一些高级功能，如页面组件、数据加载、路由等。Next.js 使用了 React Router 5，一个流行的 React 路由库，使得在应用程序中导航更加灵活和方便。
2024-06-25 09:18:18
1106
1
原创 02-样式设置【翻译官网案例】
Next.js 是一个基于 React 的框架，用于构建可扩展、可维护的 Web 应用程序。它提供了一个简单、高效的方法来组织和管理 React 应用程序，同时提供了一些高级功能，如页面组件、数据加载、路由等。Next.js 使用了 React Router 5，一个流行的 React 路由库，使得在应用程序中导航更加灵活和方便。
2024-06-24 18:39:27
769
原创 01-nextjs起步-[翻译官网案例]
Next.js 是一个基于 React 的框架，用于构建可扩展、可维护的 Web 应用程序。它提供了一个简单、高效的方法来组织和管理 React 应用程序，同时提供了一些高级功能，如页面组件、数据加载、路由等。Next.js 使用了 React Router 5，一个流行的 React 路由库，使得在应用程序中导航更加灵活和方便。
2024-06-24 18:37:52
516
原创 写html页面没意思，来挑战chrome插件开发
谷歌浏览器插件开发是指开发可以在谷歌浏览器中运行的扩展程序，可以为用户提供额外的功能和定制化的体验。开发者可以利用这些技术在浏览器中添加新的功能、修改现有功能或者与网页进行交互。要开发谷歌浏览器插件，开发者通常需要创建一个包含*清单文件（manifest.json）、背景脚本（background script）、内容脚本（content script）*等文件的项目结构。清单文件是插件的配置文件，包含插件的名称、版本、描述、权限以及其他相关信息。
2024-04-21 13:30:10
1420
原创 vue3中使用echart，彻底解决宽度100%变成100px
vue3+echart的使用，遇到的尺寸显示问题，100%显示为100px的解决办法
2023-03-26 09:07:53
2659
原创 前端开发视角 入门springboot
文章目标：对比springboot项目结构和vue-cli项目结构【大致类比，不用深究】，不论会不会java基础，按照前端开发项目的思维，一步一步也可把功能 实现基本的接口
2023-01-08 21:18:54
2410
1
原创 mybatis报错org.apache.ibatis.binding.BindingException: Invalid bound statement (not found): com.**
排除mybatis报错： Invalid bound statement (not found):
2022-11-27 21:38:36
306
原创 docker-compose实现容器任务编排
项目开发中，往往都需要启动多个容器，容器之间又相互依赖，存在着启动的顺序。docker-compose就是可以通过命令控制依次启动容器。容器编排工具可以帮助我们批量地创建、调度和管理容器，帮助我们解决规模化容器的部署问题。Docker 三种常用的编排工具：Docker Compose、Docker Swarm 和 Kubernetes。
2022-11-14 09:58:16
799
原创 读《vue3设计与实现》2- vue的diff算法核心
vue的diff算法，从最基本的算法分析开始，到vue2的双端diff，到vue3的最长递增子序列算法。
2022-06-23 22:47:28
480
原创 ElementUI 树形控件el-tree懒加载并设置默认展开和选中的效果
使用elementui树组件，通过懒加载加载数据，并设置默认展开和全部选中的效果。<el-tree :load="loadNode" node-key="org_id" is-connection-line show-checkbox lazy :default-checked-keys="defaultSelectCids" :default-expanded-keys="defaultExpandedCids
2022-02-22 18:49:37
11485
2
原创 javascript函数的防抖和节流
js函数的防抖和节流的是什么函数的防抖 （debounce） : 多次触发事件，在某段固定的时长只执行最后一次函数,如果这个事件一直触发，那么相应的函数要一直等待。比如生活中坐地铁或者做电梯，假如一直有上客的情况，那么车门就一直要等待，直到最后一名乘客上车后等待10s（一个设定的时间）车门关闭。函数的节流 （throttle） : 多次触发事件，执行期间每隔一段时间执行相应的函数。比如生活中在公交始发站，公交车有一定的发车时间间隔，要过一段时间(比如20分钟)才发一辆车。来了一个乘客对司机说，发车吧(
2020-05-15 09:59:12
254
原创 前段不定宽高的div垂直居中
div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
2016-09-16 21:23:30
481
原创 css3改变元素基点transform-origin
今天使用css3制作旋转动画，突然碰到了奇怪的现象，元素不是绕着自己的中心旋转。后来调试发现使用了margin-top，转移了元素的位置，但是中心点没有移动。那么这样是不是多了一种改变元素基点的方法。这种还是挺好用。当然标准更多的是调整transform-origintransform-origin(X,Y):用来设置元素的运动的基点（参照点）。默认点是元素的中心点。其中X和Y
2015-07-31 22:02:32
4684
1
原创 metinfo笔记
引入或者调用外部文件时：要在own.js中设置require('tem/js/amaze/amazeui.css'); require.async('tem/js/dahua/jquery.SuperSlide.2.1.1',function(){ jQuery(".slideTxtBox").slide({}); jQuery(".slideBox").slide({m
2015-07-28 23:21:35
819
原创 淘宝店铺装修（首页和宝贝详情页显示不一致）
做淘宝C店铺装修的时候，很多会使用到footer-more-trigger属性中的position:absolute;绝对定位。但是该属性在宝贝详情页中是没有的，制作店招或者页尾时的共用模块就可能会显示异常。所以制作这里首页，搜索页，宝贝详情页共用模块是，不要使用定位来排版。最好使用浮动float；天猫店铺除外，天猫店铺的sn-simple-logo属性在宝贝详情页里显示也是正常的，可以使用定
2015-06-17 11:16:13
9511
2
原创 阿里云 linux下部署web环境
最近购买了阿里云服务，服务器上是完全纯净的，所有使用的环境都要自己安装配置。对我等小白还是有点恐惧，今天装下来，也没有太复杂，感觉还是比较好用的。（）购买服务器之后，第一步先Linux一键安装web环境下载文件后，里面有一个pdf安装说明，另一个是安装包。把安装包上传到服务器的home文件夹下。就可以按照pdf 的说明进行按照。我安装了Apache。安装
2015-03-25 10:53:50
1204
转载 css3中的变形和动画（3）
rotate 旋转，通过rotate()函数指定旋转的角度，元素相对原点进行旋转，如果是正值，顺时针旋转，负值，元素相对原点逆时针旋转。skew（），扭曲倾斜，它可以将一个对象以其中心为之围绕着X轴和Y轴按照一定角度倾斜，会改变元素的形状。使用时，分为三种情况：1、skew(x，y)是元素在水平和垂直方向同时扭曲。2、skewX(x)仅使元素在水平方向扭曲变形3、ske
2014-12-10 08:57:36
657
原创 css3选择器
6-1.css3选择器css3增加的属性选择器（通配符） Element[attribute^="value"] 选择匹配元素Element，并且E元素定义了以value值开头的任意字符串的属性attribute值。 Element[attribute$="value"] 选择匹配元素Element，并且E元素定义了以value值结尾的任意字符串的属性attribute值。 E
2014-11-27 11:58:08
720
转载 jQuery实现小骑车的移动
html代码部分 停车动画 css样式布局*{ padding:0px; margin:0px; }body{ background:#D5DEE7; }.car{ position:absolute; top:0px; left:0px;
2014-11-26 14:26:43
692
转载 css3学习笔记1
css3介绍1.首先处理各版本浏览器兼容性----------------------------| 前缀 | 浏览器| -webkit |chrome和safari| --------------------------| -moz |firefox| --------------------------| -ms |IE| --
2014-11-26 11:45:49
572
原创 css3中关于伪类的使用
目标：css中after伪类，last-child伪类的使用。以及部分css3的属性。过程：在制作导航时，经常会遇到在每一个li后面添加一个分割符号，到最后一个元素的时候，分割符就会去掉的一种效果。如图那么制作这样的一个效果，怎么用纯css很简单的完成了。这里用到了css的伪类。html部分 Home About Me Portfoli
2014-11-20 22:16:03
1513
原创 html5标签
可以进行省略的标签1、不允许写结束符的标签：area、basebr、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr2、可以省略结束符的标签：li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、td、th3、可以完全省略的标签：htm
2014-11-13 11:55:10
713
原创 php查询数据的4个fetch用法和区别
mysql_fetch_row;mysql_fetch_array;mysql_fetch_assoc;mysql_fetch_object;
2014-10-02 12:10:00
5692
1
java开发的各种包
2013-09-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人