CSS网格（Grid）是一种强大的布局系统。它允许我们在网页设计中创建复杂的布局。与传统的浮动布局和弹性盒子（Flexbox）相比，网格提供了更多的控制和灵活性。通过定义行和列，我们可以轻松地将元素放置在网格的特定位置上，从而实现精确的布局。一个简单的网格例子让我们从一个简单的例子开始，看看如何使用CSS网格创建一个基...

今天我们来聊聊CSS里的弹性盒子（FlexBox）。简单来说，弹性盒子是一种布局模式，可以让我们更轻松地排列和对齐网页上的元素，尤其是在我们不知道元素具体大小或者它们会动态变化的时候。基本概念弹性盒子布局主要由两部分组成：容器（container）和项目（items）。容器：就是包含弹性项目的父元素。项目：是直接位于容...

一、概述CSS定位(Positioning)属性允许你对元素进行定位。定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。显然，这个功能非常强大，也很让人吃惊。二、CSS定位机制CSS有三种基本的定位机制：普通流、浮动和绝对定位。除非专门指定，否...

float属性最初只用于在成块的文本内浮动图像，后来成为了在网页上创建多列布局的最常用工具之一。一个例子.float-box-1准备一个盒子的样式的样式，应用在div上。＜h1＞CSS入门教程之浮动(float)的例子＜/h1＞＜divclass=float-box-1＞浮动(float)＜/div＞＜p＞CSS全称C...

filter属性将模糊或颜色偏移等图形效果应用于元素，常用于调整图像、背景和边框的渲染。一个filter例子/*定义一个div基本样式*/div/*滤镜样式*/.filter-one定义了一个基本的div样式，和一个滤镜样式类。这是一个为元素添加阴影的样式。＜div＞没有滤镜＜/div＞＜divclass=filter...

无序列表(ul)和有序列表(ol)，默认情况下在网页的呈现和表格一样，比较粗糙。看一个无序和有序列表的代码：＜ul＞＜li＞CSS入门准备＜/li＞＜li＞简介与语法＜/li＞＜li＞选择器＜/li＞＜li＞值和单位＜/li＞＜li＞字体和字号＜/li＞＜li＞颜色和背景＜/li＞＜li＞链接＜/li＞＜li＞边框＜/...

使用CSS对表格进行美化，是一项必须的技能，因为表格默认的样式实在太苍白。＜table＞＜caption＞21天CSS入门更新记录＜/caption＞＜thead＞＜tr＞＜th＞序号＜/th＞＜th＞文章标题＜/th＞＜th＞发布时间＜/th＞＜/tr＞＜/thead＞＜tbody＞＜tr＞＜td＞01＜/td＞＜t...

CSS中的盒子模型，或盒模型，是boxmodel。它指的是我们把元素看成一个个盒子。所以看到说盒子怎么怎么样，实际指的是某个元素的行为如何。boxmodel定义了盒子四个部分（如下）之间如何协作，最后创建出一个显示在页面上可以看到的盒子。外边距margin边框border填充（有时也翻译成内边距）padding内容在讲...

前面在介绍选择器时，提到了伪类和伪元素，并列举了CSS里的伪类列表。在讲链接时介绍的链接的四个状态，就是伪类。伪，就是假的意思，也可以理解为不存在。那伪类和伪元素，都有一个“伪”字，它们有什么区别呢？伪类伪类，就是假的类，不存在的类。那指的是在哪里不存在呢？这里要引入一个概念DOM，也就是HTML文档结构树，具体理解不...

属性display定义元素如何显示，听起来像废话。这里要来回顾一下之前在HTML教程讲过的块元素（block）和内联元素（inline），如果不记得就先复习一下。visibility属性，则用于指定元素是可见还是隐藏。显示（display）属性display有以下几个常用值：noneblockinlineinline-...

前面介绍了边框，一个元素除了边框这种能看见的，它还有两个看不见的空间，就是外边距（margin）和填充（padding）。为方便起见，以下直接使用margin和padding叙述。margin定义元素与外部元素之间的间距，而padding定义的，是元素自身边框与元素内容之间的间距。咱们看一张图就清楚了。在最中间的内容块...

边框样式，即可以为元素指定边框。看起来似乎很简单。来看看示例：这些都是使用CSS实现的，是不是有点子强大？边框位置(top,right,bottom,left)当我们谈论为元素指定边框时，我们说的是上下左右四个边框线。但是在CSS里，我们不按这样的顺序来说，而是会说上，右，下，左。聪明的你一定想到了，这是顺时针的顺序。...

