如何获取选中的li的值 5C
请选择省份
  • 请选择省份

确认保存

li在加载页面的时候会动态加载省份。然后点击确认按钮获取到选中的li的值

sunshu123456
sunshu123456 回复yuqixian: 各位,人家描述的是动态加载,li不是写死的
大约一年之前 回复
yuqixian
小小程序缘 <body> <ul id="demo"> <li>省份一</li> <li>省份二</li> <li>省份三</li> <li>省份四</li> <li>省份五</li> </ul> <br> <button class="sure-btn" type="button" onclick="getData()">确认保存</button> <script type="text/javascript"> var data = null;// 声明全局变量 $("#demo li").click(function() { data = $(this).html(); }) function getData() { if(data == null || data == "") { alert("请选择省份"); } else { alert(data); } } </script> </body>
大约一年之前 回复

10个回答

$(document).ready(function(){
$('li').click(function() {
alert($(this).text());

});
});

sunshu123456
sunshu123456 各位,人家描述的是动态加载,li不是写死的
大约一年之前 回复

1、var content=document.getElementById("content");

2、var items=content.getElementsByTagName("ul");

3、var itemss=items[2].getElementsByTagName("li");//获取第二个li标签

图片说明

yuqixian
小小程序缘 回复sunshu123456: 这跟动态加载没关系,加载完li之后,只要给每个li赋予click函数就行,效果相同
大约一年之前 回复
sunshu123456
sunshu123456 各位,人家描述的是动态加载,li不是写死的
大约一年之前 回复
    你可以通过 给级联筛选框添加  onChange(v,o)=>v 来获取v值  或解析o

    若你是纯手工的话 1楼也是一个好方法,在你选择点击时,获取这个值

    若你非要点击“保存”来获取值的话,那就要麻烦点了,首先你选择这个li的时候,li有一个状态改变了selected=selected,点击‘保存’按钮时你再去查看哪个li的selected的状态==selected,然后取出这个值

动态加载的时候为每个li添加onclick(this)事件,直接用
$('li').click(function() {
alert($(this).text());
});
});
由于动态加载的缘故可能会导致点击事件无效;js中 this.text()或$(this).text()获取li的值,记得不是太清楚

<!doctype html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="UTF-8" />
<style type="text/css">
.select {
    background-color: #9ff;
}
</style>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    $("#list").on("click", "li", function(event){
        $(this).addClass("select").siblings().removeClass("select");
    });
});
function save() {
    var sli = $("#list li.select");
    if (sli.length<1) {
        alert("没有选择");
    } else {
        alert("选择的是:"+sli.text()+", 值是:"+sli.val());
    }
}
</script>
</head>
<body>
<div id="list">
    <ul>
        <li value="1">项目1</li>
        <li value="2">项目2</li>
        <li value="3">项目3</li>
        <li value="4">项目4</li>
        <li value="5">项目5</li>
        <li value="6">项目6</li>
    </ul>
</div>
<input type="button" value="确认保存" onclick="save();" />
</body>
</html>

在HTML里面加onclick事件

给li的父元素绑定on事件。

$('#ul_id').on('click','li',function(){console.log($(this).text())})

是要做二级联动吗?
图片说明

