一、弹性盒子（flexbox）一些基本术语和简单介绍 介绍 CSS 弹性盒子布局是 CSS 的模块之一，定义了一种针对用户界面设计而优化的 CSS 盒子模型。在弹性布局模型中，弹性容器的子元素可以在任何方向上排布，也可以“弹性伸缩”其尺寸，既可以增加...

js 是基于事件驱动的异步单线程的脚本编程语言，它的全称是 JavaScript，虽然里边有个 java 字样，但是和 java 编程语言一点关系都没有。它是一种脚本语言，基于解释器执行，它是边解释便执行的语言。浏览器控制台 Console 是一个浏...

RBAC（角色访问控制）设计模型的后台管理系统RBAC 是一套成熟的权限模型，元素包括：用户、角色、权限。在 RBAC 模型中，权限与角色相关联，用户通过成为对应角色的成员，从而得到这些角色的权限。即用户关联角色，角色关联权限，可实现系统权限的灵活配...

一、导入 vue使用 vue 渲染页面要先进行 vue 库的导入，和 jQuery 一样，可以通过 script 标签引入，可以在vue 官网上找到 使用 vue 进行页面渲染时第一步时先将 vu...

模拟静态的京东页面的总体思路可以大致的将京东首页页面看成是由三部分组成，分别是页眉区、内容区还有页脚区。 页眉和页脚区的布局思路一样，它们的显示优先级都要大于内容区。然后可以注意到的是它的页眉和页脚区域都有许多的字体图标，这个可以在阿里巴巴矢量图标库...

一、grid 网格布局中的项目对齐属性提及 grid 网格容器中项目对齐我们首先要知道的是网格单元在容器中的对齐。我们需要知道的是，grid 网格布局时是否设置了网格单元的大小，因为如果没有设置网格单元的大小的话，也就是网格单元自适应，这时候就不会产...

一、选项卡的实现项卡是由两部分组成，头部是导航部分，内容区是主要内容部分，一下使用 php 中文网主页的一个截图作为示例 选项卡的设计思路:通过给每个导航区的 li 添加自定义属性，然后让相关联的内容区设置相同的自定义属性,在点击/悬浮在一个 li...

一、jQuery 的导入方式与工厂函数$()的四种用法jQuery: jQuery 是一个快速，小型且功能丰富的 JavaScript 库。通过易于使用的 API（可在多种浏览器中使用），它使 HTML 文档的遍历和操作，事件处理，动画和 Ajax ...

一、em 与 rem 的原理与应用在编写页面的时候，我们经常会对元素的字体大小进行设置，以达到自己想要的效果。而在 css 中设置字体的几个常用的基本单位有三个，分别是：px / em / rem。其中 px 是一个绝对单位，一旦使用 px 对字体进...

前端路由：通过动态改变 url 实现，并不会和后端服务器发生交互，前端路由不同于传统路由，它不需要服务器来进行解析，而是通过一个 hash 函数或者 H5 提供的 history API 来实现。前端路由的优势：页面刷新速度快。由于前端路由不需要和后...

一、jQuery 中常用的 DOM 操作使用 jQuery 库一定不能忘了导入 1.添加元素通过和原生 js 的对比来进行元素添加操作 // 原生方式const h2 = d...

一、实现一个购物车购物车要实现的功能 全选框选中时，底下的单个商品复选框按钮要全部选中 单个商品复选框中只要有一个没有被选中，则全选复选框取消选中 改变商品数量的时候，后边的金额会自动进行加减 总价和总数量中只计算当前勾选的商品，但是没有勾选的商品...

一、构造函数与原型js 是一门面向对象的编程语言，但是在 js 中是没有类和继承的概念的，ES6 之前都是基于原型的继承模式，而在 ES6 中开始正式的支持类和继承，不过，ES6 的类都仅仅是封装了 ES5.1 构造函数加原型继承的语法糖，所以说，j...

一、js 中的基本数据的类型转换问题js 中的变量类型分为原始类型和引用类型，其中原始类型包括：1.数值，2.字符串，3.布尔类型，4.undefined 类型，5.null（空对象）类型，6.符号（Symbol）类型；引用类型包括：1.对象，2.数...

一、浮动（float）浮动属性 float 是指定一个元素沿其所在的容器的左侧或者右侧放置。浮动的出现想解决的问题就是文字和图片的并排显示，不过一旦使用了浮动属性，该元素就会脱离网页正常流动（文档流）。浮动的缺点：任何一个元素使用浮动属性之后都会脱离...