自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

snowball的博客

独学而无友,则孤陋而寡闻,关注我,一起成长!

  • 博客(232)
  • 问答 (2)
  • 收藏
  • 关注

原创 element:日历 / 使用记录

element 日历

2024-01-13 17:00:42 528 2

原创 性能测试-jmeter:安装 / 基础使用

安装JMeter不需要Maven环境。不过,如果你希望使用Maven进行项目管理和构建,可以将JMeter引入Maven项目中,并使用Maven来管理JMeter的相关依赖项和构建过程。JMeter是一款开源的性能测试工具,主要用于模拟大量用户并发访问目标服务器,以评估服务器的性能和稳定性。变量值:D:\software\jemeter\apache-jmeter-5.6.2。jemeter依赖Java环境,所以需要先安装Java环境。此电脑--属性--高级系统设置--环境变量--新建。

2023-12-27 22:25:40 1344 1

原创 Java-Maven3.9.6:Maven依赖管理 / 安装-配置-使用

Maven是一个开源的项目管理工具,主要用于构建和管理Java项目、依赖管理和文档生成,它可以自动下载所需的依赖库,并自动构建整个项目。Maven 3.x.x 版本需要JDK 1.7及以上版本,Maven 2.x.x版本需要JDK 1.4及以上版本,Maven 1.x.x版本需要JDK 1.3及以上版本。5. 构建过程和目录结构:Maven的构建过程是基于约定的,即项目的源代码和资源文件应该按照特定的标准目录结构进行组织。Maven是一个强大的项目管理工具,能够简化和规范Java项目的构建和管理过程。

2023-12-26 22:48:16 1987

原创 Git:git clone报错The project you were looking for could not be found or you don‘t have ...

请注意,这种方式可能不适用于所有的Git仓库,因为不是所有仓库都要求进行身份验证。如果你没有特定的要求,那么你可以直接使用不带用户名的URL进行克隆。替换为你要克隆的仓库的URL。在克隆时,Git会使用你提供的用户名来进行身份验证,以确保你有权限访问该仓库。命令中,你可以在仓库地址中指定用户名。这种方式被用于在克隆私有仓库时进行身份验证。在http://后增加 “用户名@”替换为你要克隆的仓库的URL。替换为你的真实用户名,将。替换为你的用户名,将。经过测试,问题解决了。

2023-12-25 19:41:25 563

原创 AI问答-供应链管理:都有哪些人员角色 / 企业角色

消费组织或单位的需求对供应链管理也具有重要影响,供应链管理可以通过合理管理供应链来满足他们的需求,并提供高质量的产品和服务。在供应链管理中,原厂是指直接从生产商购买产品或原材料的环节,其产品通常是经过严格的品质控制和测试,具有较高的可靠性和质量。例如,在医疗器械行业,注册证持有人是指取得了医疗器械注册证书的企业,该证书表明该企业的产品符合法律、法规和安全性要求,可以在市场上合法销售和使用。消费者的需求和反馈是供应链管理的重要参考因素,供应链管理可以通过有效的供应链规划和执行来满足消费者需求。

2023-12-24 20:18:13 844

原创 供应链管理:专业词汇积累

战略寻源,是指企业的采购部门为了实现企业战略目标,在充分了解和分析企业外部行业和供应市场环境以及内部客户需求的基础上,聚焦供应商层面,通过制定采购策略来对供应商进行有效开发和管理的一个动态循环的管理过程。在供应链管理中,完美订单的概念强调的是整个供应链的协同和优化,以确保从供应商到最终消费者的整个过程中,每个环节都尽可能地满足客户的需求。首先当然是要明白需求是什么,这是寻找供应商的依据。仓储是供应链管理中的重要环节,主要涉及物品的存储和保管,以保证物品的质量和数量,同时提高供应链的效率和灵活性。

2023-12-18 21:05:51 924

原创 AI 问答-供应链管理-相关概念:SCM、SRM、MDM、DMS、ERP、OBS、CRM、WMS...

TMS是一种基于网络的供应链分组操作软件,能通过多种方法和其他相关的操作一起提高物流的管理能力,包括管理装运单位、指定企业内、国内和国外的发货计划、管理运输模型、基准和费用、维护运输数据、生成提单、优化运输计划、选择承运人及服务方式、招标和投标、审计和支付货运账单、处理货损索赔、安排劳力和场所、管理文件(尤其当国际运输时)和管理第三方物流。EBS系统是一套企业管理系统,它是一个完整的、集成的企业信息管理系统,是企业进行资源计划、组织决策、实施财务管理、管理企业流程和实现企业战略的有效工具。

