自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 用户表单form:radio,checkbox,滚动条,select[multiple]选中自定义样式及按钮type

* radio 选择自定义样式 *//* checkbox 选中自定义样式 */top: 0;/* 设置滚动条 *//* 设置滚动条的宽度和颜色 */width: 5px;/* 设置滚动条的宽度 *//* 设置滚动条的背景颜色 *//* 设置滚动条滑块的样式 *//* 设置滑块的圆角 *//* 设置滑块的颜色 *//* 设置滚动条滑块hover效果的样式 *//* 设置滑块hover时的颜色 */

2024-06-20 16:56:39 261

原创 网页开发基础点但不注意容易烧脑的知识点

与 opacity 属性的区别: opacity 针对元素的所有进行透明化,而rgba只针对元素的背景;当一个元素的尺寸会自动变化时,设置最大最小宽高,可以让它不至于变得过小或过大。在实际开发中,我们通常为PC端的页面设置一个最小宽度,通常此宽度为设计稿的宽度。又或者,我们会为页面中的所有图片设置一个最大宽度,让其不至于超过容器。百分比是一个相对单位,其相对于元素的 参考系,比如。绝大部分可以书写尺寸的地方,都可以书写百分比。下面罗列常见的百分比情况。

2024-06-19 17:57:35 257

原创 React 小图标Font Awesome,适配移动端rem,嵌套多层组件传值用 React.createContext 无需经过n层传递

/ 除以几视口的宽度就是多少rem,现在我们设置视口的总宽度为750rem。根据设计稿宽度改变750的值。// 设置移动端的适配。在 index.js。

2024-05-23 11:24:36 307

原创 自动创建 React 项目,React CSS Modules,React Fragment

然后,我们使用 classes.button 来定义按钮的样式类名,这个样式类名会被自动转换为唯一的、局部作用域的类名。使用 React CSS Modules,我们可以将 CSS 样式文件与组件文件一起编写,并使用特殊的语法来定义样式类名。总之,React CSS Modules 是一种非常实用的技术,可以帮助我们更好地管理和组织 CSS 样式,提高应用程序的可维护性和可重用性。用于管理 CSS 样式的技术,它可以帮助我们在 React 应用程序中更好地组织和管理 CSS 样式,避免样式冲突和全局污染。

2024-05-14 16:08:28 509

原创 React的props竟然能实现插槽和父子组件传参功能

TodoList的添加、删除、任务列表回显体现props的强大功能!注意props是的不能修改。

2024-05-11 18:47:16 584 1

原创 只展示月份天数的日历,日历内容超出固定高度支持展开

一个保养计划可能占两行且适配情况下也不允许判断保养计划数组的长度来显示展开收起按钮,故而需要获取天格子的保养计划内容的容器的 scrollHeight 是否大于 clientHeight,大于则支持展开收起。我这边是把天的格子封装成 PlanContent 组件。我这边的实际需求是支持从月度计划和人员安排维度查看保养计划的,在切换的情况下有些小圆点a-badge组件被挤成一半,加个左右外边距可解决此问题。的日历,日历保养计划列表不超出固定高度则不显示展开按钮,否则支持展开收起当行。

2024-05-09 10:30:29 302 1

原创 React 函数组件和类组件props、state、获取DOM用法及区别

② 钩子函数。

2024-05-08 15:32:24 841 1

原创 vue3使用插件i18n实现国际化多语言

网站(https:example.com/homeView)支持繁体中文、英文,法语,日语,阿拉伯语,且要求默认路径下是英文,其他的语言切换要显示在路径上如https:example.com/zh/homeView.lang下的其他文件仿照上述改写一下就好了。

2024-05-07 15:12:59 1882

原创 手动创建React项目

执行成功后项目根目录下会生成 build 文件夹,在浏览器中打开目录下的 index.html 会发现页面一片空白,查看控制台会发现报错内容为。执行以下命令会让项目运行在本地,默认是localhost:3000上,修改代码会实时更新页面。缺点:每次修改都不能实时查看,都需要打包并且修改路径才能查看。- index.js **入口文件**或者是 localhost找不到某文件类似的报错信息。上述步骤正确操作后,此时在项目根目录的终端中执行。注:下面的命令需要在项目根目录下的终端执行。刷新页面就会有内容!

2024-05-06 19:01:25 398

原创 在HTML页面 学习React 基础语法

学习笔记,React基本语法及使用,JSX使用

2024-05-06 16:24:30 862

原创 jenkins报错,竟是同事改了outputDir配置项

后端同事截图前端模块(此模块不是我们开发的)构建打包失败的Jenkins报错信息给我,让我判断是哪里出错了!我让他去找运维,构建算是成功了,打压缩包找不到dist目录,我菜鸡没改过outputDir配置项。运维那边说包都没打出来,后端同事直接给我发了构建地址,我们对比分析,发现构建出文件的路径不太一样。让开发的前端同事看一下配置确实是改了outputDir,没同步给我们,5555。大概猜测是没有引入主题样式,但是这不是构建失败的原因。是一个占位符,表示一个实际的文件名应该被替换进来。

2024-01-11 17:54:58 390

原创 uni-app的 js API 回调函数this指向问题,导致视图层没有更新

用一个变量把外层的this存储起来,回调函数要用到外层this就用该变量。onLoad() {that.appName = 'this指向问题'});},

2024-01-10 23:59:32 879 1

原创 uniapp缩进显示空白字符及格式化插件、坑SDK不认识uniapp组件

点击“下载插件并导入HBuilderX”,会回到HBuilder X,下载完成在文件执行ctrl+s会弹窗小弹窗有三个选项,我选择了“只选一个”,下级会有选项,我选择了保存时。今天接到的把H5的数智人重写成uniapp项目,便于后续的业务拓展。方案二: 修改编辑器配置,修改完还是觉得怪怪的,说上来哪里怪(怀疑改到了色值)一开始想HBuilder X用不多久,就懒得装,被迫装一下把!造成原因:手动格式化,可能不小心按到了啥,哈哈哈哈哈哈哈。我把代码复制过来之后,来了一个全局div替换成view。

2024-01-10 17:28:23 558

原创 飞书开发者工具编辑器字体设置

飞书开发者工具和微信开发者工具大(功能)同小(功能位置)异,但是设置字体我也找了一会。提醒一下:调试器的切换面板在下面,我一开始没看见,而且好像还不能同时开几个窗口。

2024-01-09 15:43:36 701

原创 python2和3版本安装及flask需依赖相同版本的Werkzeug

而且有项目还得依赖它,肯定不能卸掉,那就需要两个版本都需要保留。若啥也没显示,则需要检查一下系统环境:此电脑→属性→高级系统设置→高级→环境变量→系统变量(S)→选中Path,点击编辑→检查一下有没有Python 3安装的路径的,没有就点击新建。步骤:此电脑→属性→高级系统设置→高级→环境变量→系统变量(S)→选中Path,点击编辑→新建两条环境变量。查看python3安装情况,显示python 3.12.1 的版本信息,则安装成功。a. Python 2 版本只需要选择安装路径,其它默认即可。

2024-01-09 14:54:39 2294

原创 虚拟机和宿主机ping不通

检查发现所用网卡和宿主机在同一个网段,那就在控制面板→网络共享中心→更改适配器,禁用再重启一下所用网卡

2022-02-14 01:13:39 1087

空空如也

空空如也

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

TA关注的人

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