JS/TS/HTML/CSS
文章平均质量分 74
JS/TS/HTML/CSS
暗诺星刻
用心写好每一篇博客
展开
-
极简高并发秒杀商城
极简高并发秒杀商城版本 M.0.0 运行效果图登录和注册商品界面购买界面订单界面技术内幕总括源代码 这是一款极简高并发秒杀商城项目。本项目偏向于后端。之所以说“极简”,是因为本项目的前端界面没有丰富炫酷的商品界面,目前就只有三个各具特色的商品,只是意思一下,用于充当实际种类繁多的商品。 麻雀虽小,五脏俱全。虽然本项目做得很简单,但包含高并发秒杀项目的基本功能。项目代码已在 GitHub 上开源免费发布,作者将对此项目提供持续更新与维护。本项目的源码分为前端和后端两个部分,GitHub 源码地址将在文原创 2022-03-18 21:56:01 · 3936 阅读 · 0 评论 -
如何使 React 中的 useEffect、useLayoutEffect 只调用一次
如何使 React 中的 useEffect、useLayoutEffect 只调用一次 Hook 是 React 16.8 的新增特性,旨在替代原来 React 中的 Class 组件。React 官方已经对使用 Class 组件采取了负面态度(见此处)。虽然目前官方仍然明确声明“没有计划从 React 中移除 class”(见此处),但待 Hook 成熟之后,Class 组件语法被废弃恐怕是迟早的事情。 useEffect、useLayoutEffect 可用于替代 Class 组件生命周期的方原创 2022-03-06 01:40:48 · 3538 阅读 · 0 评论 -
如何在 CSS 中设置组件在浏览器屏幕水平垂直居中
如何在 CSS 中设置组件在浏览器屏幕水平垂直居中 在 CSS 中设置组件在浏览器屏幕水平垂直居中可分解为两个问题,一是设置组件在其父组件的水平垂直居中,二是让其父组件铺满整个屏幕。 对于让最外层组件铺满整个屏幕,这需要将其宽高均设置为 100%。不过这样做了会导致浏览器出现水平和垂直的滑条。这是因为元素 body 会默认有一定的边距 margin,一般为 8px,所以同时还要将元素 body 的边距 margin 设为 0。 对于让组件在父组件中水平垂直居中,方法有很多,这里选择 flex 布原创 2022-03-05 00:20:52 · 1594 阅读 · 0 评论 -
在 WebStorm 中误添加自定义的 HTML 属性,如何删除
在 WebStorm 中误添加自定义的 HTML 属性,如何删除运行环境:WebStorm 2021.3 笔者使用 WebStorm 时,因为好奇心就把 React 中自定义的 HTML 属性进行了添加,结果强迫症迫使笔者不得不去寻找如何去掉的方法。 不过笔者好在还是找到了去掉的方法,如下图所示:...原创 2022-03-02 03:35:09 · 1727 阅读 · 0 评论 -
如何免安装服务器将 React 整合进 Spring Boot
如何将 React 整合进 SpringBoot下载 SpringBoot 官方 demo下载 React 官方 demo开始整合使用 Spring MVC 控制器导向 React将 React 打包文件置入 SpringBoot 更深的文件夹中使用本地资源路径停止 SpringBoot完整代码运行环境:React 环境:React 16.13.0npm 8.3.1webpack 5.68.0WebStorm 2021.3SpringBoot 环境:Java原创 2022-02-20 21:21:31 · 3175 阅读 · 0 评论 -
lambda 表达式中的 this 与普通情况下的 this 指向
lambda 表达式中 this 与普通情况下的 this 指向JavaJavaScript总结与提醒 很多编程语言都支持 lambda 表达式,不过对于不同编程语言,其 lambda 表达式中 this 指向差异很大,有些甚至相反。下面举例如下。Java 对于 Java 语言,很普通情况下的 this 很好理解,这里不在详述。值得一提的是 Java 中的内部类。 Java 的内部类有:成员内部类、局部内部类、匿名内部类、静态内部类。这里只讲述匿名内部类,因为其它的内部类中的 this 指向都原创 2021-06-07 05:52:22 · 3461 阅读 · 1 评论 -
Node.js 下载安装教程
Node.js 14.15 安装配置教程进入Node.js官网进行下载,网址:https://nodejs.org/en/download/因为是国外的网站,所以可能网站加载缓慢。部分浏览器可能禁用此网站上的某些控件,所以如下的过程如果发现网站上缺失某些界面选项,可以试试换个浏览器。具体操作流程如图(请顺着图片用鼠标点击画红圈部分):下载完并运行安装包就可以进行安装了,关键性操作流程如图(请顺着图片用鼠标点击画红圈部分):(注意:安装时的安装路径中不能有空格。不要使用默认的安装路径原创 2021-02-04 23:54:37 · 22784 阅读 · 9 评论