2023-12-13 20:01:10 1201

原创 架构-单一代码库-monorepo-lerna(8.0.0):lerna-pnpm-vue3-vite-ts 实践 / 用于管理包含多个软件包(package)的 JavaScript 项目

PNPM Workspaces是一个npm客户端,它允许您在单个存储库中管理多个npm软件包,但它与Lerna不同,它不需要将所有代码放在单个存储库中。总的来说,Lerna适用于需要在一个大型存储库中管理多个相关软件包的项目,而PNPM Workspaces适用于需要更灵活的存储库结构的项目。如果你之前使用软链接管理Lerna项目中的包,升级到Lerna 8.0.0后,你可以移除软链接的设置,并使用Yarn的工作空间功能来管理你的包。并且难以跟踪,并且, 跨越多个代码仓库的测试将迅速变得非常复杂。

2023-12-12 21:28:49 1135

原创 Nuxt2.X-优化:快速启动nuxt2.x项目 / 38.61s 优化到 15.84s / shelljs + inquirer + extendRoutes

使用const关键字声明一个名为inquirer的常量,并在变量声明语句中使用了require()函数,这个函数用来引入Node.js模块并返回对应模块的对象。在这里,require('inquirer')返回了inquirer模块的对象,使得我们可以在代码中使用它提供的API。nuxt extendRoutes是Nuxt.js中用于扩展路由的方法,可以在nuxt.config.js文件中配置。在启动项目的过程中,我们希望可以做一些工作,加快项目启动速度。这样只启动了要启动的目录,启动速度就会提升,

2023-12-06 18:07:04 1121

原创 微信小程序:调用 摄像头、选择照片或视频 都没反应 / wx.chooseImage 选择上传图片无反应

为了_______,开发者将在获取你的明示同意后,访问你的摄像头。开发者收集你选中的照片或视频信息,用于________微信小程序 调用 摄像头、选中的照片或视频,都没反应。wx.chooseImage 选择上传图片无反应。开发者收集你选中的文件,用于________添加信息类型,摄像头、选中的照片或视频。服务内容声明,用户隐私保护指引,更新。登录后台关联,点“设置”

2023-12-03 19:15:04 915

原创 vue3-vite-ts:编写Rollup插件并使用 / 优化构建过程

本文虽然很简单,但是我们从本文体会到rollup插件是有意义的,并且掌握了开发rollup插件的流程,我们了解到rollup插件可以优化构建过程,这一点很重要,也给本人打开一扇窗,以后就可以自己根据需求来开发适合自己的插件了。,例如使用rollup-plugin-typescript2插件来编译TypeScript代码,使用rollup-plugin-vue插件来处理.vue文件等。通过这个知识点我们会更加了解项目启动的过程,编译的过程,在这个过程中我们可以做更多的事情,而不是面对盲盒。

2023-12-02 13:47:13 556

原创 CSS:calc() 函数 / 动态计算长度值 / 不同场景使用

CSS calc() 函数是一个用于计算 CSS 属性值的函数。它可以在 CSS 属性值中使用数学表达式,从而实现动态计算属性值的效果。calc() 函数可以使用加减乘除四种基本数学运算符来计算属性值,还可以使用括号来改变优先级。这个样式规则中,div 元素的宽度为整个父容器的宽度减去 20px。当浏览器窗口大小发生变化时,div 元素的宽度会自动重新计算,以适应新的窗口大小。这个样式规则中,div 元素的上下内边距为 10px 加上父容器宽度的 2%,左右内边距为 20px 减去父容器宽度的 5%。

2023-11-29 14:54:45 2402

原创 html-video:计算视频是否完整播放 / 计算视频完播率

我们把duration按照一定间隔划分成多个区间(比如10s一个区间),然后我们计算是否每个区间都有上报的记录(至少有一次),整体达到90%,我们认为是完整播放。如果可以是视频播放完毕 / 离开 / 刷新页面 / 小程序的退出 等时候上报,那么上报一次就可以了。比如1分钟的视频,10秒上报一次,整个观看的过程都能记录下来,我们甚至能和用户一模一样的观看一遍。如果把观看过程,通过上报的数据记录在“平滑折线图”中。y轴是上报记录,currentTime。如果是有来回的折线就是有拖动进度条。

