input | 易学教程

十分钟玩转 jQuery、实例大全

阅读更多关于十分钟玩转 jQuery、实例大全

一、简介定义　　jQuery创始人是美国 John Resig，是优秀的 Javascript 框架；　　jQuery 是一个轻量级、快速简洁的 javaScript 库。源码戳这 jQuery对象　　jQuery产生的对象时jQuery独有的，只能自己调用书写规则　　支持链式操作；　　在变量前加"$"符号（var $variable = jQuery 对象）；　　注：此规定并不是强制要求。二、寻找元素选择器基本选择器、层级选择器、属性选择器与CSS类似，这里不再细说，详细猛戳这里。基本筛选器 $('li:first') //第一个元素 $('li:last') //最后一个元素 $("tr:even") //索引为偶数的元素，从 0 开始 $("tr:odd") //索引为奇数的元素，从 0 开始 $("tr:eq(1)") //给定索引值的元素 $("tr:gt(0)") //大于给定索引值的元素 $("tr:lt(2)") //小于给定索引值的元素 $(":focus") //当前获取焦点的元素 $(":animated") //正在执行动画效果的元素内容选择器 $("div:contains('nick')") //包含nick文本的元素 $("td:empty") //不包含子元素或者文本的空元素 $("div:has(p)") /

前端基础之jQuery入门 01

阅读更多关于前端基础之jQuery入门 01

jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是："Write less, do more." 优势一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫，并且可以根据自己需要去改写和封装插件，简单实用。4

JQuery事件

阅读更多关于 JQuery事件

