脚本 | 易学教程

bootstrap datetimepicker时间控件

阅读更多关于 bootstrap datetimepicker时间控件

bootstrap datetimepicker时间控件挺好用的但是也挺难搞得，第一次接触，搞了一下午，网上的文章都只能参考一下，有的都不能用.... 1：先引入包  <script src="date/jquery-1.8.3.min.js"></script> <script src="date/bootstrap.min.js"></script> <script src="date/bootstrap-datetimepicker.min.js"></script> <script src="date/bootstrap-datetimepicker.zh-CN.js"></script>  <link href="date/bootstrap.css" rel="stylesheet" /> <link href="date/bootstrap-datetimepicker.min.css" rel="stylesheet" />  2：写两个input标签 <input type="text" placeholder="开始时间" id="start""> <input type="text" placeholder="结束时间" id="end"> :3：js

Bootstrap单按钮的下拉菜单

阅读更多关于 Bootstrap单按钮的下拉菜单

简介把任意一个按钮放入 .btn-group 中，然后加入适当的菜单标签，就可以让按钮作为菜单的触发器了。插件依赖按钮式下拉菜单依赖下拉菜单插件，因此需要将此插件包含在你所使用的 Bootstrap 版本中。完整代码： <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" href="/stylesheets/bootstrap.min.css"> <script src="/scripts/jquery.min.js"></script> <script src="/scripts/bootstrap.min.js"></script> </head> <body> <div class="btn-group"><button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 默认 <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="javascript:void(0)">功能</a></li> <li><a href="javascript:void(0)">另一个功能</a></li>

JSONP代码收藏

阅读更多关于 JSONP代码收藏