2023-11-29 11:02:16 1467

原创 CSS:浏览器设置placeholder样式 / 微信小程序设置placeholder样式

设置浏览器的placeholder样式在小程序中设置placeholder样式需要使用组件的内置属性。在上面的示例中,placeholder-style属性被设置为一个字符串,包含了CSS样式。在这个字符串中,您可以设置任何CSS样式属性,例如颜色、字体大小、字体样式等。请注意,这些属性仅适用于placeholder文本,而不是输入的文本。如果您需要设置输入文本的样式,应该将样式应用到输入框或文本域本身。

2023-11-24 14:29:49 1503

原创 项目里边更换了同名的图片地址 / 图片没有及时更新 / 什么原因

如果设置了Last-Modified和ETag字段,客户端在请求资源时,会先发送一个请求到服务器,服务器会将这个请求中的If-Modified-Since(Last-Modified的值)和If-None-Match(ETag的值)字段与服务器中的资源进行比对,如果相同,则说明资源没有更新,可以使用缓存;如果你想保证用户能够看到最新的图片,可以在更换图片地址后,附加一个随机数或者时间戳作为图片地址的一部分,这样可以避免浏览器和CDN缓存的影响,强制让浏览器重新请求新的图片。

2023-11-24 14:15:13 1194

原创 小程序:project.config.json / project.private.config.json / 项目配置文件 /拉取代码产生冲突 / 如何解决

例如小程序的第三方 API 密钥、版本号等敏感信息,这些信息不应该被公开或共享,因此需要保存在本地进行保护。同时,由于这个文件不会被上传到服务器或共享给其他开发者,因此不同开发者之间也可以使用不同的 private.config.json 文件,并且可以独立配置。由于 project.private.config.json 包含敏感信息,一般不会被提交到代码仓库中,而是由开发人员在本地进行管理。

2023-11-24 12:17:27 1299

原创 颜色模型:16进制颜色、RGB、RGBA、HSL、HSA、HSB、LAB、LCH、HSV、YUV、XYZ、YCbCr、CMYK、Gray颜色 / 前端能用吗 / DEMO

CMYK颜色是一种基于印刷油墨颜色的颜色模型,其中C表示青色(Cyan),M表示洋红色(Magenta),Y表示黄色(Yellow),K表示黑色(Black)。例如,#FF0000代表红色。RGBA颜色模型是在RGB颜色模型的基础上增加了透明度的属性,用四个值来表示颜色,分别是红、绿、蓝三个通道的值和透明度值,透明度的取值范围是0~1。LCH颜色模型是一种基于LAB颜色空间的色彩模型,它将LAB颜色空间的a和b两个参数转换为色相(hue)和饱和度(chroma),使得颜色的表示更加直观。

2023-11-23 20:40:48 1231

原创 Vue3-TypeScript-Threejs:导入外部的glb格式3D模型

three/examples/jsm/loaders/GLTFLoader的使用方式为:先新建一个GLTFLoader对象,然后传入一个配置对象进行初始化,再调用该对象的parse()方法,传入需要解析的obj模型数据,即可解析模型。而 three/examples/jsm/loaders/GLTFLoader 是 Three.js 官方提供的一个案例,它是基于 GLTFLoader 开发的,同时也是 Three.js 的模块。--------AI回答二--------确认.glb文件的路径是否正确。

2023-11-14 22:25:20 1485

原创 WebGl-Blender:建模 / 想象成形 / Blender概念词汇表 / 快捷键

GLB是一种基于二进制的3D模型文件格式,全称为GLTF Binary,也称为GLB文件格式。它是由Khronos Group开发的一种开放标准格式,用于在不同的3D软件和Web应用程序之间交换和共享3D模型数据。GLB文件包含了3D模型的几何、纹理贴图、材质等所有信息,以二进制的形式存储在同一个文件中,可以使文件大小更小、加载速度更快。GLB文件也被广泛用于实现AR和VR等应用场景中的3D模型展示和交互。GLB文件(.GLB)代表“GL传输格式二进制文件”,是用于共享3D数据的标准化文件格式。

2023-11-14 22:10:55 683

