摘要: 我的预约,功能待开发。 阅读全文
posted @ 2021-08-17 17:10 AnnLing 阅读(369) 评论(0) 推荐(0) 编辑
摘要: 餐桌预订。功能待开发 阅读全文
posted @ 2021-08-17 17:01 AnnLing 阅读(456) 评论(0) 推荐(1) 编辑
摘要: 等待 阅读全文
posted @ 2021-10-11 14:47 AnnLing 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 一、webpack介绍 1、什么是webpack webpack是一个模块打包器。 webpack包括:入口、输出、loader、插件等。 在webpack看来,前端的所有资源文件(js/json/css/img/less...)都会作为模块处理。 webpack将根据模块的依赖关系进行静态分析,生 阅读全文
posted @ 2021-10-11 14:04 AnnLing 阅读(70) 评论(0) 推荐(0) 编辑
摘要: 一、BootstrapValidator插件简介 BootstrapValidator,是基于Bootstrap的表单校验插件,内置了许多表单验证器,也可以自定义验证器 BootstrapValidator的开发者:国外的nghuuphuoc开发的 BootstrapValidator包下载地址: 阅读全文
posted @ 2021-09-30 16:39 AnnLing 阅读(306) 评论(0) 推荐(0) 编辑
摘要: 轮播图 轮播插件(carousel),一般是将大小相同的图片按照顺序依次播放。 1、轮播实例 1.1 通过data属性调用轮播插件 <!DOCTYPE html> <html> <head> <!-- HTML5文档类型 --> <meta charset="utf-8"> <!-- 移动端适配 - 阅读全文
posted @ 2021-09-30 16:07 AnnLing 阅读(814) 评论(0) 推荐(0) 编辑
摘要: 折叠插件 折叠插件(collapse),通过点击折叠和展开内容。 1、折叠插件的用法 1.1 通过data属性调用折叠插件 <!-- 方法1 通过data属性调用折叠插件 --> <button class="btn btn-primary" data-toggle="collapse" data- 阅读全文
posted @ 2021-09-30 14:37 AnnLing 阅读(188) 评论(0) 推荐(0) 编辑
摘要: 弹出框 弹出框依赖 工具提示插件 ,因此,如果你定制了 Bootstrap,一定要注意将依赖的插件编译进去。 由于性能的原因,工具提示和弹出框的 data 编程接口(data api)是必须要手动初始化的。在一个页面上一次性初始化所有弹出框的方式是通过 data-toggle 属性选中他们: $(f 阅读全文
posted @ 2021-09-30 11:47 AnnLing 阅读(566) 评论(0) 推荐(0) 编辑
摘要: 工具提示 工具提示插件是指当鼠标移动到元素上时显示提示消息,也可以自定义显示的方式。该插件必须要写 1、工具提示插件的实例 <!-- 工具提示 --> <button class="btn btn-default" data-toggle="tooltip" data-placement="left 阅读全文
posted @ 2021-09-30 10:21 AnnLing 阅读(116) 评论(0) 推荐(0) 编辑
摘要: 标签页 tab标签页插件就是我们通常所说的选项卡功能。 1、用法 1.1 通过data属性使用标签页 <!-- 标签页 --> <ul class="nav nav-tabs"> <!-- 通过data属性的方式使用标签页插件 --> <li class="avtive"><a href="#htm 阅读全文
posted @ 2021-09-29 18:00 AnnLing 阅读(165) 评论(0) 推荐(0) 编辑
摘要: 滚动监听 滚动监听插件是用来根据滚动条所处的位置来自动更新导航项的。如下所示,滚动导航条下面的区域并关注导航项的变化。下拉菜单中的条目也会自动高亮显示。 1、滚动侦听的实例 实现点击导航条中的列表项自动更新导航项。 实现高亮显示当前激活的链接。 2、滚动侦听的用法 <!DOCTYPE html> < 阅读全文
posted @ 2021-09-29 17:33 AnnLing 阅读(143) 评论(0) 推荐(0) 编辑
摘要: 下拉菜单 1、下拉菜单实例 2、下拉菜单的用法 2.1 通过data属性调用下拉菜单 通过data属性 data-toggle="dropdown" ,来调用下拉菜单插件。 <!-- 通过data属性调用下拉列表 --> <div class="dropdown"> <button class="b 阅读全文
posted @ 2021-09-29 15:28 AnnLing 阅读(158) 评论(0) 推荐(0) 编辑