一、遍历 1. js的遍历方式 * for(初始化值;循环结束条件;步长) 2. jq的遍历方式 1. jq对象.each(callback) 1. 语法： jquery对象.each(function(index,element){}); * index:就是元素在集合中的索引 * element：就是集合中的每一个元素对象 * this：集合中的每一个元素对象 2. 回调函数返回值： * true:如果当前function返回为false，则结束循环(break)。 * false:如果当前function返回为true，则结束本次循环，继续下次循环(continue) 2. $.each(object, [callback]) 3. for..of: jquery 3.0 版本之后提供的方式，of可能会报错但不影响使用 for(元素对象 of 容器对象) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(function () { //js遍历

图片分类及Paddle派部署实例

阅读更多关于图片分类及Paddle派部署实例

某厂面试归来，发现自己落伍了！>>> 项目简介这是一个demo 项目，用于演示如何在 AI Studio 上训练一个“小”模型，然后把它转化成一个可以部署到Paddle派硬件上的模型。为了简单起见，在此只训练一个猫猫和狗狗的二分类模型。进入项目时，已经引用了 AI Studio 的公开数据集"猫狗大战数据集"作为训练数据。数据存储在 data/data62/ 目录下，以压缩包的形式存在。执行下面的代码，进入目录，将训练数据解压 In[1] !cd /home/aistudio/data/data62 && unzip -q train.zip !cd /home/aistudio/data/data62 && unzip -q test.zip 数据预处理训练集中的数据按照 cat.123.jpg dog.456.jpg 的命名方式。由于数据中存在一些破损的图片，所以需要先清洗一下数据。同时，为了方便训练，将数据的一行准备成文件名\t类别的格式，并输出到和图片同级目录下的label.txt文件中。猫猫的类别是1，狗狗的类别是0。执行以下代码，进行数据的简单清洗 In[2] #数据清洗 import codecs import os from PIL import Image train_file_list = os.listdir('data/data62/train'

Panasonic Programming Contest 2020 C.Sqrt Inequality

阅读更多关于 Panasonic Programming Contest 2020 C.Sqrt Inequality

Panasonic Programming Contest 2020 C.Sqrt Inequality Problem Statement Does a + b < c \sqrt{a}+\sqrt{b}<\sqrt{c} a + b < c hold? Constraints 1≤a,b,c≤1e9 All values in input are integers. Input Input is given from Standard Input in the following format: a b c Output If a + b < c \sqrt{a}+\sqrt{b}<\sqrt{c} a + b < c , print Yes; otherwise, print No. Sample Input 1 2 3 9 Sample Output 1 No Sample Input 2 2 3 10 Sample Output 2 Yes 这题说实话挺考验细心程度的，首先直接浮点数有精度问题算得太迷了，我们考虑转化为整型算，证明如下： a + b < c \sqrt{a}+\sqrt{b}<\sqrt{c} a + b < c a + b + 2 a b < c a+b+2\sqrt{ab}<c a + b + 2 a b < c

【转载】 tf.train.slice_input_producer()和tf.train.batch()

阅读更多关于【转载】 tf.train.slice_input_producer()和tf.train.batch()

原文地址： https://www.jianshu.com/p/8ba9cfc738c2 ------------------------------------------------------------------------------------------------ 1. tf.train.slice_input_producer 函数，一种模型数据的排队输入方法。 tf.train.slice_input_producer( tensor_list, num_epochs=None, shuffle=True, seed=None, capacity=32, shared_name=None, name=None ) 其参量为： Args: tensor_list: A list of Tensor objects. Every Tensor in tensor_list must have the same size in the first dimension. # 循环Queue输入次数 num_epochs: An integer (optional). If specified, slice_input_producer produces each slice num_epochs times before generating an

jQuery学习(三)——选择器总结

阅读更多关于 jQuery学习(三)——选择器总结

1、基本选择器 id选择器：$(“#id名称”); 元素选择器：$(“元素名称”); 类选择器：$(“.类名”); 通配符：* 多个选择器共用(并集) 案例代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>基本选择器</title> 6 <link rel="stylesheet" href="../../css/style.css" /> 7 <script type="text/javascript" src="../../js/jquery-1.8.3.js" ></script> 8 <script> 9 $(function(){ 10 $("#btn1").click(function(){ 11 $("#one").css("background-color","pink"); 12 }); 13 14 $("#btn2").click(function(){ 15 $(".mini").css("background-color","pink"); 16 }); 17 18 $("#btn3").click(function(){ 19 $("div").css("background-color","pink"); 20 }); 21 22 $("#btn4")

如何允许 <input type=“file”> 只接受图像文件？

阅读更多关于如何允许只接受图像文件？

某厂面试归来，发现自己落伍了！>>> 我只需要通过 <input type="file"> 标记上传图像文件。现在，它接受所有文件类型。但是，我想将其限制为仅包含 .jpg ， .gif 等的特定图像文件扩展名。如何实现此功能？ #1楼使用这个： <input type="file" accept="image/*"> 在FF和Chrome中均可使用。 #2楼这样使用 <input type="file" accept=".png, .jpg, .jpeg" /> 对我有用 https://jsfiddle.net/ermagrawal/5u4ftp3k/ #3楼您可以对 <input type="file"> 使用 accept 属性，请阅读此文档 http://www.w3schools.com/tags/att_input_accept.asp #4楼这可以通过 <input type="file" accept="image/*" /> 但这不是一个好方法。您必须在服务器端进行编码以检查文件是否为图像。检查图像文件是真实图像还是伪图像 if(isset($_POST["submit"])) { $check = getimagesize($_FILES["fileToUpload"]["tmp_name"]); if($check !== false) {

linux centos 防火墙iptables命令介绍使用

阅读更多关于 linux centos 防火墙iptables命令介绍使用

一：安装iptables 安装命令： iptables：yum install -y iptables-services 二：启动iptables 启动命令： systemctl start iptables 三：查看当前iptables状态运行iptables启动命令后，可以查看下iptables是否启动成功，确保iptables启动成功查看状态： systemctl status iptables 如果提示绿色的“active (exited)”，则iptables已经启动成功。四：查看iptables默认规则查看默认规则命令： iptables -L 安装iptables后，可以查看下当前系统下的iptables规则，熟悉一下。五：备份iptables规则安全起见，可以先备份下当前的iptables规则，然后再修改/添加规则备份命令： cp -a /etc/sysconfig/iptables /etc/sysconfig/iptables.bak 六：添加或修改规则（放行或禁用端口）放行80号端口为例： 1、添加以下规则可以放行80端口命令： iptables -I INPUT -p tcp --dport 80 -m state --state NEW -j ACCEPT 2、查看规则是否生效，命令： iptables -L 3、生效后保存添加的规则，命令

js 有用的代码

阅读更多关于 js 有用的代码

1. 如何创建嵌套的过滤器： // 允许你减少集合中的匹配元素的过滤器， // 只剩下那些与给定的选择器匹配的部分。在这种情况下， // 查询删除了任何没（ :not ）有（ :has ） // 包含 class 为“ selected ”（ .selected ）的子节点。 .filter(":not(:has(.selected))") 2. 如何重用元素搜索 var allItems = $("div.item"); var keepList = $("div#container1 div.item"); // 现在你可以继续使用这些 jQuery 对象来工作了。例如， // 基于复选框裁剪“ keep list ”，复选框的名称 // 符合 < DIV >class names: $(formToLookAt + " input:checked").each(function() { keepList = keepList.filter("." + $(this).attr("name")); }); < /DIV> 3. 任何使用 has() 来检查某个元素是否包含某个类或是元素： //jQuery 1.4.* 包含了对这一 has 方法的支持。该方法找出 // 某个元素是否包含了其他另一个元素类或是其他任何的 // 你正在查找并要在其之上进行操作的东东。 $(

订阅 input