• 前端如何进行用户权限管理

    1:问题: 假如在做一个管理系统,面向老师学生的,学生提交申请,老师负责审核(或者还需要添加其他角色,功能权限都不同)。 现在的问题是,每种角色登录看到的界面应该都是不一样的,那这个页面的区分如何实现呢? 2:要不要给老师和学生各自设计一套页面?这样工作...

    2018-12-09 11:18:53

  • float清除浮动

    清除浮动: 在非IE浏览器下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。即父级对象盒子无法被撑开,这个现象叫浮动溢出,...

    2018-12-09 11:18:49

  • 深入解析Vue.js中v-bind v-model的使用和区别

    v-model 指令在表单控件元素上创建双向数据绑定,所谓双向绑定,指的就是我们在js中的vue实例中的data与其渲染的dom元素上的内容保持一致,两者无论谁被改变,另一方也会相应的更新为相同的数据 最基础的就是实现一个联动的效果 body div class ="app" span Multiline m...

    2018-12-09 11:18:47

  • 【CSS】Sticky Footer 布局

    什么是Sticky Footer 布局? Sticky Footer 布局是一种将 footer 吸附在底部的CSS布局。 footer 可以是任意的元素,该布局会形成一种当内容不足,footer 会定位在视口的最低部,当内容充足,footer 会紧跟在内容后面的效果。 position实现 效果1 ! DOCTYPE html html h...

    2018-12-09 11:18:44

  • Bootstrap -- 网格系统、排版样式类、 <blockq

    Bootstrap -- 网格系统、排版样式类、 blockquote、 abbr 元素 1. Bootstrap 提供了一套响应式、移动设备优先的流式网格系统,随着屏幕尺寸的增加,系统会自动分为最多12列。 举例: ! DOCTYPE html html head meta http-equiv ="Content-Type" content ="text/html; c...

    2018-12-09 11:18:42

  • 示例React-router 路由切换动画的实现

    因为项目的需求,需要在路由切换的时候,加入一些比较 zb 的视觉效果,所以研究了一下。把这些学习的过程记录下来,以便以后回顾。同时也希望这些内容能够帮助一些跟我一样的菜鸟,让他们少走些坑。可能我对代码的表述不是很到位,希望大家不要介意。机智的你们一定可...

    2018-12-09 11:18:41

  • HTML的学习笔记

    一、HTML基本构造 html(告知浏览器其自身是一个HTML文档) head(定义文档的头部) title这是网页的标题/title(定义文档的标题) /head body(定义文档的主体) 这里是网页的内容 p这里是一个文本段/p /body /html 二、什么是HTML? HTML:超文本标记语言。(Hypertext...

    2018-12-09 11:18:39

  • Bootstrap -- 按钮样式与使用

    Bootstrap -- 按钮样式与使用 1. 可用于a, button, 或 input 元素的按钮样式 按钮样式使用: ! DOCTYPE html html head meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" / title My Test bootstrap / title link rel ="stylesheet" href ="./css...

    2018-12-09 11:18:38

  • HTML简单概述

    HTML概述 一、HTML定义 HTML(HyperText Markup Language)超文本标记语言,写给浏览器的语言,目前网络上应用最广泛的语言。 目前已更新到HTML5,HTML添加了一些新的语义化标签及新特性,放弃了一些就标签。 主流浏览器:IE、Firefox、Chrome、Goole、Opera等。 二、HTM...

    2018-12-09 11:18:36

  • Bootstrap -- 表格样式、表单布局

    Bootstrap -- 表格样式、表单布局 1. 表格的一些样式 举例: ! DOCTYPE html html head meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" / title My Test bootstrap / title link rel ="stylesheet" href ="./css/bootstrap.min.css" script typ...

    2018-12-09 11:18:35

2