周直男
Follow

After following, you can keep track of his dynamic information in a timely manner

Course notes
  • Courses in the relevant section:Bootstrap CSS Grid

    2.1bootstrap css 栅格 css的描述 containers的好处:提供padding属性,一般用div包裹 栅格系统:grid system 使用方便 不管在上面设备上最多只能承载十二列 通过行与列来进行布局,有点类似于表格,不过比表格方便 大部分引擎对于div比较友好 布局方式: 手机:none(auto) pad:750,小型显示器:970.大型显示器:1170px 添加栅格col-md/sm/lg.../1后面的1代表占了12/1,若更改了设备,通过更改md/sm/lg等即可 “col-”的作用? 偏移:通过offset与col-md-后面的数字来指定 嵌套栅格的使用:通过div的包裹(不确定) 栅格的排序:通过push来排序

    2020-02-170个赞

  • Courses in the relevant section:Bootstrap CSS table

    2.3bootstrap css 表格 表格的分类:基础类,条形状........ 通过table的class来选择用什么样式的表格 条形状:striped 边框状:bordered 鼠标经过:hover 紧凑类:condensed....... 状态类:大致为5种 tr上加class 设置 active:鼠标悬停的颜色 success:成功的标识 info: denger:警告 写入式? responsive +bordered 当页面内容过多,效果缩放表格下有滚动条

    2020-02-171个赞

  • Courses in the relevant section:Form style (top)

    3.1bootstrap表单 表单form:内联表单,水平排列的表单。。。 单独的表单都会被赋予全局的样式 表单label输入框:输入的内容 通过input设置承载如date email password file(单选,复选等) 复选框:如记住密码 chexbox 内联表单:form-inline宽度由百分百变成4次英auto label必须设置,不然屏幕阅读器无法正确识别 当不需要label时可以使用class来隐藏sr-only 水平表单:创建先指定水平的,再指定是表单 默认文字效果:placeholder 当想让label与input在同一排时使用栅格来调整 defualt 默认

    2020-02-170个赞

  • Courses in the relevant section:Form style (below)

    3.2bootstrap表单样式 文本域textarea 单选框radio name opionsRadios(必记) 下拉列表 select中建立option 静态控件:p标签添加class filedset disable全局禁用 都不可输入(静态) 只读状态 readonly 禁用与只读的不同点? 添加图片图标可以在bootsrap官网的组件上寻找

    2020-02-170个赞

  • Courses in the relevant section:Buttons and images

    3.3bootstrap按钮和图片 按钮的样式:成功success,警告warning,信息info等 按钮在conatainer中大小不一,根据内容多少自适应 激活button通过active 通过栅格系统(sm md lg)来调整按钮大小 充满父级容器:btn-block; 通过a标签class也可以设置按钮,设置出的按钮比较大,而且是激活状态(用disable设置为禁用状态) 大多开发时候a标签使用比较多 图片的写入:现代bootstra通过宽度百分百,高度自适应写入图片(可能导致图片失真,所以可以采用svg) 圆角图片:img-circle 矩形图片,圆形图片

    2020-02-170个赞

  • Courses in the relevant section:Drop-down menu

    4.1下拉菜单 组件:包括字体图标,下拉菜单等(在官网查找) 字体组件:所有图标都需要一个基类和一个对应图标的(子)类 注意:不能与其他组件混合使用 不能再同一元素上与其他类共同存在 它的使用要基于一个span标签 下拉菜单的使用:创建dropdown的div表示下拉标签 下拉的小箭头 span class caret 下拉菜单的内容可以用ul来承载,在其中添加a标签承载 添加js文件:因为js基于jQuery所以先引进jQuery然后再 引入js文件 希望内容向右可以使用:menu right 按钮向右:class中添加pull right 注意:不要再button里面直接加 会覆盖掉按钮 最好在外面的div上添加 下拉菜单有两组不同内容如何添加如语文数字与数学数字 不仅可以添加标题也可以添加分割线 要使菜单内容的某些项不可选中用禁用:在li标签中用disable

    2020-02-170个赞

  • Courses in the relevant section:button group

    4.2按钮组btn-group:连在一起的按钮 去官网查找图标来设置按钮图标 例如工具栏:button toolbar 按钮组的排列:水平(默认状态),垂直vertical 要使按钮组充满整个屏幕的宽度使用justified属性然后再里面创建的div中的class指定right,model,left 举例是三个,若是超过三个改怎么弄

    2020-02-170个赞

  • Courses in the relevant section:Install and use express

    1.2安装和使用expres 手工安装和使用 通过生成器生成 npm init初始化命令 手工安装:先在终端进入创建的文件夹中 然后用npm init初始化,完成初始化后开始用npm安装的命令安装express app.js中app可以理解为服务器 生成器:先进入终端的目录生成。也可以用系统的全局generator命令生成 目录生成:当有新版本的时候可以通过目录测试 端口,监听代码在express中的作用 npm install安装命令

    2020-02-180个赞

  • Courses in the relevant section:WeChat development tools

    1.环境与视图 1.1微信开发工具 注册小程序要以公司的名义注册 小程序注册介绍要从头看到尾(防止走弯路) 按照提出的规范去设计有助于用户体验 主要是开发部分 有小程序ID与无ID的区别:有id才能运行,项目的预览才可以 微信web开发者工具的下载 .js与.js.{sm}的区别 编译:把代码重新运行

    2020-02-170个赞