前面的HTML教程图片与超链接里，讲过链接的标签，现在来看看对于链接有哪些样式。链接的状态链接不同于普通文字，它可以点击，而点击用到了鼠标。结合可点击和鼠标是否在链接上面，链接分成以下四个状态：a:link-正常的链接，也就是没有被用户访问过的链接状态。a:visited-已经被用户访问过的链接，即点击过的链接状态。a...

我们知道，HTML是标记语言，用来组织网页中的各种内容，包括文本，图片，音频，视频等。而CSS则是样式规则语言，将样式应用于HTML内容，能使得网页更美观，更具有设计性。JavaScript呢，是一种脚本语言，在网页上，通过使用JavaScript，可以创建动态更新的内容，控制音频视频，制作动画等等。虽然JavaScr...

还是老规矩，工欲善其事，必先利其器。来看看JavaScript开发环境的准备。客户端的JavaScript的学习，只要有编辑器和浏览器就足够了，不需要安装其它。代码编辑器VSCode依然沿用学习HTML和CSS时的编辑器VSCode，如果还没有准备，参考HTML入门准备和CSS入门准备做相应准备。在确保安装了VSCod...

今天我们来聊聊JavaScript的基本语法，包括变量、数据类型、操作符和表达式。首先，JavaScript是区分大小写的，并使用Unicode字符集。在JavaScript中，指令被称为语句，并用分号（;）进行分隔。如果一条语句独占一行，分号则可以省略，但不建议这么做，而且像prettier这样的扩展会默认把分号加上...

控制结构帮助我们根据不同的条件执行不同的代码块，或者重复执行某段代码。那就来看看两种常见的控制结构：条件语句和循环语句。条件语句条件语句允许我们根据某个条件的真假来执行不同的代码。最常见的条件语句是if语句和else语句。理解成中文就是：如果...否则...if语句if语句用于在条件为真（true）时执行某段代码。语法...

函数是可重复使用的代码块。可以把它想象成一个小机器，输入一些东西（参数），然后输出一些东西（返回值）。如何定义和调用函数？定义一个函数很简单，你可以使用function关键字。下面是一个简单的例子：//定义一个函数functionsayHello()//调用这个函数sayHello();在这个例子中，我们定义了一个名为...

TypeC接口长什么样?TypeC是USB国际协会这个大家族2014年公布的新生代接口标准，现在已经在部分笔记本电脑和手机上实现，如下图所示。笔记本上的TypeC接口已经支持了供电和USB3.0，很快会支持更多的接口协议，包括DP、HDMI、MHL、Thunderbolt等。TypeC为什么势头这么猛？话说，TypeC...

HTTP长轮询它解决了在Web上构建双向应用程序的问题—一个专为客户端发出请求而服务器响应的单向世界而设计的平台。这是通过颠倒请求-响应模型来实现的：客户端向服务器发送GET请求：与传统的HTTP请求不同，您可以将其视为开放式请求。它不是要求特定的响应，而是在准备好时请求任何响应。时间流逝：HTTP超时可使用Keep-...

整理一下常用的JavaScript数组遍历的方法。forletarr1=[Apple,Orange,Pear];for(leti=0;i＜arr1.length;i++)for..of//使用for..of进行遍历letarr2=[Apple,Orange,Pear];//遍历数组元素for(letkeyofarr2)...

引入打开Vue3的官方文档，它首先会告诉你，Vue的组件可以按两种不同的风格书写：选项式API和组合式API。文档为我们提供一系列两种风格的代码参考，供我们按照偏好进行选择。实际上，Vue3组件可不止两种写法，而是多达十几种！然而，不管是什么写法，它们都是基于同一个底层系统实现的，概念之间也是彼此相通的，只是使用的接口...

1.JS为什么单线程一个简单的原因就是，js在设计之初只是进行一些简单的表单校验，这完全不需要多线程，单线程完全可以胜任这项工作。即便后来前端发展迅速，承载的能力越来越多，也没有发展到非多线程不可的程度。而且还有一个主要的原因，设想一下，如果js是多线程的，在运行时多个线程同时对DOM元素进行操作，那具体以哪个线程为主...

在数据库设计中，是否使用NOTNULL是一个非常重要的决策，直接影响数据完整性、查询性能以及业务逻辑的复杂度。使用NOTNULL的关键在于理解业务需求和具体场景。 1.必须存在值的字段对于某些关键字段，如果业务逻辑要求它们始终具有值，那么应该使用NOTNULL约束。这样可以防止数据不完整，避免潜在的业务问题。示例：用...

ERP标准成本价维护说明？ 操作步骤：系统管理-物料管理-物料信息维护： 进入界面后，选择对应的物料，点击编辑 填入标准成本，点击编辑按钮完成，如下图：（注意：若成本需要按生产数量平摊，则成本价统一默认填为1，否则填入真实的标准成本即可）