08 2018 档案

div折角~~~
摘要：代码： 阅读全文
posted @ 2018-08-31 21:39 撑死的喵~ 阅读(378) 评论(0) 推荐(0)
表格内部添加滚动条（表头不动，表体动）
摘要：table-layout:fixed;固定了列宽度，让所有的列平均分配总宽 也就会有长的内容会显示不全，那么可以用white-space:normal;来进行换行 方法1： 1、表格给的是固定高度（模态框），当超过这个高度时滚动条就开始滚动； 2、表头宽度为（100%-滚动条宽度）时，表头和表体的总 阅读全文
posted @ 2018-08-28 09:03 撑死的喵~ 阅读(21153) 评论(0) 推荐(1)
实战：点击查看详情
摘要：简单描述需求： 1、顶部四个按钮代表功能，按下其中一个按钮，区域1列出这个功能的子模块；按下另一个按钮，这块区域显示的又是另一个功能的子模块（table1内容切换）。 注：按下按钮的之后显示区域1的内容，同时会清空区域2 的内容。 2、点击table1中的其中一条子模块，区域2列出这个子模块的详细信 阅读全文
posted @ 2018-08-24 15:42 撑死的喵~ 阅读(3587) 评论(0) 推荐(0)
改变默认的多选框 checkbox 样式~
摘要：效果图： 阅读全文
posted @ 2018-08-13 17:23 撑死的喵~ 阅读(2972) 评论(0) 推荐(0)
angularcli 第七篇（service 服务）
摘要：在组件中定义的信息是固定的，假设另外一个组件也需要用到这些信息，这时候就用到服务，实现 共享数据 和 方法 组件不应该直接获取或保存数据，它们不应该了解是否在展示假数据。 它们应该聚焦于展示数据，而把数据访问的职责委托给某个服务。 Service 可以从任何地方获取数据：Web 服务、本地存储（Lo 阅读全文
posted @ 2018-08-04 20:52 撑死的喵~ 阅读(3677) 评论(0) 推荐(0)
好看的~图片素材网站
摘要：嘿，你那么好看的图片哪找的？ 综合图片库 宇宙星空图片库 食物食材图片库 设计师网站 一.综合图片库： 1.https://www.pexels.com/ 2.colorhub.me 3.Beautiful Free Images | Unsplash 4.Awesome Wallpapers - 阅读全文
posted @ 2018-08-04 14:46 撑死的喵~ 阅读(2053) 评论(0) 推荐(0)
angularcli 第六篇（todolist 列表）
摘要：1、通过文本框输入，向数组添加数据 2、删除数组的数据 3、按下键盘回车“Enter”向数组添加数据 具体参照angularcli第四篇（执行事件） 实现的功能：在input框中输入数据，前面是通过按下按钮数据添加到数组中，现在要改成按下回车键： 步骤： （1）给input增加鼠标监听事件： 通过k 阅读全文
posted @ 2018-08-03 15:21 撑死的喵~ 阅读(988) 评论(0) 推荐(0)
angularcli 第五篇（输入框、表单处理）
摘要：本文参考：Angular4 表单快速入门 注：涉及input表单时要在AppComponent中引入 FormsModule模块: import{ FormsModule } from '@angular/forms'; @NgModule({ imports: [BrowserModule, Fo 阅读全文
posted @ 2018-08-02 16:11 撑死的喵~ 阅读(3126) 评论(0) 推荐(0)
angularcli 第四篇（执行事件）
摘要：目录： 1.按下按钮执行事件 2、按下键盘回车“Enter”执行事件 1、按下按钮执行事件：<button (click) = 'setName()'>......</button> 界面： 2、按下键盘回车“Enter”执行事件 我们一般页面都是通过按下 button 按钮来触发事件，这次来学习通 阅读全文
posted @ 2018-08-02 14:39 撑死的喵~ 阅读(480) 评论(0) 推荐(0)
angularcli 第三篇（数据循环*ngFor、条件判断*ngIf）
摘要：1、数据循环 *ngFor （1）普通循环 （2）遍历数组同时获取索引值key （3）template 循环 例：对象内部嵌套数字，多重循环 public list:any[]; constructor() { this.list4=[ { 'catename':"宝马", "list":[ {'t 阅读全文
posted @ 2018-08-02 10:53 撑死的喵~ 阅读(1245) 评论(0) 推荐(0)
angularcli 第二篇（数据绑定、属性申明、绑定属性）
摘要：1、数据绑定 插值绑定： <li>{{ hero.name }} </li> 或 <div class = "{{ demo }}" >...</div> 绑定HTML： <div [innerHTML] = "...." > </div> 属性绑定： <input [value] = "myDat 阅读全文
posted @ 2018-08-02 10:52 撑死的喵~ 阅读(505) 评论(0) 推荐(0)
angularcli 第一篇（新建、组件、模块）
摘要：1、新建并启动项目： 2、新建组件： 注： 只需要记得在 app.component.html 中加入 <app-header></app-header> 就可以看到header.component.html中编辑的内容。访问 http://localhost:4200/ 将会看到。 3、组件和模块 阅读全文
posted @ 2018-08-02 10:50 撑死的喵~ 阅读(5198) 评论(0) 推荐(0)
CSS3 颜色渐变、阴影、渐变的阴影
摘要：第一个属性：阴影的X轴(可以使用负值) 第二个属性：阴影的Y轴(可以使用负值) 第三个属性：阴影的像素（大小） 第四个属性：阴影的颜色 inset是设置内阴影 .linear{ background: linear-gradient(90deg,#b15cff 0%,#0ceee3 100%); } 阅读全文
posted @ 2018-08-01 14:48 撑死的喵~ 阅读(4131) 评论(0) 推荐(0)