摘要： 首先，这个例子用到了服务端渲染的技术。服务端渲染，说白了就是在服务端使用模板引擎，这里我先简单的介绍一下服务端渲染与客户端渲染之间的区别。 服务端渲染与客户端渲染之间的区别: 客户端渲染不利于搜索引擎优化 服务端渲染可以被爬虫抓取到，而客户端异步渲染很难被爬虫抓取到（例如：AJAX） 大部分的网站既 阅读全文

摘要： 本例参考并改进自：https://www.jianshu.com/p/2961d9c317a3 大家可以一起学习！！ 阅读全文

摘要： 概述 WebSQL 并不是 HTML5规范的一部分，而是一个独立的规范，它可以用来做一些离线应用 核心API openDatabase() => 用来打开或创建数据库（没有时则创建，有则打开） transaction() => 这个方法可以控制一个或多个事务，以及基于这种情况提交或者回滚 execu 阅读全文

摘要： 概述 本来，数据存储都是由 cookie 完成的，但是 cookie 不适合大量数据的存储，cookie 速度慢且效率低。 现在，HMLT5提供了两种在客户端存储数据的办法： 两者之间的实测对比 localStorage 首先我们先运行这段代码： 然后浏览器则弹出显示： 接着，我们注释掉localS 阅读全文

摘要： 知识点（鼠标跟随）： 下面这个例子的效果就是鼠标点击元素后，元素跟着鼠标移动 知识点（鼠标拖拽） 以上3个事件的控制对象为被拖拽的元素 （整个过程我们可以称之为拖拽区） 以上4个事件的控制对象为被拖追元素的目的容器（整个过程我们可以称之为投放区） 实例1（将一个容器拖放到另一个容器中） 实例2(文件 阅读全文

摘要： void关键字介绍 首先，void关键字是javascript当中非常重要的关键字，该操作符指定要计算或运行一个表达式，但是不返回值。 语法格式： 实例1 当点击超级链接时，什么都不发生 实例2 执行void操作符当中的代码 实例3 计算void操作符当中的算术 html: js: 控制台输出： 很 阅读全文

摘要： 基本介绍： 中文文档地址：https://www.swiper.com.cn/ 它是一个开源，免费，强大的触摸滑动插件。 它是用纯Javascript打造的滑动特效插件，既可用于PC端，也可用于移动端设备。 基本使用： 效果展示： 其他额外参数请参考中文文档。 阅读全文

摘要： em与rem之间的区别： 共同点： 不同点： 实例： rem适配方案: 核心原理：宽度和高度都能做到适配（等比缩放） 通过控制 html 元素上的字体大小去控制页面上所有以rem为单位的基准值，控制尺寸 核心换算公式：当前rem基准值 = 预设基准值 / 设计稿宽度 * 当前设备的宽度 技术：媒体查 阅读全文

摘要： 首先！！！！这个问题应该是去面试前端会经常问到的问题！！！ 如，下面这个例子： 按照正常思维的话，这个.container容器分成了左右红色和绿色两个部分，但是运行之后却装不下这两个子元素.left 和 .right。 效果如下图所示： 想要解决这种现象有两个办法： 效果最终显示： 阅读全文

摘要： Bootstrap简介 Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。它的座右铭就是： 简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。 中文文档地址：https://www.bootcss.com/ 为什么要使用Bo 阅读全文