半码精选
-
React jsx语法
JSX是什么？ JSX是facebook创建的一种语言约束，是一种JavaScript的语法扩展，被运用在React框架中，其格式类似于模板语言(JSP)，但事实上完全是在Java…
-
Vue3工程中接入tailwindcss
之前的vue项目中需要写入样式，发现不支持原子样式，写起来不是特别方便，布局也麻烦，就把tailwind css接入到这个项目里了，这里记录下整体的接入流程，不得不说tailwin…
-
【一周一荐】| typeorm一款极好的nodejs orm框架
最近希望使用Nodejs给我提供后端服务，但是数据库操作这块实在是麻烦，所以想着找一个现成的ORM框架来进行数据库映射、连接、操作功能。由于我的软件准备采用midway + TS框…
-
JS中常用数组操作方法
JavaScript中数组Array提供了多个数组的操作方法，便于我们更快、更方便的处理数据，如下内容采自网络，帮助记忆查询使用。 1、concat() 用于连接两个或多个数组。该…
-
通过linear-gradient()函数实现线性渐变
前端可以通过linear-gradient()函数用于实现设置创建多种颜色实现的线性渐变的图片，基本上所有可以设置图片资源的属性均适合使用，可以将其视为一种特别的图片样式。函数设置…
-
Chalk实现终端样式的自定义
chalk提供了终端样式颜色的解决方案，一般的我们的前端启动的nodejs服务终端返回信息都是黑白色，通过使用chalk可以辅助我们输出自定义样式的终端颜色。本篇文章我们将结合ch…
-
NextUI使用原子样式实现Tabs左右排列
使用NextUI作为UI库进行网站开发，页面需要使用到左右布局的切换样式的UI来分离界面的分类和内容，这也是较为常用的一种样式，但偏偏不巧的就是NextUI中的Tab凑巧没有支持这…
-
CSS网格函数fit-content()的使用
CSS函数fit-content()属于网格函数，除此之外的网格函数还有：minmax()、repeat()。顾名思义，这三个函数只能在网格布局中使用。fit-content()函…
-
Dockerfile镜像构建基础
Docker可以通过从Dockerfile中读取指令来自动构建图像。Dockerfile是一个文本文档，其中包含用户可以在命令行上调用以组装图像的所有命令。本文介绍了可以在Dock…
-
JS中ajax与jsonp使用区别
ajax技术的目的是让javascript发送http请求，与后台通信，获取数据和信息。ajax技术的原理是实例化xmlhttp对象，使用此对象与后台通信。ajax通信的过程不会影…
-
express添加错误处理中间件
使用Express开发Nodejs服务时，为了统一配置API请求返回错误，我们可以在Express中添加错误处理的中间件，用于统一处理接口请求中出现的各种错误信息，以便我们快速定位…
-
CSS中实现数据限阈的数字函数
CSS函数中提供了几个比较实用的数字函数，它可以帮助我们实现一定的数学计算功能。常见的数字函数目前提供了五个：calc()、max()、min()和clamp()函数。其基本实现功…
-
Nextjs配合nextui框架进行页面开发
当我们使用nextjs进行前端SSR相关开发的时候，想要选用一个UI框架进行页面渲染的时候，就会发现服务端渲染和客户端页面渲染是如此的不通，我们国内常用的elemet-ui，&nb…
-
CSS中如何使用calc()函数
css中提供calc()函数来辅助我们进行属性值的计算，这也是我们开发过程中使用频率较大的一个CSS函数，一般的适用于丈量类属性值的计算。其具体使用场景主要分为如下几个种类： &l…
-
使用Docker部署nextjs应用
最近使用nextjs网站开发，希望使用docker进行生产环境的部署，减少环境的依赖可重复部署操作。我采用的是Dockerfile编写应用镜像方式+ docker-com…
