HTML
文章平均质量分 91
介绍HTML相关的学习信息
Jim~LoveQ
Java软件工程师
展开
-
Bootstrap下拉菜单位置错位问题
Bootstrap下拉菜单的位置出现错位如果是单按钮的下拉菜单是没有错位问题的,如下图1,不过我这里需要的是拆分按钮的下拉菜单,如下图2图1单按钮模式,点击按钮就会出现下拉菜单图2左边的按钮点击会弹出弹框,右边的小按钮点击会显示下拉菜单代码如下:<div> <button type="button" class="btn button_create_custom" (click)="openCustomBatch原创 2021-07-16 12:02:33 · 3243 阅读 · 2 评论 -
Angular入门系列 第六章:添加应用内导航
添加应用内导航路由添加 AppRoutingModule路由RouterModule.forRoot()添加路由出口 `RouterOutlet`添加路由链接 (routerLink)添加仪表盘视图添加仪表盘路由添加默认路由把仪表盘链接添加到壳组件中导航到英雄详情从 `HeroesComponent` 中删除英雄详情添加英雄详情视图`DashboardComponent` 中的英雄链接`HeroesComponent` 中的英雄链接支持路由的 `HeroDetailComponent`从这个路由中提取出 `原创 2021-01-15 18:18:30 · 2233 阅读 · 0 评论 -
Angular入门系列 第五章:添加服务
组件不应该直接获取或保存数据,它们不应该了解是否在展示假数据。 它们应该聚焦于展示数据,而把数据访问的职责委托给某个服务。原创 2021-01-15 15:35:44 · 2125 阅读 · 0 评论 -
Angular入门系列 第四章:创建特性组件
把所有特性都放在同一个组件中,将会使应用“长大”后变得不可维护。 你要把大型组件拆分成小一点的子组件,每个子组件都要集中精力处理某个特定的任务或工作流。原创 2021-01-14 17:51:39 · 393 阅读 · 0 评论 -
Angular入门系列 第三章:显示英雄列表
显示英雄列表本文参考自Angular中文网,原文链接:https://angular.cn/tutorial/toh-pt2本页中,你将扩展《英雄之旅》应用,让它显示一个英雄列表, 并允许用户选择一个英雄,查看该英雄的详细信息。创建模拟(mock)的英雄数据你需要一些英雄数据以供显示。最终,你会从远端的数据服务器获取它。 不过目前,你要先创建一些模拟的英雄数据,并假装它们是从服务器上取到的。在 src/app/ 文件夹中创建一个名叫 mock-heroes.ts 的文件。 定义一个包含十个英原创 2021-01-14 17:20:24 · 853 阅读 · 0 评论 -
Angular入门系列 第二章:英雄编辑器
Angular入门系列 第二章:英雄编辑器创建英雄列表组件添加 `hero` 属性显示英雄显示 `HeroesComponent` 视图创建 Hero 类显示 `hero` 对象使用 `UppercasePipe` 进行格式化编辑英雄名字双向绑定缺少 `FormsModule``AppModule`导入 `FormsModule`声明 `HeroesComponent`查看最终代码小结本文参考自Angular中文网,原文链接:https://angular.cn/tutorial/toh-pt0应用原创 2021-01-14 15:59:07 · 705 阅读 · 0 评论 -
Angular入门系列:第一章:创建项目
安装 Angular CLI你可以使用 Angular CLI 来创建项目,生成应用和库代码,以及执行各种持续开发任务,比如测试、打包和部署。要使用 npm 命令安装 CLI,请打开终端/控制台窗口,输入如下命令:npm install -g @angular/cli创建工作空间和初始应用ng new angular-tour-of-heroes前面两个输入Y,第三个选择CSS就行,然后等待完成就可以了启动应用服务器进入工作区目录,并启动这个应用。cd angular-tour-o原创 2021-01-14 12:02:38 · 446 阅读 · 0 评论 -
Table并排展示
一、很久没做前端了,突然接了一个项目,需要改前端UI的。页面是jsp的,没有前端框架,jQuery也咩怎么用。然后有个需求是两个表需要并排显示,并且中间隔开一段距离的,居然忘记要怎么做了,最后求助下度娘,发现也是很简单的一件事,只是很久没做了所以想不起来了。二、解决方法:把两个table放到一个大的table里面的就可以了。代码如下:<table> <tr> <td> <table border="1" cellspac原创 2020-09-02 11:08:46 · 3254 阅读 · 0 评论 -
获取和设置select的option值
获取select的option值$('#selectedSubject option').eq(0).val();获取select的选中option值$('select#selectedSubject option:selected').val();设置select的选中值$("#selectedSubject").prop('value' , $('select#selectedS...原创 2019-03-27 17:55:14 · 552 阅读 · 0 评论 -
设置tr的边框
设置tr的边框本文属转载文章,原出处请查看下方原文:https://blog.csdn.net/chengjun583/article/details/40115907/有时候有设置tr边框的需求,写下如下csstr{border-bottom: 1px solid red;}发现不起作用,后来在w3c上查了查,原来只有table,th和td有独立的边框,tr并无边框。但我...转载 2019-03-26 15:12:18 · 258 阅读 · 0 评论