摘抄自jQuery，用于JSONP请求。 var callback = 'callback_' + (new Date() - 0), url = 'http://localhost/', script = document.createElement("script"), head = document.head || document.querySelector('head'); window[callback] = function(data) { console.log(data); window[callback] = null; }; script.async = true; script.charset = 'utf-8'; script.src = url; script.onload = script.onreadystatechange = function( _, isAbort ) { if ( isAbort || !script.readyState || /loaded|complete/.test( script.readyState ) ) { script.onload = script.onreadystatechange = null; if ( script.parentNode ) { script.parentNode

flask模板应用-加载静态文件：添加Favicon，使用CSS框架，使用宏加载静态资源 --

阅读更多关于 flask模板应用-加载静态文件：添加Favicon，使用CSS框架，使用宏加载静态资源 --

加载静态文件一个Web项目不仅需要HTML模板，还需要许多静态文件，比如CSS、JavaScript文件、图片和声音声。在flask程序中，默认需要将静态文件存储在与主脚本（包含程序实例的脚本）同级目录的static文件夹中。为了在HTML文件中引用静态文件，我们需要使用url_for()函数获取静态文件的URL。flask内置了用于获取静态文件的视图函数，端点值为static，它的默认URL规则为/static/<path: filename>，URL变量filename是相对于文件夹根目录的文件路径。如果需要使用其他文件夹来存储静态文件，可以在实例化flask类时使用static_folder参数指定，静态文件的URL路径中的static也会自动跟随文件夹名称变化。在实例化flask类时用static_url_path参数可以自定义静态文件的URL路径。在程序的static目录下存一张图片，例如qq.jpg，我们可以通过url_for(‘static’, filename=’qq.jpg’)获取这个文件的URL,这个函数调用生成的url为/static/qq.jpg，在浏览器中输入127.0.0.1:5000/qq.jpg即可访问这个图片。在模板watchlist.html里，我们在用户名的左侧添加这个图片，使用url_for()函数生成图片src属性所需的图片URL

elasticsearch 局部更新

阅读更多关于 elasticsearch 局部更新

文档局部更新在《更新文档》一章，我们说了一种通过检索，修改，然后重建整文档的索引方法来更新文档。这是对的。然而，使用 update API，我们可以使用一个请求来实现局部更新，例如增加数量的操作。我们也说过文档是不可变的——它们不能被更改，只能被替换。 update API必须遵循相同的规则。表面看来，我们似乎是局部更新了文档的位置，内部却是像我们之前说的一样简单的使用 update API处理相同的检索-修改-重建索引流程，我们也减少了其他进程可能导致冲突的修改。最简单的 update 请求表单接受一个局部文档参数 doc ，它会合并到现有文档中——对象合并在一起，存在的标量字段被覆盖，新字段被添加。举个例子，我们可以使用以下请求为博客添加一个 tags 字段和一个 views 字段： POST /website/blog/1/_update { "doc" : { "tags" : [ "testing" ], "views": 0 } } 如果请求成功，我们将看到类似 index 请求的响应结果： { "_index" : "website", "_id" : "1", "_type" : "blog", "_version" : 3 } 检索文档文档显示被更新的 _source 字段： { "_index": "website", "_type": "blog",

javascript常用功能收藏

阅读更多关于 javascript常用功能收藏

引用:http://www.css88.com/archives/5180收集了一些比较常用的javascript函数。字符串长度截取 function cutstr(str, len) { var temp, icount = 0, patrn = /[^\x00-\xff]/， strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str.substr(i, 1); if (patrn.exec(temp) == null) { icount = icount + 1 } else { icount = icount + 2 } strre += temp } else { break; } } return strre + "..." } 替换全部 String.prototype.replaceAll = function(s1, s2) { return this.replace(new RegExp(s1, "gm"), s2) } 清除空格 String.prototype.trim = function() { var reExtraSpace = /^\s*(.*?)\s+$/; return this.replace(reExtraSpace, "$1

常用JS方法整理

阅读更多关于常用JS方法整理

本篇目录： 1.截取指定字节数的字符串 2.判断是否微信 3.获取时间格式的几个举例 4.获取字符串字节长度 5.对象克隆、深拷贝 6.组织结构代码证验证 7.身份证号验证 8.js正则为url添加http标识 9.URL有效性校验方法 10.自定义jsonp方法 11.cookie操作 12.生成随机字符串 (可指定长度) 13.浏览器判断 14.Rem移动端适配 15.获取url后参数 16.动态加载JS 17.生成随机颜色值上述方法都是日常工作中使用所得，所以会不定时更新，大家也可以留下你觉得好的方法:) 1.截取指定字节数的字符串 /** * 截取指定字节的字符串 * @param str 要截取的字符穿 * @param len 要截取的长度，根据字节计算 * @param suffix 截取前len个后，其余的字符的替换字符，一般用“…” * @returns {*} */ function cutString(str, len, suffix) { if (!str) return ""; if (len <= 0) return ""; if (!suffix) suffix = ""; var templen = 0; for (var i = 0; i < str.length; i++) { if (str.charCodeAt(i) > 255) {

常用JS方法整理

阅读更多关于常用JS方法整理

vue——介绍和使用

阅读更多关于 vue——介绍和使用

一、vue介绍　　vue官网说：Vue.js（读音 /vjuː/，类似于 view）是一套构建用户界面的渐进式的JavaScript框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。 1、渐进式的JavaScript框架 Angular React Vue 作者 google公司 facebook公司尤雨溪组织方式 MVC 模块化模块化数据绑定双向绑定单向绑定双向绑定模板能力强大自由自由自由度较小大较大路由静态路由动态路由动态路由 2、前端框架和库的区别（1）功能上的不同　　jquery库：包含DOM(操作DOM)+请求，就是一块功能的实现。　　art-template库：模板引擎渲染，高性能的渲染DOM。　　框架：大而全的概念，简易的DOM体验+请求处理+模板引擎。　　在KFC的世界来看的话，库就是一个小套餐，框架就是全家桶。（2）代码上的不同　　一般使用库的代码，是调用某个函数或者使用抛出来的对象，我们自己处理库中的代码。　　一般使用框架，框架本身提供好的成套的工具帮我们运行我们编写好的代码。（3）框架的使用　　1）初始化自身的一些行为；　　2）执行你所编写的代码；　　3）释放一些资源。 3、关于渐进式和自底向上增量开发　　我们来看一下知乎的回答：知乎回答　　总的来说

SpringBoot整合swagger

阅读更多关于 SpringBoot整合swagger

Swagger使用 Swagger有什么用? swagger是一个流行的API开发框架，这个框架以“开放API声明”（OpenAPI Specification，OAS）为基础，对整个API的开发周期都提供了相应的解决方案，是一个非常庞大的项目（包括设计、编码和测试，几乎支持所有语言）。 Swagger 是一个规范和完整的框架，用于生成、描述、调用和可视化 RESTful 风格的 Web 服务。总体目标是使客户端和文件系统作为服务器以同样的速度来更新。文件的方法，参数和模型紧密集成到服务器端的代码，允许API来始终保持同步。Swagger 让部署管理和使用功能强大的API从未如此简单。 springfox大致原理: springfox的大致原理就是，在项目启动的过种中，spring上下文在初始化的过程，框架自动跟据配置加载一些swagger相关的bean到当前的上下文中，并自动扫描系统中可能需要生成api文档那些类，并生成相应的信息缓存起来。如果项目MVC控制层用的是springMvc那么会自动扫描所有Controller类，并生成对应的文档描述数据. 该数据是json格式，通过路径：项目地址/ v2/api-docs可以访问到该数据，然后swaggerUI根据这份数据生成相应的文档描述界面。因为我们能拿到这份数据，所以我们也可以生成自己的页面. SpringBoot

订阅脚本