前端插件--isCroll的使用

中文文档地址: http://wiki.jikexueyuan.com/project/iscroll-5/ 效果图: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, i…

分享一个 @user 前端插件开源地址:https://github.com/yuezhongxin/Mention.js 插件效果:类似于微博或 github 中 @user 列表效果. 这是个二次开发的插件,花了几天时间,对 Mention.js(作者 jakiestfu) 进行了一些改进,主要是下面几个方面: 增加 search 自定义:可以根据输入的 @user-key,进行后台动态查询. 增加 textarea 跟踪焦点:效果是用户列表跟踪在 textarea 输入焦点,而不是在…

Django之前端插件定制之表头

什么是插件? 插件只是辅助,是开发过程中的一个阶段.一般项目一期会用各种插件,迅速将功能.界面搭出来,二期时就改成自己的代码了.大点的公司都有自己的js库,自己开发类似jquery的库. 那接下来就写一下关于前端表头的插件 urls.py from django.contrib import admin from django.urls import path from app01 import views from django.contrib.staticfiles.urls import…

前端插件之Bootstrap Dual Listbox使用

工欲善其事,必先利其器对于很多非专业前端开发来说写页面是非常痛苦的,借助框架或插件往往能够达到事半功倍的效果,本系列文章会介绍我在运维系统开发过程中用到的那些顺手的前端插件,如果你是想写XX管理系统的学生.或是需要独自做Dashboard的后端工程师.亦或是像我这样半吊子的开发加运维,那么这个系列的文章你一定不要错过 Bootstrap Dual Listbox是一款基于Bootstrap的双向select选择框控件,作为对multiple select的扩展,使用起来非常简单,功能也更强大…

前端插件之Select2使用

工欲善其事,必先利其器本系列文章介绍我在运维系统开发过程中用到的那些顺手的前端插件,上一篇文章介绍了bootstrap-duallistbox这个插件的使用,这一篇开始Select2的征服之旅 Select2是一款基于JQuery的下拉列表插件,主要用来优化select,支持单选和多选,同时也支持分组显示.列表检索.远程获取数据等众多好用的功能项目地址:https://select2.org/ 基本使用需要用到的JS和CSS文件位于项目代码下的dist目录中,需要将这个目录中的对应文件放入…

前端插件之Datatables使用--上篇

工欲善其事,必先利其器本系列文章介绍我在运维系统开发过程中用到的那些顺手的前端插件,前边两篇分别介绍了Duallistbox插件和Select2插件的使用,这一篇开始Databases的征服之旅 Databases是一款基于JQuery的表格插件,主要用来优化table,支持表格分页.搜索.排序.显示条数.异步加载等众多好用的功能项目地址:https://datatables.net/ 基本使用需要用到的JS和CSS文件位于项目代码下的media目录中,需要将这个目录中的对应文件放入你的项…

前端插件之Datatables使用--下篇

工欲善其事,必先利其器本系列文章介绍我在运维系统开发过程中用到的那些顺手的前端插件,上一篇文章介绍了Datatables插件的基本使用,这一篇文章作为上一篇的延续,会介绍Databases的一些高级用法,例如从不同的数据源获取数据.修改数据最终呈现方式.操作Dom改变页面功能.开启服务端数据处理等数据加载上篇文章中的所有数据都是直接渲染的html中的table数据,datatables还支持其他几种数据源,以方便实现更灵活的控制从数组中获取 <table id="myTable-x…

VSCODE开发VUE.JS前端插件

VUE前端插件.转载自:https://www.cnblogs.com/karthuslorin/p/8577224.html vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器.当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,editplus,atom这几种.比起notepad++.editplus,vscode集成了许多IDE才具有的功能,比起它们更像一个代码编辑器:比起sublime,vscode颜…

VScode前端插件推荐

工欲善其事,必先利其器,安利一波前端插件. Chinese (Simplified) Language Pack for Visual Studio CodeVScode汉化插件 Beautify代码自动美化插件 Bracket Pair Colorizer括号有颜色容易区分的插件 vscode-icons文件图标插件 open in browser打开浏览器插件 Prettier代码格式化插件 Quokka是一个调试工具插件,能够根据你正在编写的代码提供实时反馈,方便demo操作 Path I…

sublime text3 前端插件介绍

Emmet插件 Emmet插件可以说是使用Sublime Text进行前端开发必不可少的插件它让编写HTML代码变得极其简单高效基本用法:输入标签简写形式,然后按Tab键关于Emmet的更多介绍,请查看官方文档这份速查表,可以帮你快速记忆简写形式 JsFormat插件这是一款将JS格式化的插件同样使用Package Control安装JsFormat插件后即可在JS文件中通过鼠标右键->JsFormat或键盘快捷键Ctrl+Alt+F对JS进行格式化 SideBarEnhancem…