label | 易学教程

jQuery验证控件jquery.validate.js+jquery.validate.unobtrusive.js的用法

阅读更多关于 jQuery验证控件jquery.validate.js+jquery.validate.unobtrusive.js的用法

3 月，跳不动了？>>> jquery.validate.unobtrusive.js的用法: jquery.validate.unobtrusive.js使用上很简洁，只要对Tag下几个属性即可以使用！引用JavaScript<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8.1/jquery.validate.min.js"></script> <script src="http://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.validate.unobtrusive.min.js"></script> 最新的CDN JS引用可以查看,http://www.asp.net/ajaxLibrary/CDN.ashx <label for="tId">Domain Account:<label data-valmsg-for="tId"></label></label> <input type="text" id="tId" runat="server" data-val="true" data-val-required="请输入帐号"/>

纯css写单选框和复选框的样式和功能

阅读更多关于纯css写单选框和复选框的样式和功能

只用纯css写的单选框和复选框的样式和功能该怎么写？看这里，复制下面的代码运行一遍就知道了，快试试吧！效果截图： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/> <title>移动单选按钮</title> <link rel="stylesheet" type="text/css" href="http://dn.yun******.com/css/reset-min.css"> <style> /*纯CSS写法*/ .checkbox-group input{display:none;opacity:0;} .checkbox-group input[type=checkbox]+label, .checkbox-group input[type=radio]+label { line-height: 1; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;

Google Scatter Chart does not display Y axis labels

阅读更多关于 Google Scatter Chart does not display Y axis labels

问题 I want to display some Data with googles Scatter Chart. No matter how I try I can't get the y axis labels to show. I tried various things, which were suggested here and on other forums. Including: Resizing the chart, resizing the label font, Rescaling the axis and changing the textPosition of the vAxis. None of this worked. The funny thing is that the ticks I defined are showing correctly placed gridlines. It is just the labels that are missing. The axis title is also displayed which leads me

Django之ORM

阅读更多关于 Django之ORM

一：文件配置【1】（1-1）产生背景：　　（1）在传统的web访问需要加上路由后缀通过后缀进行相应的视图函数处理　　（2）如果有大量的后缀就需要在路由表里添加大量的后缀显然不合理（1-2）解决办法：　　（1）将文件进行配置暴露给外界能够访问服务器静态文件夹下面所有的资源例如： STATIC_URL = '/static/' # 接口前缀# 暴露给外部的能够访问服务器内部所有资源STATICFILES_DIRS = [ os.path.join(BASE_DIR,'static')] PS：外部会依次查找文件路径下所有资源如果访问到则结束访问失败则返回404 【2】动态解析接口前缀（1）作用：接口前缀变化属于该接口下的所有配置文件都会自动变化接口前缀例如： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> {# 动态解析配置 #} {% load static %} <link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap

自定义 checkbox 和 radio

阅读更多关于自定义 checkbox 和 radio

在页面中我们经常会使用到 checkbox 和 radio，但是，部分浏览器显示的效果并不能让我们满意，因此想通过一种方式，更改其样式。这里使用到的就是使用 label，结合 before 实现样式的更改。完整代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>定制checkbox 与 radio</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; font-size: 1rem; } main { padding: 100px; display: flex; align-items: center; } input[type=checkbox], input[type=radio] { display: none; } input[type=checkbox]+label, input[type=radio]+label { margin-right: 10px; text-align: center; cursor: pointer; display:

Bootstrap框架和inconfont、font-awesome使用

阅读更多关于 Bootstrap框架和inconfont、font-awesome使用

Bootstrap框架和inconfont、font-awesome使用 iconfont的使用： https://www.cnblogs.com/clschao/articles/10387580.html Bootstrap介绍　　Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。　　它是为实现快速开发Web应用程序而设计的一套前端工具包。　　它支持响应式布局，并且在V3版本之后坚持移动设备优先。就是复制黏贴一把梭，html\css\js代码的封装组合为什么要使用Bootstrap？　　在Bootstrap出现之前：　　命名：重复、复杂、无意义（想个名字费劲）　　样式：重复、冗余、不规范、不和谐　　页面：错乱、不规范、不和谐　　在使用Bootstrap之后：各种命名都统一并且规范化。页面风格统一，画面和谐。 Bootstrap下载　　官方地址：https://getbootstrap.com 　　中文地址：http://www.bootcss.com/ 　　我们使用V3版本的Bootstrap，我们下载的是用于生产环境的Bootstrap。 Bootstrap环境搭建　　目录结构： bootstrap-3.3.7-dist/ ├── css // CSS文件 │ ├── bootstrap-theme

jQuery UI Autocomplete 体验

阅读更多关于 jQuery UI Autocomplete 体验

Query UI Autocomplete 是jQuery UI的自动完成组件，是我用过的最强大、最灵活的Autocomplete，它支持本地的Array/JSON数组、通过ajax请求的Array/JSON数组、JSONP、以及Function(最灵活)等方式来获取数据。支持的数据源 jQuery UI Autocomplete 主要支持字符串 Array 、 JSON 两种数据格式。普通的Array格式没有什么特殊的，如下： 1 [ "cnblogs" , "博客园" , "囧月" ] 对于JSON格式的Array，则要求有： label 、 value 属性，如下： 1 [{label: "博客园" , value: "cnblogs" }, {label: "囧月" , value: "囧月" }] 其中label属性用于显示在autocomplete弹出菜单，而value属性则是选中后给文本框赋的值。如果没有指定其中一个属性则用另一个属性替代(即value和label值一样)，如下： 1 2 [{label: "cnblogs" }, {label: "囧月" }] [{value: "cnblogs" }, {value: "囧月" }] 如果label和value都没有指定，则无法用于autocomplete的提示。另外需要注意，对于从服务器端输出的JSON

ArcGIS Label

阅读更多关于 ArcGIS Label

ArcGIS Label 以前用 ArcGIS Label 一般也就在图层的 Properties 里面定义一下 Label 字体大小和粗细。这两天遇到一个问题，需要在 Label 中显示多个字段的内容，比如 BlockName 和 CompanyName 。其实这个本来不是很难的问题，因为 Label 中支持 VBScript ，使用 [BlockName] & VbNewLine & [CompanyName] 。就可以实现标注中第一行显示 BlockName ，第二行显示 CompanyName. 现在问题出来了，出图时候希望突出 BlockName 效果，希望加粗显示，而 CompanyName 使用一般字体。考虑了很长时间终于从 ArcGIS 帮助中找到了相关的内容，原来 Label 的 VBScript 里面支持类似于 Html 的 VBScript 标签，比如加粗就是用 <BOL>, 上面问题就可以使用下面语句解决 : "<BOL>" & [BlockName] & "</BOL>" & VbNewLine & [CompanyName] 除了加粗， ArcGIS 中还支持下面的文本格式标签 : Font: 字体 "<FNT name='Arial' size='18'>" & [LABELFIELD] & "</FNT>" Color: 颜色 "<CLR red=

优化网站设计（十九）：减少DOM元素的数量

阅读更多关于优化网站设计（十九）：减少DOM元素的数量

前言网站设计的优化是一个很大的话题,有一些通用的原则,也有针对不同开发平台的一些建议。这方面的研究一直没有停止过，我在不同的场合也分享过这样的话题。作为通用的原则，雅虎的工程师团队曾经给出过35个最佳实践。这个列表请参考 Best Practices for Speeding Up Your Web Site http://developer.yahoo.com/performance/rules.html ，同时，他们还发布了一个相应的测试工具Yslow http://developer.yahoo.com/yslow/ 我强烈推荐所有的网站开发人员都应该学习这些最佳实践，并结合自己的实际项目情况进行应用。接下来的一段时间，我将结合ASP.NET这个开发平台，针对这些原则，通过一个系列文章的形式，做些讲解和演绎，以帮助大家更好地理解这些原则，并且更好地使用他们。准备工作为了跟随我进行后续的学习，你需要准备如下的开发环境和工具 Google Chrome 或者firefox ，并且安装 Yslow这个扩展组件.请注意，这个组件是雅虎提供的，但目前没有针对IE的版本。 https://chrome.google.com/webstore/detail/yslow/ninejjcohidippngpapiilnmkgllmakh https://addons.mozilla

第3 章： Kubernetes 核心概念

阅读更多关于第3 章： Kubernetes 核心概念

Kubernetes 核心概念本文整理自 CNCF 和阿里巴巴联合举办的云原生技术公开课的课时 3：Kubernetes 核心概念。本次课程中，阿里巴巴资深技术专家、CNCF 9个 TCO 之一李响为大家介绍了 Kubernetes 的主要功能与能力、Kubernetes 的架构以及其核心概念与核心 API 等，精彩不容错过。本次课程的分享主要围绕以下 3 个部分：什么是 Kubernetes ：介绍 Kubernetes 的主要功能以及能力； Kubernetes 的架构：介绍 Kubernetes 的核心组件，以及介绍它们之间是如何相互互动连接； Kubernetes 的核心概念与核心 API；一、什么是 Kubernetes Kubernetes，从官方网站上可以看到，它是一个工业级的容器编排平台。Kubernetes 这个单词是希腊语，它的中文翻译是“舵手”或者“飞行员”。在一些常见的资料中也会看到“ks”这个词，也就是“k8s”，它是通过将8个字母“ubernete ”替换为“8”而导致的一个缩写。 Kubernetes 为什么要用“舵手”来命名呢？大家可以看一下这张图：这是一艘载着一堆集装箱的轮船，轮船在大海上运着集装箱奔波，把集装箱送到它们该去的地方。我们之前其实介绍过一个概念叫做 container，container 这个英文单词也有另外的一个意思就是

订阅 label