原创 WebGL-Vue3-TS-Threejs:基础练习 / Javascript 3D library / demo

Three.js是一个用于WebGL渲染的JavaScript库。它提供了一组工具和类,用于创建和渲染3D图形和动画。简单理解(并不十分准确),Three.js之于WebGL,好比,jQuery.js之于JavaScript。OpenGL 是一个跨平台3D/2D的绘图标准,WebGL则是OpenGL 在浏览器上的一个实现。web前端开发人员可以直接用WebGL接口进行编程,但 WebGL只是非常基础的绘图API,需要编程人员有很多的数学知识、绘图知识才能完成3D编程任务,而且代码量巨大。Threejs 对

2023-11-10 21:51:54 1175

原创 JavaScript:理解时间戳 / 常用时间戳 日期 转换 / 像微信一样展示消息时间

因为时间戳是以UTC时间为基准计算的,而且不同的时区可能有不同的偏移量,因此在进行时间处理时需要考虑时区问题,确保计算的准确性。在编程中,我们可以使用各种编程语言中的库或函数来将当前时间转换成时间戳,或将时间戳转换为人类可读的日期和时间格式。时间戳通常用于记录事件的时间,以便在不同的系统、不同的时区之间进行标准化处理和比较。时间戳(timestamp)是指一个特定日期和时间的数字表示形式,通常是从某个特定时间点(比如1970年1月1日00:00:00 UTC)起的秒数或毫秒数。

2023-11-07 15:30:53 727

原创 WebGL:基础练习 / 简单学习 / demo / canvas3D

在绘制过程中,我们首先编译和链接了顶点着色器和片元着色器,并创建了一个着色器程序。在这个 Demo 中,我们首先创建了一个 WebGL 上下文,并定义了一个顶点着色器和一个片元着色器。接着,我们创建了一个着色器程序对象,并将顶点着色器和片元着色器附加到这个程序对象上,并进行链接。接着,我们创建了着色器程序对象,并将顶点着色器和片元着色器附加到这个程序对象上,并进行链接。需要注意的是,绘制图形时,我们使用的是 gl.TRIANGLE_FAN,它表示绘制一个三角形扇形,也就是一个由五个三角形组成的正方形。

2023-11-03 23:39:47 736

原创 JavaScript:事件循环机制(EventLoop)

当一个宏任务中产生了微任务,这些微任务会先被放到一个专门的队列中,等待当前宏任务执行完毕时再执行。而在执行这些微任务时,如果又产生了新的微任务,这些新的微任务会被放到队列的末尾,等待执行。当当前任务执行完成后,在下一个事件循环的开始,JavaScript会从任务队列中取出一个任务,执行该任务。然后再执行宏任务队列中的任务。总的来说,JavaScript通过事件循环机制来实现异步操作,将异步任务放到任务队列中,然后在任务队列中等待执行,直到JavaScript引擎空闲,再将任务队列中的任务拿出来执行。

2023-11-03 21:23:27 850

原创 canvas:理解canvas / 基础使用 / 实用demo

Canvas是一个HTML5元素,用于在Web页面上绘制2D或3D图形。它允许使用JavaScript在网页上创建和操作图形。Canvas的主要功能是绘图,但也可以用来实现其他功能,如动画和交互式游戏。

2023-10-30 23:25:34 398

原创 nuxt3+ts:集成 百度-爱番番 客服

百度-爱番番 与 百度统计 的集成是一致的,如果之前集成过百度统计,那么百度爱番番会自动集成,重启项目后自动出现百度爱番番客服。在电脑下载的客户端--点设置按钮--样式设置-PC样式-邀请框右上的关闭哈。测试成功,,咨询过客服,只能下载软件后设置,在pc端不可以。nuxt3 + ts 集成百度爱番番(客服)app.vue 使用 useHead 方法。有了这段代码就可以集成到项目里边了。百度-爱番番 与 百度-统计。登录后点右上角设置中心。集成成功,测试成功。

2023-10-18 21:50:14 219 1

原创 小程序-uni-app:将页面(html+css)生成图片/海报/名片,进行下载 保存到手机

