前端
菲宇
这个作者很懒,什么都没留下…
展开
-
Bootstrap实用功能总结
导航栏:navbar导航栏容器可以包含以下几个常用组成:1、品牌LOGO(.navbar-brand )2、导航菜单(.navbar-nav)3、导航文本(.navbar-text)4、折叠导航按钮(.navbar-toggle)5、表单(.form-inline)一、导航容器一般使用nav标签来定义:<nav class="navbar"&g...原创 2020-07-30 14:21:15 · 1524 阅读 · 0 评论 -
html前端之css绘制形状
今天在国外的网站上看到了很多看似简单却又非常强大的纯CSS绘制的图形,里面有最简单的矩形、圆形和三角形,也有各种常见的多边形,甚至是阴阳太极和网站小图标,真的非常强大,分享给大家。Square(正方形)#square { width: 100px; height: 100px; background: red;}Rectangle(矩形)#rectangle { width: 200px; height: 100px; backg原创 2020-07-29 09:23:10 · 891 阅读 · 0 评论 -
videojs播放器插件使用详解
官方网站下载最新版videojs入门使用查看DEMO | DEMO下载 引入video.js和video-js.css<link href="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.3.0/video-js.min.css" rel="stylesheet"><script src="https:...原创 2020-04-13 14:02:21 · 14489 阅读 · 1 评论 -
Bootstrap基础学习笔记
【网格系统】.row 定义一行 .col 均分列数,最多一行12列。每列左右间隙各15px .col-{1到12} 定义在所有屏幕下的列宽 .col-{sm|md|lg|xl}-{1到12} 定义在指定屏幕下该列占据的列宽,sm:屏幕>=576px、md:屏幕>=720px、lg:屏幕>=960px、xl:屏幕>=1200px ....原创 2020-07-30 14:20:57 · 842 阅读 · 0 评论 -
前端插件之Bootstrap Dual Listbox使用教程双向select选择框控件
Bootstrap Dual Listbox是一款基于Bootstrap的双向select选择框控件,作为对multiple select的扩展,使用起来非常简单,功能也更强大项目Github地址:https://github.com/istvan-ujjmeszaros/bootstrap-duallistbox演示地址:https://www.virtuosoft.eu/code/bo...转载 2019-10-17 19:49:16 · 3820 阅读 · 1 评论 -
前端中返回顶部功能
(1)base.html <div id="back-to-top"> <i class="glyphicon glyphicon-arrow-up"></i> </div>(2)css代码base.html引用<link href="{% static 'blog/css/back-to-top...原创 2019-10-18 11:17:07 · 473 阅读 · 0 评论 -
前端使用ckeditor
一、导入js文件<script src="js/plugins/ckeditor/ckeditor.js"></script>将下载的文件导入相应html目录下二、html代码<textarea rows="20" class="form-control" name="liasionContent" id="liasionContent"><...原创 2019-10-18 11:14:52 · 756 阅读 · 0 评论 -
CSS实现鼠标经过网页图标弹出微信二维码
纯CSS实现二维码展示功能,减少加载JS第一种方法第一步在需要展示二维码的地方添加如下代码,其中标签内容可以根据需要修改成图片等,href=”javascript:”表示标签作为按钮使用,不做跳转,实现url访问拦截。<a class="facebook weixin" href="javascript:"> <i class="fab fa-weixi...原创 2019-08-03 12:19:52 · 3775 阅读 · 0 评论 -
数据可视化工具Echarts
ECharts,缩写来自 Enterprise Charts,商业级数据图表,是百度的一个开源的数据可视化工具,一个纯 Javascript 的图表库,能够在 PC 端和移动设备上流畅运行,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底层依赖轻量级的 Canvas 库ZRender,ECharts 提供直观,生动,可交互,可高度个性化定...原创 2018-11-21 10:02:56 · 2165 阅读 · 0 评论 -
datatables应用程序接口API
DataTables 提供的可以操作表格数据的API,有下面六个关键部分:表格(tables) 列(Columns) 行(Rows) 单元格(Cells) 核心方法(Core) 工具类(Utilities)Datatables有一个强大的api,用来处理表格上的数据,你可以添加数据到已经存在的表格,或者对已经存在的数据进行操作。 API旨在能够很好地操作表格中的数据。API实例...原创 2019-07-21 21:17:53 · 1043 阅读 · 0 评论 -
如何使用-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I...转载 2018-07-17 08:35:50 · 178 阅读 · 0 评论 -
GitHub上整理的一些实用插件库
触屏滚动fullPage TouchSlide swiper owlgraphic superslide2 iSlider zepto.fullpage视差滚动插件SUPERSCROLLORAMA johnpolacek/superscrollorama jQuery全屏滚动插件fullPage.js a fullscreen background slideshow ...转载 2018-08-12 10:39:05 · 613 阅读 · 0 评论 -
后台前端框架AdminLTE
AdminLTE 是一个完全响应管理模板,主要依赖于 Bootstrap 3、jQuery 1.11+ 这两个框架,插件中使用的基本都是Bootstrap和jQquery插件。AdminLTE自带JQuery和Bootstrap3框架,所以不需要再另外下载。文件结构File Hierarchy of the Source Code PackageAdminLTE/├── dis...转载 2019-01-15 09:13:21 · 1223 阅读 · 0 评论 -
JQuery语法:查找+操作
jquery的基础语法:$(selector).action() 即查找元素.操作一、查找元素(选择器和筛选器)1.1 选择器1.1.1 基本选择器 $("*") $("#id") $(".class") $("element") $(".class,p,div")1.1.2 层级选择器 $(".outer div") $("....原创 2019-01-07 10:24:50 · 856 阅读 · 0 评论 -
ajax全套
概述对于WEB应用程序:用户浏览器发送请求,服务器接收并处理请求,然后返回结果,往往返回就是字符串(HTML),浏览器将字符串(HTML)渲染并显示浏览器上。1、传统的Web应用一个简单操作需要重新加载全局数据2、AJAXAJAX,Asynchronous JavaScript and XML (异步的JavaScript和XML),一种创建交互式网页应用的网页开发技术方案。...转载 2019-01-07 09:46:35 · 279 阅读 · 0 评论 -
JavaScript基础
JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处理。一、如何编写1、JavaScript代码存在形式 1 2 3 4 5 6 7 <!-- 方式一 --> <s...转载 2019-01-01 20:54:44 · 126 阅读 · 0 评论 -
DOM之查找操作动作
文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式。DOM属于浏览器,而不是JavaScript语言规范里的规定的核心内容。一、查找元素1、直接查找 1 2 3 4 document.getElementById...转载 2019-01-02 10:50:09 · 310 阅读 · 0 评论 -
JavaScript学习参考结构
目录JavaScript的作用基础判断循环异常处理JS对象数字Number 对象方法字符串String 对象方法日期Date 对象方法布尔Boolean 对象方法数组 (Array)对象方法算数Math 对象方法正则表达式修饰符方括号元字符量词RegExp 对象属性RegExp 对象方法支持正则表达式的 String ...原创 2019-01-01 19:22:28 · 398 阅读 · 0 评论 -
jquery学习
jQuery 选择器选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intro") 所有 class="intro" 的元素 element $("p") 所有 <p> 元素 .class.class ...转载 2019-01-03 11:33:51 · 372 阅读 · 0 评论 -
AJAX+JSON总结
ajax原理AJAX是基于现有的Internet标准,并且联合使用它们:XMLHttpRequest 对象 (异步的与服务器交换数据) JavaScript/DOM (信息显示/交互) CSS (给数据定义样式) XML (作为转换数据的格式)1、使用步骤创建 XMLHttpRequest 对象variable=new XMLHttpRequest();XMLH...原创 2019-01-07 09:47:37 · 831 阅读 · 0 评论 -
datatable设置成中文
datatable 为table id $('#datatable').DataTable({ language: { "sProcessing": "处理中...", "sLengthMenu": "显示 _MENU_ 项结果", "sZeroRecords": "没有匹配结果", ...原创 2019-07-16 17:03:23 · 2920 阅读 · 0 评论 -
dataTable参数说明
功能参数(Features) 参数名 说明 参考值 默认值 autoWidth 定义是否由控件自动控制列宽 Boolean true deferRender 定义在render时是否仅仅rende...原创 2019-07-16 17:03:40 · 748 阅读 · 0 评论 -
8款超棒的Bootstrap前端模板
第一款:SB Admin 2官方:http://startbootstrap.com/template-overviews/sb-admin-2/第二款:Admin Lite官网:https://shapebootstrap.net/items/category/html-templates/11-admin-templates第三款:Director Responsive Admin Templ...转载 2018-06-24 15:17:48 · 56405 阅读 · 0 评论