先写onchang事件..选择完后用个隐藏的input标签存住,点击保存的时候直接拿隐藏input的值

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
如何获取多个被选中的li元素的值
<c:forEach items="${list}" var="item"> <li id="name">${item.classificationName}</li> <input type="hidden" id="code" value="${item.projectClassificationCode}"> </c:forEach> 页面可以多选li元素 根据选中的li元素发一个请求 js代码中怎么写 可以获取到选中的li元素的值
jsp如何获取li元素中的值
<c:forEach items="${list}" var="item"> <li id="name">${item.classificationName}</li> <input type="hidden" id="code" value="${item.projectClassificationCode}"> </c:forEach> 要获取选中的li元素的值 js代码怎么写
点击ul任何地方,如何获取ul li 里面的值,可支持点击多个ul获取值
现在页面是ul li循环展示出来的,最后一个li是一个checkbox,如何点击选中多个checkbox,可以获取到所以得li的值,并且是k,v形式的数据,我在后台要获取这些值拼成json格式的数据。
jQuery ajax 获取 c:foreach 遍历的cheakbox复选框选中的值
<form action="updatejystate.action"> <c:forEach items="${sessionScope.jiaoyilist}" var="li" varStatus="status"> <div class="hh1"> <div class="hh"> <div class="box"> <div id="1" class="leftbox"> <input type="checkbox" name="jidlist" value="${li.id}"/> </div> <div class="mbox"> <img src="img/n26.png"> </div> <div class="rbox"> <div class="t1"> <p class="zi3"> <a><div><c:out value="${li.guige}"></c:out></div></a> <a><div class="pric"><c:out value="${li.price}"></c:out>&nbsp;&nbsp;</div></a> <a><div class="q1"> <div class="p"> <a class="sum1">数量:<c:out value="${li.sum}"></c:out></a> <a>金额:<p value="${li.sum}"></p> </a> </div> </div></a> <a href="deleteJiaoyiById.action?jiaoyi.id=${li.id}">删除</a> </div> </p> </div> </div> <div class="henggang"></div> <div class="foot"> </div> </div> </div> </c:forEach> 怎样通过jquery获取复选框选中的当前记录的值
jquery dom 操作 增加选中状态的值.....
![图片说明](https://img-ask.csdn.net/upload/201909/10/1568080484_907120.png) 如图,这个是多选.然后一键投票功能,已选中状态,选中按钮会增加一个class为"optioned" ![图片说明](https://img-ask.csdn.net/upload/201909/10/1568080723_856745.png) 点击投票,获取optioned父元素li上面的data-id ,添加成数组发送ajax ,后端返回的是选手加票成功的data-id ![图片说明](https://img-ask.csdn.net/upload/201909/10/1568080869_778189.png) 现在设置了每人每天投票数量限制,要求改成拿到后端返回选手相应的data-id,来给这个选手加票![图片说明](https://img-ask.csdn.net/upload/201909/10/1568081212_571448.png) 底下注释的是没有投票数量限制给选手加票 上面的循环是想循环后端反的选手id和已选中的选手id 所以问题就是如果选中的数量超出了个人投票的数量限制 如何根据后端反的id来给选中的部分选手加票
jQuery 用html方法修改元素内容后,重新选中元素data原本藏值无法找到
创建元素时,用data方法藏值 ``` var book = books[i]; var li_str = getNoteBookLiStr(book.cn_notebook_name); var $li = $(li_str); //将bookId藏在li中 $li.data("bookId",book.cn_notebook_id); $("#book_list").append($li); ``` 用html方法修改元素内容 ``` var li_str = '<li class="online"><a>'+ '<i class="fa fa-book" title="online" rel="tooltip-bottom">'+ '</i>'+newName+'</a></li>'; $checked_li.html(li_str) ``` 重新选中后再调用data发现藏值找不到了undefined ``` var noteBookId = $("#book_list li a.checked").parent().data("bookId"); ```
关于利用JQuery设置li的class的问题
如: [code="html"] <ul id = "menu"> <li><a href="/">home</a></li> <li><a href="/about">about</a></li> <ul> [/code] 上述HTML片断,想通过JQuery实现:<li class="current"><a href="/about">about</a></li>效果。 还望 朋友给予帮助,谢谢。 [b]问题补充:[/b] Sorry~先要对两位朋友的热情帮助表示感谢,看了回复后才发觉自己的疏忽没有把问题说明清楚,真是抱歉。 实现的效果其实应该是这样的,如果我点击了“about”那个链接并跳转到那个页面后,这时把li的class设为"current"。就是当前在哪个页面就把对应的那个li项设为current。 [b]问题补充:[/b] [code="javascript"] <script type="text/javascript" language="javascript"> // 设置菜单选中项的样式 $(function() { $("#menu a[href='/About']").addClass('current'); }); </script> [/code] 我是要在about页面上写啊。上述代码把class增加到a标签里了。我一直没法把弄到li里。 [b]问题补充:[/b] 哦,忘了说明,因为那个li的菜单代码是放置在了.net“母版页”中。 所以我就不能象楼下朋友说的那个直接加上一个current。 [b]问题补充:[/b] 呵~好像把问题复杂化了,简言之就是 如何实现设置a链接值为"/about"的li的class。
vue的<component>怎么动态获取绑定的多个组件的props的值
vue的<component>怎么动态获取绑定的多个组件的props的值?这是一个tab切换的demo,三个切换按钮,点击切换对应的组件显示。新手一枚,这么写在选中组件1没选中的另外两个组件的情况下总显示caseconts2="[object Object],[object Object],[object Object],[object Object]"和caseconts2="[object Object],[object Object],[object Object],[object Object]" ``` <div class="casetabs"> <ul class="clearfloat"> <li @click="toggleTabs(index,tab.view)" v-for="(tab,index) in casetabs" :class="{case_on:case_on==index}">{{ tab.type }}</li> </ul> </div> <component :is="currentView" :caseconts1="caseconts1" :caseconts2="caseconts2" :caseconts3="caseconts3"></component> ``` ``` Vue.component("case1", { template: `#casecont`, props: ['caseconts1'], data() { return { }, } } }) Vue.component("case3", { template: `#casecont`, props: ['caseconts1'], data() { return { }, } } }) Vue.component("case2", { template: `#casecont`, props: ['caseconts1'], data() { return { }, } } }) ``` caseconts1,caseconts2,casecont3是json获取的 ``` var app = new Vue({ el: '#dre', data: { casetabs: [ { type: '最新案例', view: 'case1' }, { type: '热门案例', view: 'case2' }, { type: '经典案例', view: 'case3' } ], caseconts1:[], caseconts2:[], caseconts3:[], }, mounted: function () { this.$nextTick(function () { app.cartView(); }) }, methods: { cartView: function () { var _this = this; this.$http.get("data/index.json", { "id": 123 }).then(function (response) { _this.caseconts1 = response.data.result.caseconts1; _this.caseconts2 = response.data.result.caseconts2; _this.caseconts3 = response.data.result.caseconts3; }); ``` ![图片说明](https://img-ask.csdn.net/upload/201906/14/1560485189_69296.png)
已有JS做出图片选中状态(多选) 谁写个JQ传值批量下载
``` // item selection $('li').click(function () { $(this).toggleClass('selected'); if ($('li.selected').length == 0) $('.select').removeClass('selected'); else $('.select').addClass('selected'); counter(); }); // all item selection $('.select').click(function () { if ($('li.selected').length == 0) { $('li').addClass('selected'); $('.select').addClass('selected'); } else { $('li').removeClass('selected'); $('.select').removeClass('selected'); } counter(); }); // number of selected items function counter() { if ($('li.selected').length > 0) $('.send').addClass('selected'); else $('.send').removeClass('selected'); $('.send').attr('data-counter',$('li.selected').length); } ``` 选中状态为<li class="selected"> 加个按钮能点击下载选中的图片,全部下载,打包处理下载之类的
wicket中checkBox框中如何取出页面上选中的值
public class Test_checkBox extends BasePage { private Form form; private static List li = new ArrayList(); private static Map NAMES = new HashMap(); static { li.add("http://www.sina.com.cn"); li.add("http://www.sohu.com"); li.add("http://www.163.com"); //这样直接显示出来的就是网址 NAMES.put("http://www.sina.com.cn", "新浪"); //显示汉字 NAMES.put("http://www.sohu.com", "搜虎"); NAMES.put("http://www.163.com", "网易"); } IChoiceRenderer renderer = new ChoiceRenderer() { //使用这个接口来显示上面的文字 public Object getDisplayValue(Object object) { return NAMES.get(object); } }; CheckBoxMultipleChoice siteChoice = new CheckBoxMultipleChoice("cb",li,renderer); //添加上renderer这个对象 public Test_checkBox() { super(); form = new Form("myForm"){ @Override protected void onSubmit() { System.out.print(siteChoice.getValue()); // System.out.print((List)siteChoice.getDefaultModelObject()); super.onSubmit(); } }; this.add(form); form.add(siteChoice); } } <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>test</title> </head> <body bgcolor="#FFFFFF" text="#000000" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" onUnload="fCloseWin()"> <form wicket:id="myForm"> <span wicket:id="cb"></span> <input type="submit" value="tijiao"/> </form> </body>
select 多级下拉框如何去做?
现有一个下拉框,如下面代码,我想实现下拉框test2后面继续有子菜单 test2.1,test2.2,test2.3...,然后可以获取value值, 类似于 ``` <ul> <li>1</li> <li> 2 <ul> <li>2.1</li> </ul> </li> </ul> ``` 但是这种,当我选中1.1时,不好获取值, 所以还是想用select标签方式实现,有没有好的办法,之前在网上似乎看到过, 无奈,找不到了。。。需求帮助,插件也行 ``` <select id="test1" name="test"> <option value="">--please choose--</option> <option value="1">test1</option> <option value="2">test2</option> <option value="3">test3</option> <option value="4">test4</option> </select> ```
仿百度搜索框只能提示上下键移动的功能效果 js+jquery
搜索结果不能上下移动,只能按一下,按第二下的时候结果只剩下一个了,currentSelIndex总是为0 ,currentSelIndex是记录<li>标签id的变量。 首先,我输入一个字符,匹配到的结果会在文本框下方显示出来。因为代码都是写在搜索框的onkeyup ()事件中的,每按一下键盘都会触发该事件,当我第一次按(下)键的时候,相应的会把选中的文本赋 给搜索框,所以按第二次的时候又会重新触发该事件,搜索条件变成了第一次按(下)键文本的值。导 致搜索结果集的长度变成了1,currentSelIndex总是为0。
怎么根据日期控件里所选的值来显示不同日期的数据
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script type="text/javascript" src="./datepicker/WdatePicker.js"></script> <script type="text/javascript" src="./jquery-1.7.2.min.js"></script> <link href="../css/mf20140517.css" rel="stylesheet" type="text/css"> <script type="text/javascript"> $(function(){ $("#week ul a li").click(function(){ $("#week ul a li").css("background-image","url(../images/calendar/date_nowbg.png)");//未被选中的背景图片 $(this).css("background-image","url(../images/calendar/date_hoverbg.png)");//选中的背景图片 }); }) </script> </head> <body> <div class="datesearch"> 按照日期条件查询:<input class="dateinput" type="text" name="search" id = "rili"/> <input type="button" name="datesearch_btn" class="datesearchbtn" value="" onClick="WdatePicker({skin:'yellow',minDate:'2012-01-01',position:{left:0,top:0},el:'rili',maxDate:'%y-%M-%d'})"> </div> <div class="week" id = "week"> <ul> <a><li onclick = "change(this);"><p class="f12_36_cl">2014-05-17</p><p class="f14_50_c3">星期一</p></li></a> <a><li onclick = "change(this);"><p class="f12_36_cl">2014-05-17</p><p class="f14_50_c3">星期二</p></li></a> <a><li onclick = "change(this);"><p class="f12_36_cl">2014-05-17</p><p class="f14_50_c3">星期三</p></li></a> <a><li onclick = "change(this);"><p class="f12_36_cl">2014-05-17</p><p class="f14_50_c3">星期四</p></li></a> <a><li onclick = "change(this);"><p class="f12_36_cl">2014-05-17</p><p class="f14_50_c3">星期五</p></li></a> <a><li onclick = "change(this);"><p class="f12_36_cl">2014-05-17</p><p class="f14_50_c3">星期六</p></li></a> <a><li onclick = "change(this);"><p class="f12_36_cl">2014-05-17</p><p class="f14_50_c3">星期日</p></li></a> </ul> </div> </body> </html> 我要把所选日期 显示在li标签的星期上面,并且相应的给该li标签加上点击样式
dl dt dd如何做下拉问题。
``` <dl class="yl_select"> <dt>下拉</dt> <dd> <ul> <li> <div class="yl_province">江西省</div> <ul> <li class="yl_city"> <span><i></i>南昌市</span> <ul style=""> <li class="yl_area">高新区</li> <li class="yl_area">新建区</li> <li class="yl_area">青山湖区</li> </ul> </li> <li class="yl_city"><span><i></i>抚州市</span></li> <li class="yl_city"><span><i></i>赣州市</span></li> </ul> </li> </ul> </dd> </dl> ``` 出来的样式是这样的: ![图片说明](https://img-ask.csdn.net/upload/201706/06/1496731940_334593.png) 把他做成下拉列表的,用来查询,然后我应该怎么做他才能选中值然后绑定到那个dt框中? ``` $(function(){ $("dl dd").hide(); $("dt").click(function(){ if ($(this).attr("state")=="show") { $(this).nextUntil("dt").hide(500) $(this).attr("state","hide"); }else{ $(this).nextUntil("dt").show(500); $(this).attr("state","show"); } }); }); ```
html 字体标签 列表 表格 表单
一、字体标签 1、字体标签使用<font color="" face="" size="">...</font>表示 color属性:表示字体颜色 取值:英文 red blue yellow green black pink white 十六进制 #开头 前两位控制红色 中间两位控制绿色 后两位控制蓝色 #00 00 00 十六进制的取值0-F face属性:字体格式 比如:宋体、微软雅黑 size属性:字体大小 取值:1-7 可以为负数,为负数字字体会变小,超出7以最大值为准 默认为3 (官方取值1-7,无特殊情况,不要使用负数) 加粗字:<b>...</b>标签中的内容字体会加粗 斜体字:<i>...</i>标签中的内容字体会倾斜 下划线字:<u>...</u>标签中的内容字体会有下划线 二、列表 1、有序列表 order list <ol></ol>表示有序列表 <li></li> list item 列表元素 <ol type="1|A|a|I|i"> <li></li> </ol> type属性取值: 1 阿拉伯数字 默认 A 大写的英文字母 a 小写的英文字母 I 大写的罗马数字 i 小写的罗马数字 2、无序列表 unordered list <ul></ul>表示无序列表 <li></li> list item 列表元素 <ul type="disc|circle|square|none"> <li></li> </ul> type属性取值:disc 实心圆 默认 circle 空心圆 square 实心方块 none 不修饰 一级默认实心圆 二级默认空心圆 三级默认实心方块 3、自定义列表 definition list <dl></dl> 自定义列表 <dt></dt> 自定义标题 definition title <dd></dd> 自定义描述 definition description <dl> <dt>...</dt> <dd></dd> </dl> 三、表格 <table> <tr> <td>...</td> </tr> </table> table标签:代表表格 tr标签:代表一行 注:只有单元格才能放东西,其他的不能放任何元素 thead标签:表格的头部 tbody标签:表格的内容 tfoot标签:表格的尾部 caption标签:表格的标题 boder属性:表格的边框 width属性:宽度 height属性:高度 align属性:对齐方式,取值:左、中、右 cellspacing属性:单元格与单元格之间的间隙 外边距 cellpadding属性:单元格与内容之间的间隙 内边距 bgcolor属性:表格背景颜色 colspan属性:列合并 rowspan属性:行合并 四、表单 表单:把客户端页面数据提交给服务器端<form></form> 格式:<form action="" method="" type=""> <input /> </form> form:表单标签 action属性:提交到服务器端的地址 method属性:提交方式,取值:get 默认 post input标签:表单元素 type属性:定义表单中的元素类型,取值如下: text 文本输入框 默认 password 密码框 radio 单选框 必须每个单选框name属性相同 chackbox 复选框 必须每个复选框name属性相同 submit 提交按钮 会提交表单 reset 重置按钮 会重置表单 button 普通按钮 image 图片按钮 会提交表单 hidden 隐藏域 file 文件上传 name属性:元素的名称 服务器端是通过name属性获取input框的值 value属性:元素的值 readonly属性:只读 会传输到服务器 disabled属性:禁用 不会传输到服务器 maxlength属性:最大输入字符个数 placeholder属性:提示语 checked属性:是否选中 select标签:下拉列表 size属性:显示下拉列表中几个值 multicol标签:可以选中多个选项 option标签:下拉列表中的选项 格式:<select> <option>...</option> </s/elect> textarea标签:文本区域框 rows属性:行数 cols属性:列数 URL与参数用?连接 参数与参数之间用&
现在要实现更新功能,怎么将本页面的值带到另外一个新的页面??急急急。。。求大神指点。。
![图片说明](https://img-ask.csdn.net/upload/201712/28/1514441917_897811.png) ![图片说明](https://img-ask.csdn.net/upload/201712/28/1514442367_525718.png) ![图片说明](https://img-ask.csdn.net/upload/201712/28/1514442379_890612.png) ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>炼钢成分分析</title> <meta charset="utf-8"> <title>炼钢成分分析</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/bootstrap.min.css"> <script src="js/bootstrap.min.js"></script> <script src="js/jquery-3.2.1.min.js"></script> <style> body { position: relative; } #section1 {padding-top:50px;height:700px;color: black; background-color: white;} #section2 {padding-top:50px;height:500px;color: black; background-color: white;} </style> <script type="text/javascript"> //出现本页面数据就同步显示在表格中 $(function(){ TSM_QPM_Q001(); }); //进行一个函数的调用 function TSM_QPM_Q001(){ $.ajax({ url:"http://localhost:8080/MESS/getData", type:"get", datatype:"json", success:function(res){ var htmlStr =''; for(var i=0;i < res.length;i++){ var plo = res[i].proNo; //var wkStationNo = res[i].wkStationNo; htmlStr += '<tr id="myLine_'+res[i].proNo+'">'; htmlStr += '<td><input type="checkbox" id="TQQ" name="chkItem" value ="'+plo+'"></td>'; htmlStr += '<td>'+res[i].proNo+'</td>'; htmlStr += '<td>'+res[i].wkStationNo+'</td>'; htmlStr += '<td>'+res[i].stGrdNo+'</td>'; htmlStr += '<td>'+res[i].cItemName+'</td>'; htmlStr += '<td>'+res[i].cItemValue+'</td>'; htmlStr += '<td>'+res[i].wkGroup+'</td>'; htmlStr += '<td>'+res[i].wkShift+'</td>'; htmlStr += '<td>'+res[i].delFlage+'</td>'; htmlStr += '<td>'+res[i].c_memd+'</td>'; htmlStr += '<td>'+res[i].c_delsapman+'</td>'; htmlStr += '<td>'+res[i].cDelsapdate+'</td>'; htmlStr += '<td>'+res[i].cTimestamp+'</td>'; htmlStr += '<td>'+res[i].cSampleTime+'</td>'; htmlStr += '<td>'+res[i].cSw01+'</td>'; htmlStr += '<td>'+res[i].cMin+'</td>'; htmlStr += '<td>'+res[i].cMax+'</td>'; htmlStr += '<td>'+res[i].l_interval+'</td>'; htmlStr += '<td>'+res[i].r_interval+'</td>'; //htmlStr += '<a href="javascript:del('+res[i].id+')">删除</a>'; htmlStr += '</tr>'; } $("#myLine").html(htmlStr); }, error:function(){ alert("出错了!"); } }); } //删除功能 $(function(){ var del; $("#dell").click(function(){ $("input:checkbox:checked").each(function(index,element){ del = $("input:checkbox[name='chkItem']:checked").map(function(index,elem) { return $(elem).val(); }).get().join(','); }) alert(del); $.ajax({ url:"http://localhost:8080/MESS/Q001_del_delete", type:"post", dataType:"json", data:{"proNo":del}, success:function(rs){ if(rs.status == 0){ alert(rs.msg); //为什么就是隐藏不了呢? $("input:checkbox:checked").hide() TSM_QPM_Q001(); }else{ alert(rs.msg); TSM_QPM_Q001(); } }, error:function(){ alert("删除加载失败 "); } }); }); }); </script> </head> <body data-spy="scroll" data-target=".navbar" data-offset="50"> <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container-fluid"> <div> <div class="collapse navbar-collapse dropdown" id="myNavbar"> <ul class="nav navbar-nav"> <li><a href="#section1">氩站监控图</a></li> <li><a href="#section2">吹氩实绩</a></li> <li><a href="#section3">吹氩运转</a></li> </ul> </div> </div> </div> </nav> <div id="section2" class="container-fluid"> <h1 class="bg-info text-muted">吹氩实绩</h1> <div class="row clearfix"> <div class="col-md-12 column"> <div class="row clearfix"> <div class="col-md-12 column"> <div style="display:inline-block;"> <a href="TiaoJianselect.jsp"><button class="btn btn-primary btn-lg btn-sm" data-toggle="modal" data-target="#update_CR" id="CHAXUN">查询</button></a> <a href="addTSM_QPM_Q001.jsp"><button class="btn btn-primary btn-lg btn-sm" data-toggle="modal" data-target="#update_CR">添加</button></a> <button class="btn btn-primary btn-lg btn-sm" data-toggle="modal" data-target="#update_CR" id="dell">删除</button> <a href="update.jsp?proNo=res[i].proNo"><button class="btn btn-primary btn-lg btn-sm" data-toggle="modal" data-target="#update_CR" id="updateCR">修改</button></a> </div> </div> </div> <h3 class="bg-info text-muted">炼钢成分标准表</h3> <div style="height:280px;border:1px solid green; overflow:auto;"> <table class="table table-condensed table-hover table-bordered table-responsive text-center"> <thead> <tr> <th>操作</th> <th>工序号</th> <th>作业站号</th> <th>钢种号</th> <th>检验项目名称</th> <th>检验值</th> <th>班组</th> <th>班次</th> <th>删除标识</th> <th>备注</th> <th>删除人</th> <th>删除时间</th> <th>时间戳</th> <th>取样时间</th> <th>扩展字段</th> <th>最小值</th> <th>最大值</th> <th>左区间</th> <th>右区间</th> </tr> </thead> <tbody id="myLine"> <!-- <tr> <td><input type="button" value="删除" onclick=""><input type="button" value="修改" onclick=""></td> </tr> --> </tbody> </table> </div> </div> </div> </body> </html> ``` 如本图,我要实现一个修改功能,所以需要将选中复选框的这一行数据在另外一个页面显示出来,但是我现在的问题是想上述的代码中我这个修改的按钮所携带的数据在另一个页面上是无效的。。。。怎么将这个页面的数据带到另外一个页面?? 先在携带的数据是在上面的ajax里面获取的数据好像没有获取到。。。
求JQ或JS仿京东淘宝属性规格SKU样式
把这个修改成属性值可以在input-text区自定义,删除自定义的值后自动恢复初始属性值。如图所示功能:![图片说明](https://img-ask.csdn.net/upload/201608/13/1471094693_376707.png) ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>生成表格</title> <link rel="stylesheet" type="text/css" href="css/table.css"> <style type="text/css"> .hide {display: none;} .mt10 {margin-top: 10px;} .control-group {overflow: hidden;} .control-group a {color: #666;text-decoration: none;} .control-group a:hover {text-decoration: underline;} .control-label {float: left;width: 100px;line-height: 24px;} .controls {overflow: hidden;} .controls input[type="text"] {border: 1px solid #ddd;height: 20px;width: 120px;} .controls input[type="button"] {margin-top: 10px;height: 32px;cursor: pointer;} .config_item {margin-top: 10px;border: 1px dashed #ddd;padding: 10px;} .config_item section {margin-top: 10px;} .config_item section span {margin-right: 16px;} .config_item input[type="text"] {width: 80px;text-align: center;} .choose_config .Father_Title {margin: 0;margin-bottom: 10px;padding: 0;font-size: 16px;font-weight: normal;display: inline-block;vertical-align: middle;} .choose_config .Father_Item {padding: 0;margin: 0;margin-bottom: 10px;list-style: none;display: inline-block;vertical-align: middle;} .choose_config .Father_Item li {display: inline-block;margin-right: 10px;} .columnList {border-collapse: collapse;} .columnList th {background-color: #eee;} .columnList th,.columnList td {padding: 5px 10px;border: 1px solid #ddd;line-height: 24px;text-align: center;} </style> </head> <body> <!-- 选择信息 --> <div class="control-group choose_config"> <div class="control-label">选择信息:</div> <div class="controls"> <h3 class="Father_Title">颜色:</h3> <ul class="Father_Item Father_Item0"> <li><label><input id="Checkbox0" type="checkbox" class="checkbox check_all" value="全选">全选</label></li> <li><label><input id="Checkbox0" type="checkbox" class="checkbox check_item" value="红色">红色</label></li> <li><label><input id="Checkbox0" type="checkbox" class="checkbox check_item" value="白色">白色</label></li> <li><label><input id="Checkbox0" type="checkbox" class="checkbox check_item" value="土豪金">土豪金</label></li> </ul><br> <h3 class="Father_Title">内存:</h3> <ul class="Father_Item Father_Item1"> <li><label><input id="Checkbox0" type="checkbox" class="checkbox check_all" value="全选">全选</label></li> <li><label><input id="Checkbox1" type="checkbox" class="checkbox check_item" value="32G">32G</label></li> <li><label><input id="Checkbox1" type="checkbox" class="checkbox check_item" value="16G">16G</label></li> </ul><br> <h3 class="Father_Title">尺寸:</h3> <ul class="Father_Item Father_Item2"> <li><label><input id="Checkbox0" type="checkbox" class="checkbox check_all" value="全选">全选</label></li> <li><label><input id="Checkbox2" type="checkbox" class="checkbox check_item" value="5.5">5.5</label></li> <li><label><input id="Checkbox2" type="checkbox" class="checkbox check_item" value="4.5">4.5</label></li> <li><label><input id="Checkbox2" type="checkbox" class="checkbox check_item" value="3.5">3.5</label></li> </ul><br> </div> </div> <!-- 生成表格 --> <div class="control-group mt10"> <div class="control-label">生成表格:</div> <div class="controls" id="createTable"> </div> </div> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> /** * Created by Administrator on 14-12-01. * 模拟淘宝SKU添加组合 * 页面注意事项: * 1、 .Father_Title 这个类作用是取到所有标题的值,赋给表格,如有改变JS也应相应改动 * 2、 .Father_Item 这个类作用是取类型组数,有多少类型就添加相应的类名:如: Father_Item1、Father_Item2、Father_Item3 ... */ $(function() { $(document).on('change', '.choose_config label', function() { var parent=$(this).parents('.Father_Item'); var _this=$('.checkbox',this); // 是否全选 $('.checkbox',parent).each(function() { var bCheck2=true; if (_this.hasClass('check_all')) { if (_this.get(0).checked) { bCheck2=true; $('.check_item',parent).prop('checked', bCheck2); }else{ bCheck2=false; $('.check_item',parent).prop('checked', bCheck2); } return false; } else { if ((!this.checked)&&(!$(this).hasClass('check_all'))) { bCheck2 = false; $('.check_all',parent).prop('checked', bCheck2); return false; } } $('.check_all',parent).prop('checked', bCheck2); }); step.Creat_Table(); }); var step = { // 信息组合 Creat_Table: function() { step.hebingFunction(); var SKUObj = $('.Father_Title'); var arrayTile = new Array(); // 表格标题数组 var arrayInfor = new Array(); // 盛放每组选中的CheckBox值的对象 var arrayColumn = new Array(); // 指定列,用来合并哪些列 var bCheck = true; // 是否全选,只有全选,表格才会生成 var columnIndex = 0; $.each(SKUObj, function(i, item) { arrayColumn.push(columnIndex++); arrayTile.push(SKUObj.eq(i).text().replace(':', '')); var itemName = '.Father_Item' + i; var bCheck2 = true; // 是否全选 // 获取选中的checkbox的值 var order = new Array(); $(itemName + ' .check_item:checked').each(function() { order.push($(this).val()); }); arrayInfor.push(order); if (order.join() == '') { bCheck = false; } }) // 开始生成表格 if (bCheck) { $('#createTable').html(''); var table = $('<table id="process" class="columnList"></table>'); table.appendTo($('#createTable')); var thead = $('<thead></thead>'); thead.appendTo(table); var trHead = $('<tr></tr>'); trHead.appendTo(thead); // 创建表头 var str = ''; $.each(arrayTile, function(index, item) { str += '<th width="100">' + item + '</th>'; }) str += '<th width="200">价格</th><th width="100">操作</th>'; trHead.append(str); var tbody = $('<tbody></tbody>'); tbody.appendTo(table); var zuheDate = step.doExchange(arrayInfor); if (zuheDate.length > 0) { //创建行 $.each(zuheDate, function(index, item) { var td_array = item.split(','); var tr = $('<tr></tr>'); tr.appendTo(tbody); var str = ''; $.each(td_array, function(i, values) { str += '<td>' + values + '</td>'; }); str += '<td ><input name="Txt_PriceSon" class="inpbox inpbox-mini" type="text"></td>'; str += '<td ><a href="#">删除</a></td>'; tr.append(str); }); } //结束创建Table表 arrayColumn.pop(); //删除数组中最后一项 //合并单元格 $(table).mergeCell({ // 目前只有cols这么一个配置项, 用数组表示列的索引,从0开始 cols: arrayColumn }); } else { //未全选中,清除表格 document.getElementById('createTable').innerHTML = ""; } }, hebingFunction: function() { $.fn.mergeCell = function(options) { return this.each(function() { var cols = options.cols; for (var i = cols.length - 1; cols[i] != undefined; i--) { mergeCell($(this), cols[i]); } dispose($(this)); }) }; function mergeCell($table, colIndex) { $table.data('col-content', ''); // 存放单元格内容 $table.data('col-rowspan', 1); // 存放计算的rowspan值 默认为1 $table.data('col-td', $()); // 存放发现的第一个与前一行比较结果不同td(jQuery封装过的), 默认一个"空"的jquery对象 $table.data('trNum', $('tbody tr', $table).length); // 要处理表格的总行数, 用于最后一行做特殊处理时进行判断之用 // 进行"扫面"处理 关键是定位col-td, 和其对应的rowspan $('tbody tr', $table).each(function(index) { // td:eq中的colIndex即列索引 var $td = $('td:eq(' + colIndex + ')', this); // 获取单元格的当前内容 var currentContent = $td.html(); // 第一次时走次分支 if ($table.data('col-content') == '') { $table.data('col-content', currentContent); $table.data('col-td', $td); } else { // 上一行与当前行内容相同 if ($table.data('col-content') == currentContent) { // 上一行与当前行内容相同则col-rowspan累加, 保存新值 var rowspan = $table.data('col-rowspan') + 1; $table.data('col-rowspan', rowspan); // 值得注意的是 如果用了$td.remove()就会对其他列的处理造成影响 $td.hide(); // 最后一行的情况比较特殊一点 // 比如最后2行 td中的内容是一样的, 那么到最后一行就应该把此时的col-td里保存的td设置rowspan // 最后一行不会向下判断是否有不同的内容 if (++index == $table.data('trNum')) $table.data('col-td').attr('rowspan', $table.data('col-rowspan')); } // 上一行与当前行内容不同 else { // col-rowspan默认为1, 如果统计出的col-rowspan没有变化, 不处理 if ($table.data('col-rowspan') != 1) { $table.data('col-td').attr('rowspan', $table.data('col-rowspan')); } // 保存第一次出现不同内容的td, 和其内容, 重置col-rowspan $table.data('col-td', $td); $table.data('col-content', $td.html()); $table.data('col-rowspan', 1); } } }) } // 同样是个private函数 清理内存之用 function dispose($table) { $table.removeData(); } }, doExchange: function(doubleArrays) { // 二维数组,最先两个数组组合成一个数组,与后边的数组组成新的数组,依次类推,知道二维数组变成以为数组,所有数据两两组合 var len = doubleArrays.length; if (len >= 2) { var arr1 = doubleArrays[0]; var arr2 = doubleArrays[1]; var len1 = arr1.length; var len2 = arr2.length; var newLen = len1 * len2; var temp = new Array(newLen); var index = 0; for (var i = 0; i < len1; i++) { for (var j = 0; j < len2; j++) { temp[index++] = arr1[i] + ',' + arr2[j]; } } var newArray = new Array(len - 1); newArray[0] = temp; if (len > 2) { var _count = 1; for (var i = 2; i < len; i++) { newArray[_count++] = doubleArrays[i]; } } return step.doExchange(newArray); } else { return doubleArrays[0]; } } } }) </script> </body> </html> ``` ``` ```
jquery初学,获取button失败,name属性获取不到对象,各位大神来看下,帮忙解决!!!
这是我的代码(一个简单的jquery的测试): <br /> <br />&lt;%@ page language="java" import="java.util.*" pageEncoding="utf-8"%&gt; <br />&lt;% <br />String path = request.getContextPath(); <br />String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; <br />%&gt; <br /> <br />&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; <br />&lt;html&gt; <br />&nbsp; &lt;head&gt; <br />&nbsp;&nbsp;&nbsp; &lt;base href="&lt;%=basePath%&gt;"&gt; <br />&nbsp;&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp; &lt;title&gt;My first jquery test project&lt;/title&gt; <br />&nbsp;&nbsp;&nbsp; <br /> &lt;meta http-equiv="pragma" content="no-cache"&gt; <br /> &lt;meta http-equiv="cache-control" content="no-cache"&gt; <br /> &lt;meta http-equiv="expires" content="0"&gt;&nbsp;&nbsp;&nbsp; <br /> &lt;meta http-equiv="keywords" content="keyword1,keyword2,keyword3"&gt; <br /> &lt;meta http-equiv="description" content="This is my page"&gt; <br /> &lt;!-- <br /> &lt;link rel="stylesheet" type="text/css" href="styles.css"&gt; <br /> --&gt; <br /> &lt;script type="text/javascript" src="jquery-latest.js"&gt;&lt;/script&gt; <br /> &lt;script type="text/javascript"&gt; <br /> /* <br /> $()jquery的选择器,创建一个jquery对象,click触发事件,调用js方法function <br /> */ <br /> $(document).ready(function(){ <br /> $("a").click(function(){ <br /> alert("Hello World!"); <br /> }); <br /> /*加CSS样式。。。未遂 <br /> &nbsp; 选择方式#类似于css样式选择器! <br /> &nbsp; 这里的red为已经定义好的css样式类名 <br /> */ <br /> $("#orderUl li:even").addClass("red"); <br /> <br /> /*鼠标覆盖触发事件*/ <br /> $("#orderUl li:last").hover(function(){ <br /> $(this).addClass("green"); <br /> },function(){ <br /> $(this).removeClass("green"); <br /> }); <br /> <br /> /*find寻找当前标签的子标签,each遍历所有选中的子标签触发事件 <br /> html()是为了获取每个li的html文本,而设置li的html文本是在本身html文本的基础上追加内容! <br /> .html()是获取文本,而.html("xxxxxxxxxxxx")是为了赋值!!! <br /> <br /> */ <br /> $("#firstUl").find("li").each(function(i){ <br /> $(this).html($(this).html()+"I don't understand!&nbsp; "+i); <br /> }); <br /> /*测试$(this).html的含义*/ <br /> $("#secondUl").find("li").eack(function(i){ <br /> $(this).html("这是何解?"); <br /> }); <br /> <br /> /*在没有jquery覆盖的dom对象上加call方法,不甚明白!!!???*/ <br /> $("button#Cr").click(function(){ <br /> alert("-------------"); <br /> $("#myform")[0].reset(); <br /> }); <br /> <br /> /*实在不知道什么原因,找个button测试下*/ <br /> $("button#testButton").click(function(){ <br /> alert("这是为什么呢?"); <br /> }); <br /> <br /> /*filter()和not() <br /> 键→值 <br /> */ <br /> $("li").not("[ul]").css("border","1px solid black").css("color","blue"); <br /> <br /> $("a[@name]").background("green"); <br /> <br /> }); <br /> &lt;/script&gt; <br /> &lt;script type="text/javascript"&gt; <br /> function nan(){ <br /> alert("2222"); <br /> } <br /> &lt;/script&gt; <br /> &lt;style type="text/css"&gt; <br /> .red{ <br /> background-color:red; <br /> } <br /> .green{ <br /> background-color:green; <br /> } <br /> &lt;/style&gt; <br /> <br />&nbsp; &lt;/head&gt; <br />&nbsp; <br />&nbsp; &lt;body style="text-align:center;"&gt; <br />&nbsp;&nbsp;&nbsp; &lt;a href="#"&gt;弹出Hello World!&lt;/a&gt; <br />&nbsp;&nbsp;&nbsp; &lt;br/&gt; <br />&nbsp;&nbsp;&nbsp; &lt;a name="a1" href="#"&gt;弹出Hello World!&lt;/a&gt; <br />&nbsp;&nbsp;&nbsp; &lt;br/&gt; <br />&nbsp;&nbsp;&nbsp; &lt;a href="#"&gt;弹出Hello World!&lt;/a&gt; <br />&nbsp;&nbsp;&nbsp; &lt;br/&gt; <br />&nbsp;&nbsp;&nbsp; &lt;ul id="orderUl"&gt; <br />&nbsp;&nbsp;&nbsp; &lt;li&gt;背景颜色为红色!!!&lt;/li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;li&gt;背景颜色为红色!!!&lt;/li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;li&gt;背景颜色为红色!!!&lt;/li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;/ul&gt; <br />&nbsp;&nbsp;&nbsp; &lt;br/&gt; <br />&nbsp;&nbsp;&nbsp; &lt;ul id="firstUl"&gt; <br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;/ul&gt; <br />&nbsp;&nbsp;&nbsp; &lt;br/&gt; <br />&nbsp;&nbsp;&nbsp; &lt;ul id="secondUl"&gt; <br />&nbsp;&nbsp;&nbsp; &lt;li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;ul&gt; <br />&nbsp;&nbsp;&nbsp; &lt;li&gt;111111111111&lt;/li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;li&gt;111111111111&lt;/li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;li&gt;111111111111&lt;/li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;/ul&gt; <br />&nbsp;&nbsp;&nbsp; &lt;/li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;li&gt;222222222222&lt;/li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;li&gt;222222222222&lt;/li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;/ul&gt; <br />&nbsp;&nbsp;&nbsp; &lt;br/&gt; <br />&nbsp;&nbsp;&nbsp; &lt;form id="myform" action="" method="post"&gt; <br /> &nbsp;&nbsp;&nbsp; &lt;table&gt; <br /> &nbsp;&nbsp;&nbsp; &lt;tr&gt; <br /> &nbsp;&nbsp;&nbsp; &lt;td&gt; <br /> &lt;input type="text"/&gt; <br /> &lt;/td&gt; <br /> &nbsp;&nbsp;&nbsp; &lt;/tr&gt; <br /> &nbsp;&nbsp;&nbsp; &lt;tr&gt; <br /> &nbsp;&nbsp;&nbsp; &lt;td&gt; <br /> &nbsp;&nbsp;&nbsp; &lt;input id="Cr" type="button" value="清&nbsp; 空" /&gt; <br /> &nbsp;&nbsp;&nbsp; &lt;/td&gt; <br /> &nbsp;&nbsp;&nbsp; &lt;/tr&gt; <br /> &nbsp;&nbsp;&nbsp; &lt;/table&gt; <br /> &lt;/form&gt; <br /> &lt;br/&gt; <br /> &lt;input type="button" value="测&nbsp; 试" id="testButton" name="testButton"/&gt; <br />&nbsp; &lt;/body&gt; <br />&lt;/html&gt; <br /> <br /> <br />为什么我的button不能触发事件,并且按个跟name属性获得对象的方法也不行啊,帮帮我。。。谢谢啦<br/><strong>问题补充</strong><br/><div class="quote_title">2008shucheng 写道</div><div class="quote_div">$("button[name='testButton']").click(function(){ <br /> alert("弹出来了!"); <br />});</div> <br />我的好像还是不行,是不是前边某一行出问题了,就不向下走了啊?这个button#id的形式不对吗?<br/><strong>问题补充</strong><br/><div class="quote_title">風一樣的男子 写道</div><div class="quote_div"><div class="quote_title">chenkuntian 写道</div><div class="quote_div"><div class="quote_title">2008shucheng 写道</div><div class="quote_div">$("button[name='testButton']").click(function(){ <br /> alert("弹出来了!"); <br />});</div> <br />我的好像还是不行,是不是前边某一行出问题了,就不向下走了啊?这个button#id的形式不对吗?</div> <br /><pre name="code" class="javascript"> $("input[name='testButton']").bind('click',function(){alert("弹出来了!");}); </pre></div> <br />我的那个$(标签名[属性名]);类似的方法都不能用啊,为什么啊?这个与浏览器有关系吗?<br/><strong>问题补充</strong><br/><div class="quote_title">chenkuntian 写道</div><div class="quote_div"><div class="quote_title">風一樣的男子 写道</div><div class="quote_div"><div class="quote_title">chenkuntian 写道</div><div class="quote_div"><div class="quote_title">2008shucheng 写道</div><div class="quote_div">$("button[name='testButton']").click(function(){ <br /> alert("弹出来了!"); <br />});</div> <br />我的好像还是不行,是不是前边某一行出问题了,就不向下走了啊?这个button#id的形式不对吗?</div> <br /><pre name="code" class="javascript"> $("input[name='testButton']").bind('click',function(){alert("弹出来了!");}); </pre></div> <br />我的那个$(标签名[属性名]);类似的方法都不能用啊,为什么啊?这个与浏览器有关系吗?</div> <br />我用这种方法可以了:$(标签名[@属性名]);为什么啊?是不是和浏览器版本有关?还是和jquery版本有关啊?
asp.net webuploader多图片上传并保存文件路径到数据库
![图片说明](https://img-ask.csdn.net/upload/201906/22/1561187942_114655.jpg) 要做一个滚动窗功能,使用webuploader插件 不知道在哪获取文件路径,保存到数据库里 上传的upload.js ``` (function( $ ){ // 当domReady的时候开始初始化 $(function() { var $wrap = $('.uploader-list-container'), // 图片容器 $queue = $( '<ul class="filelist"></ul>' ) .appendTo( $wrap.find( '.queueList' ) ), // 状态栏,包括进度和控制按钮 $statusBar = $wrap.find( '.statusBar' ), // 文件总体选择信息。 $info = $statusBar.find( '.info' ), // 上传按钮 $upload = $wrap.find( '.uploadBtn' ), // 没选择文件之前的内容。 $placeHolder = $wrap.find( '.placeholder' ), $progress = $statusBar.find( '.progress' ).hide(), // 添加的文件数量 fileCount = 0, // 添加的文件总大小 fileSize = 0, // 优化retina, 在retina下这个值是2 ratio = window.devicePixelRatio || 1, // 缩略图大小 thumbnailWidth = 110 * ratio, thumbnailHeight = 110 * ratio, // 可能有pedding, ready, uploading, confirm, done. state = 'pedding', // 所有文件的进度信息,key为file id percentages = {}, // 判断浏览器是否支持图片的base64 isSupportBase64 = ( function() { var data = new Image(); var support = true; data.onload = data.onerror = function() { if( this.width != 1 || this.height != 1 ) { support = false; } } data.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="; return support; } )(), // 检测是否已经安装flash,检测flash的版本 flashVersion = ( function() { var version; try { version = navigator.plugins[ 'Shockwave Flash' ]; version = version.description; } catch ( ex ) { try { version = new ActiveXObject('ShockwaveFlash.ShockwaveFlash') .GetVariable('$version'); } catch ( ex2 ) { version = '0.0'; } } version = version.match( /\d+/g ); return parseFloat( version[ 0 ] + '.' + version[ 1 ], 10 ); } )(), supportTransition = (function(){ var s = document.createElement('p').style, r = 'transition' in s || 'WebkitTransition' in s || 'MozTransition' in s || 'msTransition' in s || 'OTransition' in s; s = null; return r; })(), // WebUploader实例 uploader; if ( !WebUploader.Uploader.support('flash') && WebUploader.browser.ie ) { // flash 安装了但是版本过低。 if (flashVersion) { (function(container) { window['expressinstallcallback'] = function( state ) { switch(state) { case 'Download.Cancelled': alert('您取消了更新!') break; case 'Download.Failed': alert('安装失败') break; default: alert('安装已成功,请刷新!'); break; } delete window['expressinstallcallback']; }; var swf = 'expressInstall.swf'; // insert flash object var html = '<object type="application/' + 'x-shockwave-flash" data="' + swf + '" '; if (WebUploader.browser.ie) { html += 'classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" '; } html += 'width="100%" height="100%" style="outline:0">' + '<param name="movie" value="' + swf + '" />' + '<param name="wmode" value="transparent" />' + '<param name="allowscriptaccess" value="always" />' + '</object>'; container.html(html); })($wrap); // 压根就没有安转。 } else { $wrap.html('<a href="http://www.adobe.com/go/getflashplayer" target="_blank" border="0"><img alt="get flash player" src="http://www.adobe.com/macromedia/style_guide/images/160x41_Get_Flash_Player.jpg" /></a>'); } return; } else if (!WebUploader.Uploader.support()) { alert( 'Web Uploader 不支持您的浏览器!'); return; } // 实例化 uploader = WebUploader.create({ pick: { id: '#filePicker-2', label: '点击选择图片' }, formData: { uid: 123 }, dnd: '#dndArea', paste: '#uploader', swf: '../Uploader.swf', chunked: false, chunkSize: 512 * 1024, server: './Ajax/UpLoad.ashx', // runtimeOrder: 'flash', accept: { title: 'Images', extensions: 'gif,jpg,jpeg,bmp,png', mimeTypes: 'image/*' }, // 禁掉全局的拖拽功能。这样不会出现图片拖进页面的时候,把图片打开。 disableGlobalDnd: true, fileNumLimit: 300, fileSizeLimit: 200 * 1024 * 1024, // 200 M fileSingleSizeLimit: 50 * 1024 * 1024 // 50 M }); // 拖拽时不接受 js, txt 文件。 uploader.on( 'dndAccept', function( items ) { var denied = false, len = items.length, i = 0, // 修改js类型 unAllowed = 'text/plain;application/javascript '; for ( ; i < len; i++ ) { // 如果在列表里面 if ( ~unAllowed.indexOf( items[ i ].type ) ) { denied = true; break; } } return !denied; }); uploader.on('dialogOpen', function() { console.log('here'); }); // uploader.on('filesQueued', function() { // uploader.sort(function( a, b ) { // if ( a.name < b.name ) // return -1; // if ( a.name > b.name ) // return 1; // return 0; // }); // }); // 添加“添加文件”的按钮, uploader.addButton({ id: '#filePicker2', label: '继续添加' }); uploader.on('ready', function() { window.uploader = uploader; }); // 当有文件添加进来时执行,负责view的创建 function addFile(file) { alert(file.name); var $li = $( '<li id="' + file.id + '">' + '<p class="title">' + file.name + '</p>' + '<p class="imgWrap"></p>'+ '<p class="progress"><span></span></p>' + '</li>' ), $btns = $('<div class="file-panel">' + '<span class="cancel">删除</span>' + '<span class="rotateRight">向右旋转</span>' + '<span class="rotateLeft">向左旋转</span></div>').appendTo( $li ), $prgress = $li.find('p.progress span'), $wrap = $li.find( 'p.imgWrap' ), $info = $('<p class="error"></p>'), showError = function( code ) { switch( code ) { case 'exceed_size': text = '文件大小超出'; break; case 'interrupt': text = '上传暂停'; break; default: text = '上传失败,请重试'; break; } $info.text( text ).appendTo( $li ); }; if ( file.getStatus() === 'invalid' ) { showError( file.statusText ); } else { // @todo lazyload $wrap.text( '预览中' ); uploader.makeThumb( file, function( error, src ) { var img; if ( error ) { $wrap.text( '不能预览' ); return; } if( isSupportBase64 ) { img = $('<img src="'+src+'">'); $wrap.empty().append( img ); } else { $.ajax('../server/preview.php', { method: 'POST', data: src, dataType:'json' }).done(function( response ) { if (response.result) { img = $('<img src="'+response.result+'">'); $wrap.empty().append( img ); } else { $wrap.text("预览出错"); } }); } }, thumbnailWidth, thumbnailHeight ); percentages[ file.id ] = [ file.size, 0 ]; file.rotation = 0; } file.on('statuschange', function( cur, prev ) { if ( prev === 'progress' ) { $prgress.hide().width(0); } else if ( prev === 'queued' ) { $li.off( 'mouseenter mouseleave' ); $btns.remove(); } // 成功 if ( cur === 'error' || cur === 'invalid' ) { console.log( file.statusText ); showError( file.statusText ); percentages[ file.id ][ 1 ] = 1; } else if ( cur === 'interrupt' ) { showError( 'interrupt' ); } else if ( cur === 'queued' ) { percentages[ file.id ][ 1 ] = 0; } else if ( cur === 'progress' ) { $info.remove(); $prgress.css('display', 'block'); } else if ( cur === 'complete' ) { $li.append( '<span class="success"></span>' ); } $li.removeClass( 'state-' + prev ).addClass( 'state-' + cur ); }); $li.on( 'mouseenter', function() { $btns.stop().animate({height: 30}); }); $li.on( 'mouseleave', function() { $btns.stop().animate({height: 0}); }); $btns.on( 'click', 'span', function() { var index = $(this).index(), deg; switch ( index ) { case 0: uploader.removeFile( file ); return; case 1: file.rotation += 90; break; case 2: file.rotation -= 90; break; } if ( supportTransition ) { deg = 'rotate(' + file.rotation + 'deg)'; $wrap.css({ '-webkit-transform': deg, '-mos-transform': deg, '-o-transform': deg, 'transform': deg }); } else { $wrap.css( 'filter', 'progid:DXImageTransform.Microsoft.BasicImage(rotation='+ (~~((file.rotation/90)%4 + 4)%4) +')'); // use jquery animate to rotation // $({ // rotation: rotation // }).animate({ // rotation: file.rotation // }, { // easing: 'linear', // step: function( now ) { // now = now * Math.PI / 180; // var cos = Math.cos( now ), // sin = Math.sin( now ); // $wrap.css( 'filter', "progid:DXImageTransform.Microsoft.Matrix(M11=" + cos + ",M12=" + (-sin) + ",M21=" + sin + ",M22=" + cos + ",SizingMethod='auto expand')"); // } // }); } }); $li.appendTo( $queue ); } // 负责view的销毁 function removeFile( file ) { var $li = $('#'+file.id); delete percentages[ file.id ]; updateTotalProgress(); $li.off().find('.file-panel').off().end().remove(); } function updateTotalProgress() { var loaded = 0, total = 0, spans = $progress.children(), percent; $.each( percentages, function( k, v ) { total += v[ 0 ]; loaded += v[ 0 ] * v[ 1 ]; } ); percent = total ? loaded / total : 0; spans.eq( 0 ).text( Math.round( percent * 100 ) + '%' ); spans.eq( 1 ).css( 'width', Math.round( percent * 100 ) + '%' ); updateStatus(); } function updateStatus() { var text = '', stats; if ( state === 'ready' ) { text = '选中' + fileCount + '张图片,共' + WebUploader.formatSize( fileSize ) + '。'; } else if ( state === 'confirm' ) { stats = uploader.getStats(); if ( stats.uploadFailNum ) { text = '已成功上传' + stats.successNum+ '张照片至XX相册,'+ stats.uploadFailNum + '张照片上传失败,<a class="retry" href="#">重新上传</a>失败图片或<a class="ignore" href="#">忽略</a>' } } else { stats = uploader.getStats(); text = '共' + fileCount + '张(' + WebUploader.formatSize( fileSize ) + '),已上传' + stats.successNum + '张'; if ( stats.uploadFailNum ) { text += ',失败' + stats.uploadFailNum + '张'; } } $info.html( text ); } function setState( val ) { var file, stats; if ( val === state ) { return; } $upload.removeClass( 'state-' + state ); $upload.addClass( 'state-' + val ); state = val; switch ( state ) { case 'pedding': $placeHolder.removeClass( 'element-invisible' ); $queue.hide(); $statusBar.addClass( 'element-invisible' ); uploader.refresh(); break; case 'ready': $placeHolder.addClass( 'element-invisible' ); $( '#filePicker2' ).removeClass( 'element-invisible'); $queue.show(); $statusBar.removeClass('element-invisible'); uploader.refresh(); break; case 'uploading': $( '#filePicker2' ).addClass( 'element-invisible' ); $progress.show(); $upload.text( '暂停上传' ); break; case 'paused': $progress.show(); $upload.text( '继续上传' ); break; case 'confirm': $progress.hide(); $( '#filePicker2' ).removeClass( 'element-invisible' ); $upload.text( '开始上传' ); stats = uploader.getStats(); if ( stats.successNum && !stats.uploadFailNum ) { setState( 'finish' ); return; } break; case 'finish': stats = uploader.getStats(); if ( stats.successNum ) { alert( '上传成功' ); } else { // 没有成功的图片,重设 state = 'done'; location.reload(); } break; } updateStatus(); } uploader.onUploadProgress = function( file, percentage ) { var $li = $('#'+file.id), $percent = $li.find('.progress span'); $percent.css( 'width', percentage * 100 + '%' ); percentages[ file.id ][ 1 ] = percentage; updateTotalProgress(); }; uploader.onFileQueued = function( file ) { fileCount++; fileSize += file.size; if ( fileCount === 1 ) { $placeHolder.addClass( 'element-invisible' ); $statusBar.show(); } addFile( file ); setState( 'ready' ); updateTotalProgress(); }; uploader.onFileDequeued = function( file ) { fileCount--; fileSize -= file.size; if ( !fileCount ) { setState( 'pedding' ); } removeFile( file ); updateTotalProgress(); }; uploader.on( 'all', function( type ) { var stats; switch( type ) { case 'uploadFinished': setState( 'confirm' ); break; case 'startUpload': setState( 'uploading' ); break; case 'stopUpload': setState( 'paused' ); break; } }); uploader.onError = function( code ) { alert( 'Eroor: ' + code ); }; $upload.on('click', function() { if ( $(this).hasClass( 'disabled' ) ) { return false; } if ( state === 'ready' ) { uploader.upload(); } else if ( state === 'paused' ) { uploader.upload(); } else if ( state === 'uploading' ) { uploader.stop(); } }); $info.on( 'click', '.retry', function() { uploader.retry(); } ); $info.on( 'click', '.ignore', function() { alert( 'todo' ); } ); $upload.addClass( 'state-' + state ); updateTotalProgress(); }); })( jQuery ); ``` ashx文件 ``` <%@ WebHandler Language="C#" Class="Handler" %> using System; using System.Web; using System.IO; using System.Text; public class Handler : IHttpHandler { public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; //指定字符集 context.Response.ContentEncoding = System.Text.Encoding.UTF8; if (context.Request["REQUEST_METHOD"] == "OPTIONS") { context.Response.End(); } SaveFile(); } /// <summary> /// 文件保存操作 /// </summary> /// <param name="basePath"></param> private void SaveFile(string basePath = "~/Upload/Images/") { var name = string.Empty; basePath = (basePath.IndexOf("~") > -1) ? System.Web.HttpContext.Current.Server.MapPath(basePath) : basePath; // basePath = FileHelper.GetUploadPath(); HttpFileCollection files = System.Web.HttpContext.Current.Request.Files; //如果目录不存在,则创建目录 if (!Directory.Exists(basePath)) { Directory.CreateDirectory(basePath); } var suffix = files[0].ContentType.Split('/'); //获取文件格式 var _suffix = suffix[1].Equals("jpeg", StringComparison.CurrentCultureIgnoreCase) ? ".jpg" : suffix[1]; var _temp = System.Web.HttpContext.Current.Request["name"]; //如果不修改文件名,则创建随机文件名 //if (!string.IsNullOrEmpty(_temp)) //{ // name = _temp; //} //else //{ Random rand = new Random(24 * (int)DateTime.Now.Ticks); name = rand.Next() + "." + _suffix; //} //文件保存 var full = basePath + name; files[0].SaveAs(full); var _result = "{\"jsonrpc\" : \"2.0\", \"result\" : null, \"Imgurl\" : \"" + name + "\"}"; System.Web.HttpContext.Current.Response.Write(_result); } public bool IsReusable { get { return false; } } } ```
相见恨晚的超实用网站
相见恨晚的超实用网站 持续更新中。。。
爬虫福利二 之 妹子图网MM批量下载
爬虫福利一:27报网MM批量下载    点击 看了本文,相信大家对爬虫一定会产生强烈的兴趣,激励自己去学习爬虫,在这里提前祝:大家学有所成! 目标网站:妹子图网 环境:Python3.x 相关第三方模块:requests、beautifulsoup4 Re:各位在测试时只需要将代码里的变量 path 指定为你当前系统要保存的路径,使用 python xxx.py 或IDE运行即可。
开源一个功能完整的SpringBoot项目框架
福利来了,给大家带来一个福利。 最近想了解一下有关Spring Boot的开源项目,看了很多开源的框架,大多是一些demo或者是一个未成形的项目,基本功能都不完整,尤其是用户权限和菜单方面几乎没有完整的。 想到我之前做的框架,里面通用模块有:用户模块,权限模块,菜单模块,功能模块也齐全了,每一个功能都是完整的。 打算把这个框架分享出来,供大家使用和学习。 为什么用框架? 框架可以学习整体
小白如何学习java?
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 文章目录一、系统监控1、free命令2、ulimit命令3、top命令4、df命令5、ps命令二、文件操作1、tail命令2、ll -ah三、网络通信1、ne
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入  假设现有4个人
Python 基础(一):入门必备知识
目录1 标识符2 关键字3 引号4 编码5 输入输出6 缩进7 多行8 注释9 数据类型10 运算符10.1 常用运算符10.2 运算符优先级 1 标识符 标识符是编程时使用的名字,用于给变量、函数、语句块等命名,Python 中标识符由字母、数字、下划线组成,不能以数字开头,区分大小写。 以下划线开头的标识符有特殊含义,单下划线开头的标识符,如:_xxx ,表示不能直接访问的类属性,需通过类提供
闲鱼前端基于serverless的一种多端开发解决方案
背景前端的发展太快了,前端框架和技术的发展也层出不穷,还包括不同智能设备的出现,对前端开发同学来说是个很大的跳转,简单列举下:前端框架:vue、react、angular...
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。 1. for - else 什么?不是 if 和 else 才
数据库优化 - SQL优化
前面一篇文章从实例的角度进行数据库优化,通过配置一些参数让数据库性能达到最优。但是一些“不好”的SQL也会导致数据库查询变慢,影响业务流程。本文从SQL角度进行数据库优化,提升SQL运行效率。 判断问题SQL 判断SQL是否有问题时可以通过两个表象进行判断: 系统级别表象 CPU消耗严重 IO等待严重 页面响应时间过长
2019年11月中国编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 c/c++ 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7
通俗易懂地给女朋友讲:线程池的内部原理
餐厅的约会 餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”我楞了一下,心里想女朋友今天是怎么了,怎么突然问出这么专业的问题,但做为一个专业人士在女朋友面前也不能露怯啊,想了一下便说:“我先给你讲讲我前同事老王的故事吧!” 大龄程序员老王 老王是一个已经北漂十多年的程序员,岁数大了,加班加不动了,升迁也无望,于是拿着手里
写了很久,这是一份最适合/贴切普通大众/科班/非科班的『学习路线』
说实话,对于学习路线这种文章我一般是不写的,大家看我的文章也知道,我是很少写建议别人怎么样怎么样的文章,更多的是,写自己的真实经历,然后供大家去参考,这样子,我内心也比较踏实,也不怕误导他人。 但是,最近好多人问我学习路线,而且很多大一大二的,说自己很迷茫,看到我那篇 普普通通,我的三年大学 之后很受激励,觉得自己也能行,(是的,别太浪,你一定能行)希望我能给他个学习路线,说
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹
面试官:你连RESTful都不知道我怎么敢要你?
面试官:了解RESTful吗? 我:听说过。 面试官:那什么是RESTful? 我:就是用起来很规范,挺好的 面试官:是RESTful挺好的,还是自我感觉挺好的 我:都挺好的。 面试官:… 把门关上。 我:… 要干嘛?先关上再说。 面试官:我说出去把门关上。 我:what ?,夺门而去 文章目录01 前言02 RESTful的来源03 RESTful6大原则1. C-S架构2. 无状态3.统一的接
SpringBoot系列之profiles配置多环境用法介绍
SpringBoot系列之profles配置多环境(篇二) 继续上篇博客[SpringBoot系列之profles配置多环境(篇一) ](https://smilenicky.blog.csdn.net/article/details/89792248)之后,继续写一篇博客进行补充
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看
【回炉重造】超详细的Java运算符修炼手册(优秀程序员不得不知道的运算技巧)
前言 这次重学java,才发现以前对运算符的运用只是冰山一角。就好似拥有者一把无比锋利的宝剑,却用来拍核桃... 目录 运算符分类 算数运算符 ~(按位取反) 二进制存放形式、补码、反码 按位取反 "~" 运算符原理 位异或运算(^) 1.不用临时变量交换两个数 2.在成对数中找单独数 3.在单独数中找成对数 位与运算符(&amp;) “与运算”的特殊用途: 按位或运...
SQL-小白最佳入门sql查询一
一 说明 如果是初学者,建议去网上寻找安装Mysql的文章安装,以及使用navicat连接数据库,以后的示例基本是使用mysql数据库管理系统; 二 准备前提 需要建立一张学生表,列分别是id,名称,年龄,学生信息;本示例中文章篇幅原因SQL注释略; 建表语句: CREATE TABLE `student` ( `id` int(11) NOT NULL AUTO_INCREMENT, `
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // dosho
Qt实用技巧:使用OpenCV库操作摄像头拍照、调节参数和视频录制
若该文为原创文章,未经允许不得转载 原博主博客地址:https://blog.csdn.net/qq21497936 本文章博客地址:https://blog.csdn.net/qq21497936/article/details/102993007 目录 需求 原理 注意 相关博客 Demo:cameraTool v1.0.0 运行效果 下载地址 核心代码 打开摄像头代码 ...
致 Python 初学者
文章目录1. 前言2. 明确学习目标,不急于求成,不好高骛远3. 在开始学习 Python 之前,你需要做一些准备2.1 Python 的各种发行版2.2 安装 Python2.3 选择一款趁手的开发工具3. 习惯使用IDLE,这是学习python最好的方式4. 严格遵从编码规范5. 代码的运行、调试5. 模块管理5.1 同时安装了py2/py35.2 使用Anaconda,或者通过IDE来安装模
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,
程序员:我终于知道post和get的区别
IT界知名的程序员曾说:对于那些月薪三万以下,自称IT工程师的码农们,其实我们从来没有把他们归为我们IT工程师的队伍。他们虽然总是以IT工程师自居,但只是他们一厢情愿罢了。 此话一出,不知激起了多少(码农)程序员的愤怒,却又无可奈何,于是码农问程序员。 码农:你知道get和post请求到底有什么区别? 程序员:你看这篇就知道了。 码农:你月薪三万了? 程序员:嗯。 码农:你是怎么做到的? 程序员:
羞,Java 字符串拼接竟然有这么多姿势
二哥,我今年大二,看你分享的《阿里巴巴 Java 开发手册》上有一段内容说:“循环体内,拼接字符串最好使用 StringBuilder 的 append 方法,而不是 + 号操作符。”到底为什么啊,我平常一直就用的‘+’号操作符啊!二哥有空的时候能否写一篇文章分析一下呢? 就在昨天,一位叫小菜的读者微信我说了上面这段话。 我当时看到这条微信的第一感觉是:小菜你也太菜了吧,这都不知道为啥啊!我估
推荐几款比较实用的工具,网站
1.盘百度PanDownload   这个云盘工具是免费的,可以进行资源搜索,提速(偶尔会抽风......) 不要去某站买付费的......   PanDownload下载地址   2.BeJSON 这是一款拥有各种在线工具的网站,推荐它的主要原因是网站简洁,功能齐全,广告相比其他广告好太多了     bejson网站   3.二维码美化 这个网站的二维码美化很好看,网站界面
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU
Github向左,腾讯向右-IT巨头们的殊途同归
近日世界上最大的开源网站Github,推出手机APP的消息占据了各大科技媒体的头条,我们知道移动端既不合适写代码,也不适合读代码,只能进行点赞和互动,这不禁让整个程序员群体惊呼Github真的要转型同性交友吗? 无独有偶,社交网络巨头腾讯近日重磅开源项目不断,先是物联网操作系统Tencent Tiny OS横空出世,创造了迭代速度与内核精简性的的新高度;后来号称日均处理消息25万亿条的分布式...
程序员把地府后台管理系统做出来了,还有3.0版本!12月7号最新消息:已在开发中有github地址
第一幕:缘起 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员…… 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好,地府都是满格,哈哈!!! 经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下? 而这次,面对这样的需求,这个程序员
相关热词 c#处理浮点数 c# 生成字母数字随机数 c# 动态曲线 控件 c# oracle 开发 c#选择字体大小的控件 c# usb 批量传输 c#10进制转8进制 c#转base64 c# 科学计算 c#下拉列表获取串口
立即提问