本文实现,uniapp微信小程序,把页面内容保存为图片,并且下载到手机上,说实话网上找了很多资料,但是效果不理想,直到看了一个开源项目,我知道可以实现了,本文以开源项目uniapp-wxml-to-canvas 为蓝本 记录集成的步骤,以供参考。这些组件可以通过 require 方法引入并使用,也可以在页面的 json 配置文件中进行全局注册,被所有页面调用。通过创建自定义组件,可以让开发者更加方便地完成复杂的交互效果和组件封装,从而提高小程序的可维护性和开发效率。到此功能实现,集成步骤也比较简单,

2023-10-17 22:42:03 5066 1

原创 翻译:网站整站翻译 / 网站国际化 / 极简实现

序号特性说明1使用极其简单无需任何前期准备,直接加入几行代码即可拥有多种语言全自动切换能力。2不增加工作量无需另行改造页面本身,也没有各种语言都要单独配置的语言文件,更不需要你对页面本身要显示的文字区域进行代码调用,我认为那样对技术人员实在是太不友好了。而且它也不需要你到某某网站申请什么key,它本身就是开放的,拿来即用。3极其灵活扩展您可指定它只翻译某些指定区域、切换语言时显示下拉框还是通过摆放多个切换语言按钮进行、可指定某些特定的元素不进行翻译忽略……4自动匹配语种。

2023-10-09 22:58:42 411

原创 Charles:移动端抓包 / windows客户端 / iOS手机 / HarmonyOS 4.0 / 手机访问PC本地项目做调试

Windows 10 家庭中文版版本号 22H23.2.1、无线局域网3.2.2、手机须与PC连接同一无线网,点击 “叹号”3.2.3、点击代理配置3.2.4、选择手动,服务器 输入 pc的 ip 地址,端口 8888服务器ip地址可以在Charles --> Help --> Local IP Address 找到3.2.5、手机连接成功后,pc出现弹窗,点击 allow (允许)

2023-10-07 23:50:14 3323 1

原创 屏幕分辨率:PC / 手机 屏幕常见分辨率,前端如何适配分辨率

注意:分辨率的数字表示水平像素点数和垂直像素点数,例如1920x1080意味着在屏幕上有1920个水平像素和1080个垂直像素。以上是一些较为常见的PC屏幕分辨率,还有一些非常规分辨率的屏幕也会出现,如3440 x 1440、2560 x 1080等。不同的分辨率在显示效果和硬件要求上都会有所差异。前端分辨率适配就是在不同分辨率的设备上,保证网页或应用程序的显示效果、布局和字体大小等元素能够相对合适的展示,以便用户能够更好的阅读和使用。

2023-10-07 19:57:36 2345

原创 小程序-uniapp:URL Link / 适用于在移动端 从短信、邮件、微信外网页 等场景打开小程序任意页面

小程序URL Scheme、URL Link是微信小程序后台生成的一种地址,适用于从短信、邮件、微信外网页 等场景打开小程序任意页面。所以,适用性极强。

2023-09-25 22:37:11 1398

原创 vue3-ts-vite:Google 多语言调试 / 网页中插入谷歌翻译元素 / 翻译

Google 多语言调试 / 网页中插入谷歌翻译元素 / 翻译

2023-09-25 00:33:06 604 2

原创 JavaScript:隐式转换、显示转换、隐式操作、显示操作

JavaScript 中的隐式转换是指不需要显式地调用转换函数,而是在执行期间自动发生的数据类型的转换。即在使用不同类型的值进行操作时,JavaScript会自动进行类型转换。这种转换通常发生在不同数据类型之间进行运算或比较时。valueOf()toString()1、如果对象具有valueOf()方法,则 JavaScript 将首先调用该方法。valueOf()方法返回对象的原始值,通常是一个数字或布尔值。2、如果对象没有valueOf()方法,或者valueOf()

2023-09-18 23:46:04 156

原创 微信小程序-虚拟支付:适用场景 / iPhone调试用支付成功,Android调用失败,提示“小程序支付能力已被限制” / “errMsg“.“requestPayment:fail banned”

注意:signData:具体支付参数见signData, 该参数需以string形式传递, 例如signData: '{"offerId":"123","buyQuantity":1,"env":0,"currencyType":"CNY","platform":"android","productId":"testproductId","goodsPrice":10,"outTradeNo":"xxxxxx","attach":"testdata"}需要按照要求接入 “虚拟支付”

2023-09-07 19:26:42 2192

原创 WebGL:开始学习 / 理解 WebGL / WebGL 需要掌握哪些知识 / 应用领域 / 前端值得学WebGL吗

2006 年,WebGL 的发展史可以追溯到 2006 年左右,当时 Mozilla Foundation 的一个开发人员 Vladimir Vukićević 开始尝试在 Firefox 浏览器中嵌入 OpenGL,为 JavaScript 提供底层图形库的支持。

2023-08-28 23:39:18 739

原创 nuxt2-storybook-vite:环境搭建、基础使用 / nuxt项目组件库

这个错误是由于在使用 @vitejs/plugin-vue 插件构建项目时,需要安装 Vue.js 3.2.25 或更高版本,并且 Vue.js 编译器也需要被安装。Vue 2 项目并不支持 Vite,因为 Vite 是基于 ESM(ES6 模块)构建的工具,而 Vue 2 是基于 CommonJS 构建的。本文 nuxt2,使用的是 vue2.x 的版本,我们要使用 vue2 的基础上使用 vite,需要安装插件,进行vite配置。插件来实现在 Vue 2 项目中使用 Vite。

2023-08-25 11:03:26 634

原创 Nodejs-nrm:快速切换npm源 / npm官方源和其他自定义源之间切换

由于 npm 在国内的速度较慢,很多开发者会使用淘宝的 npm 镜像源,但是也会遇到一些问题,例如某些包在淘宝镜像源中不存在,或者淘宝镜像源本身也会有问题。Nodejs nrm 提供了一个命令行工具,可以方便地切换不同的 npm 源,在不同的场景下使用不同的源。使用 nrm 可以列出当前已有的所有源并切换到指定源,也可以添加自定义的源,并在多个源之间轻松切换。Nodejs nrm 是一个非常方便的工具,可以帮助开发者快速切换不同的 npm 源,提高开发效率。,将安装最新版本的 nrm。

2023-08-23 15:28:44 1928

原创 JavaScript-console:JavaScript控制台(Console)常用方法

这是一个属性,并不是是函数,此属性是用来查看内存使用情况,如果我们使用过多的console.log()会占用大量的内存,导致浏览器出现卡死情况。这使得我们可以更容易地查看和比较数组中的对象。最后再次调用 console.count('apple') 时,输出 'apple: 1',计数器值为 1。第一次调用 console.count('apple') 时,输出 'apple: 1',计数器值为 1。第三次调用 console.count('apple') 时,输出 'apple: 2',计数器值为 2。

2023-08-21 18:18:17 1558

原创 AI问答:JSBridge / WebView 与 Native 通信

具体来讲,Web技术通过JS调用JSBridge提供的API来调用原生应用的功能,而原生应用通过JSBridge提供的回调函数来响应Web技术的请求并返回数据。JSBridge是一种连接JavaScript和Native代码的桥梁,它提供了一种方法,使得JavaScript可以直接调用Native的代码,同时使得Native的代码也能直接调用JavaScript的方法,从而实现了JavaScript和Native之间的相互调用和传递数据。然后在JavaScript中直接调用Native的接口来实现通信。

2023-08-18 16:12:22 383

原创 vue3-ts-storybook:理解storybook、实践 / 前端组件库

因此,如果您想从头开始构建 Storybook 项目,则应使用 npx sb init ,如果您只是想将 Storybook 添加到现有项目中,则应使用 pnpm add --dev @storybook/vue。pnpm add是pnpm工具的添加依赖包命令,--dev表示是开发依赖包,@storybook/vue是storybook的vue框架的入口包。5、可以将组件的使用文档集成在一起,让组件的使用者更好地理解组件的用法和API。2、管理多个组件,按需展示和测试,帮助开发者更好地理解和组织组件库。

2023-08-17 23:31:30 772

原创 css3-grid:grid 布局 / 基础使用

要创建一个网格布局,我们需要先定义一个网格容器,然后使用grid-template-columns和grid-template-rows属性定义行和列的大小和数量。CSS Grid是一个非常强大的布局系统,它不仅可以用于构建网格布局,还可以用于定位元素,并且可以很好地处理复杂的布局。这使得我们能够使用CSS Grid来创建各种各样的布局,从简单的网格到复杂的响应式布局,以满足不同的设计需求。如果您的站点需要支持较老版本的浏览器,可以使用其他CSS布局方式来弥补CSS Grid布局的缺陷。

2023-08-16 16:48:41 872

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除