js中获取HTML中<li>的内容

一个数组遍历,将值放入

    中,有n个
  • ,每个
  • 中都有一个
    是相同的ID,
    现在我要获取某一个
    的值,怎么做能够将这些
    区别开来?

8个回答

onclik=a(this);

怎么可能会有相同的ID?

注意id要唯一 ,想区分可以直接加一个自增的属性上去就行了 比如dev="1" dev="2",一般用循环的key绑定,再用js获取 $(this).attr("dev");

不能ID重复。。可以给这些li加上一些不同的属性区分开来,比如flag = 'a',每个flag有不同的值

每一组的li标签有它自己的index从0开始

使用class ,document.getElementsByClassName("xx")[n];从0开始,的dom数组
id 是唯一的 ,无论多少个都只能获取到第一个。可以同过class 来获取 ,或者根据第一个dom 和其他的dom 的关系 nextSibling 等关系去获取。
http://www.runoob.com/jsref/dom-obj-document.html

id是不可以重复的吧啊

each循环,不过id不能重复

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
vue.js怎样点击改变li样式并获取到其内容。
用vue框架做一个列表点击改变li的样式并获取到内容然后渲染到<p></p>,该怎么操作? ``` <ul class="menuList"> <li v-for="(site,index) in sites" v-on:click="chooesMenu(index)" :class="{'activeList':Index===index}" >{{site.name}}</li> </ul> ``` 这是Html 。 js: ``` data:{ Index:0,} method:{ chooesMenu:function(index){ this.Index=index; var menuText = index.currentTarget.innerText; console.log(menuText); document.getElementsByClassName("title")[0].innerText = menuText; }, } ``` 这样可以实现点击改变li背景颜色,但是不能获取到内容到p标签。而且会报错,报错如下: ![图片说明](https://img-ask.csdn.net/upload/201908/30/1567131290_560656.png) 麻烦有路过的大神指点指点!
net后台根据ID查找前台HTML控件,li
NET后台根据ID获取html控件,li的方法 前台用ul,li做了一个导航菜单,想在后台根据权限显隐li, 现在想根据id查找li控件,但是现在老是找到空值。我现在的代码: ``` HtmlGenericControl li = (HtmlGenericControl)menu_ul.FindControl(tb_js.Rows[i]["menu_id"].ToString()); li.Visible = true; ``` 请问怎么查找前台HTML控件呢??
在html中 <li class="mui-table-view-cell">使用时间:</li>
``` 在js代码中 var time = localStorage.getItem('time'); time已经获取到了值 我怎么把那个值放到 li标签中去 ```
编程题踩完切到函数题获取html之后为什么不进入第二个for循环直接结束运行了 求救
python代码 ``` from pony.orm import * db = Database() class Tm(db.Entity): id = PrimaryKey(int, auto=True) bh = Optional(str) bt = Optional(str) fs = Optional(int) tgs = Optional(int) tjs = Optional(int) tgl = Optional(str) tmnl = Optional(str) html = Optional(str) tx = Optional(str) xqylj = Optional(str) # db.generate_mapping() db.bind(provider='sqlite', filename='e:/python/Tm.sqlite') db.generate_mapping(create_tables=True) set_sql_debug(True) import time from selenium import webdriver driver = webdriver.Chrome() url = 'https://pintia.cn/problem-sets/1111652100718116864/problems/type/7' driver.get(url) time.sleep(1) html = driver.page_source import re reobj = re.compile(r'<tr><td class="answerIcon_1du7d"></td><td>([\d\D]*?)</td><td><a href="([\d\D]*?)" class="">([\d\D]*?)</a></td><td>([\d\D]*?)</td><td>([\d\D]*?)</td><td>([\d\D]*?)</td><td>([\d\D]*?)</td></tr>') for i in range(2):#i用来判断是函数题页面还是编程题页面 for match in reobj.finditer(html): bhs = match.group(1)#获取题目标号 if "函数" in bhs:#如果标号中有函数这两个字就是函数题,否则就是编程题 txs = "函数题" else: txs = "编程题" bts = match.group(3)#获取题目标题 fss = match.group(4)#获取题目分数 tgss = match.group(5)#获取题目通过数 tjss = match.group(6)#获取题目提交数 tgls = match.group(7)#获取题目通过率 url2 = "http://pintia.cn" + match.group(2)#题目链接 driver2 = webdriver.Chrome() driver2.get(url2)#打开题目链接 time.sleep(3) f = False#f判断是否有无题目 htmls = driver2.page_source reobj2 = re.compile(r'<div class="problem_Yd8rq p-3 mb-3 background-grey-1"><div class="ques-view"><p>([\d\D]*?)</p>') for match2 in reobj2.finditer(htmls):#获取详细题目内容 tmnls = match2.group(1) f = True if f == False:#f用来判断是否有详细题目内容,若没有则为无 tmnls = "无" s = Tm(bh = bhs,bt = bts,fs = fss,tgs = tgss,tjs = tjss,tgl = tgls,tmnl = tmnls,html = htmls,tx = txs,xqylj = url2) time.sleep(3) db.commit() driver2.quit()#关闭题目详情页链接的浏览器 if i == 0: driver.find_element_by_xpath("//div[@id='sparkling-daydream']/div[3]/div[3]/div/ul/li/a/div/div[2]").click()#点击函数题,变为函数题页面 html = driver.page_source#获取函数题的网页源代码 f.close() ```
如何用python获取这个网页的HTML(超文本链接语言)?
https://www.lfd.uci.edu/~gohlke/pythonlibs/#twisted ``` <ul> <li><a href="javascript:;" onclick=" javascript:dl([101,48,53,104,121,106,49,115,51,116,54,105,113,98,110,46,119,45,52,50,95,47,109,97,99,100,112,56,111,118,108], &quot;6B4;IL18DI3;I&lt;K@0&gt;5&gt;B@GI7J@GI7J@?:=CFEH9A&gt;?2M&quot;); &quot;javascript: dl(&quot;" title="[70 KB] [Oct 17, 2019]">pyqpbo‑0.1.2‑cp38‑cp38‑win_amd64.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,105,113,119,47,112,98,121,111,51,108,116,110,50,46,48,53,45,115,49,104,118,99,106,56], &quot;A&lt;F14D?:3461457@&gt;=B=&lt;@E48G@E48G@20;8&lt;=2C9&quot;); &quot;javascript: dl(&quot;" title="[57 KB] [Oct 17, 2019]">pyqpbo‑0.1.2‑cp38‑cp38‑win32.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,115,106,121,95,112,53,109,49,99,118,100,105,116,52,46,97,48,108,51,45,119,98,47,113,55,54,111,104,110,50], &quot;0M1G495&lt;F42G4EJC@&gt;7&gt;MC84BHC84BH6CD;L3?6:I=&gt;DKA&quot;); &quot;javascript: dl(&quot;" title="[69 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp37‑cp37m‑win_amd64.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,46,112,55,116,98,108,115,106,48,99,47,109,113,119,50,53,104,111,51,121,45,118,110,105,49], &quot;6&gt;7&lt;1E?3:1C&lt;14AD80H0&gt;D91B2D91B2;D=GFB&gt;0=@5&quot;); &quot;javascript: dl(&quot;" title="[57 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp37‑cp37m‑win32.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,113,119,53,48,95,47,49,97,116,109,110,46,106,108,121,45,50,104,99,111,112,118,100,98,52,115,105,51,54], &quot;I@&lt;0DE285D&gt;0DGC?3;6;@?BDKL?BDKL9?1J:479FLH;1A=&quot;); &quot;javascript: dl(&quot;" title="[66 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp36‑cp36m‑win_amd64.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,48,106,49,115,116,111,105,119,99,104,108,113,121,46,53,54,118,50,112,47,110,109,45,98,51], &quot;3A1;B@&gt;4CB&lt;;BG5F0=2=AF8BH?F8BH?EF76DHA=79:&quot;); &quot;javascript: dl(&quot;" title="[54 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp36‑cp36m‑win32.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,112,95,118,45,110,108,46,99,98,109,52,111,47,97,121,54,115,49,104,51,48,50,100,119,113,105,116,53,106], &quot;@ELH02KJ&lt;70CK&lt;0&gt;H08;3D6A6E370CK370CK93GI41=9F?:6GB5&quot;); &quot;javascript: dl(&quot;" title="[66 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp35‑cp35m‑win_amd64.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,110,50,46,115,111,47,118,121,109,112,99,53,48,119,49,108,106,51,104,98,116,45,105,113], &quot;31@G96;D5:9A;597G9C4E&lt;2&gt;21E:9A;E:9A;8E=F0A12=B?&quot;); &quot;javascript: dl(&quot;" title="[54 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp35‑cp35m‑win32.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,46,121,47,116,113,108,98,119,112,115,53,54,99,51,50,118,52,111,109,105,45,95,104,97,100,49,110,48,106], &quot;9&gt;L48?:32&lt;8=@281486ADK0I0&gt;D&lt;8=@D&lt;8=@BD7CJEGBH;@07F5&quot;); &quot;javascript: dl(&quot;" title="[62 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp34‑cp34m‑win_amd64.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,111,98,110,45,109,46,115,116,47,51,106,119,99,112,49,105,121,118,113,52,53,104,48,50,108], &quot;6G:B=AD78&lt;=9C8=@B=103F5&gt;5G3&lt;=9C3&lt;=9C43;?29G5;EH&quot;); &quot;javascript: dl(&quot;" title="[56 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp34‑cp34m‑win32.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,49,46,98,47,105,121,112,99,115,119,110,113,50,48,55,106,45,100,95,52,54,97,118,111,109,53,104,116,108], &quot;8&lt;?;6FIK376&lt;&gt;365;62G@=101&lt;@76&lt;&gt;@76&lt;&gt;H@94:BEHADC19JL&quot;); &quot;javascript: dl(&quot;" title="[71 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp27‑cp27m‑win_amd64.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,50,116,115,46,121,110,53,98,45,51,113,108,106,112,99,111,105,109,48,47,118,49,104,119,55], &quot;20&lt;:=D61C&gt;=0HC=4:=7?8B3E308&gt;=0H8&gt;=0HA8G@5903GF;&quot;); &quot;javascript: dl(&quot;" title="[60 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp27‑cp27m‑win32.whl</a></li> </ul> </li><ul> <li><a href="javascript:;" onclick=" javascript:dl([101,48,53,104,121,106,49,115,51,116,54,105,113,98,110,46,119,45,52,50,95,47,109,97,99,100,112,56,111,118,108], &quot;6B4;IL18DI3;I&lt;K@0&gt;5&gt;B@GI7J@GI7J@?:=CFEH9A&gt;?2M&quot;); &quot;javascript: dl(&quot;" title="[70 KB] [Oct 17, 2019]">pyqpbo‑0.1.2‑cp38‑cp38‑win_amd64.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,105,113,119,47,112,98,121,111,51,108,116,110,50,46,48,53,45,115,49,104,118,99,106,56], &quot;A&lt;F14D?:3461457@&gt;=B=&lt;@E48G@E48G@20;8&lt;=2C9&quot;); &quot;javascript: dl(&quot;" title="[57 KB] [Oct 17, 2019]">pyqpbo‑0.1.2‑cp38‑cp38‑win32.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,115,106,121,95,112,53,109,49,99,118,100,105,116,52,46,97,48,108,51,45,119,98,47,113,55,54,111,104,110,50], &quot;0M1G495&lt;F42G4EJC@&gt;7&gt;MC84BHC84BH6CD;L3?6:I=&gt;DKA&quot;); &quot;javascript: dl(&quot;" title="[69 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp37‑cp37m‑win_amd64.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,46,112,55,116,98,108,115,106,48,99,47,109,113,119,50,53,104,111,51,121,45,118,110,105,49], &quot;6&gt;7&lt;1E?3:1C&lt;14AD80H0&gt;D91B2D91B2;D=GFB&gt;0=@5&quot;); &quot;javascript: dl(&quot;" title="[57 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp37‑cp37m‑win32.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,113,119,53,48,95,47,49,97,116,109,110,46,106,108,121,45,50,104,99,111,112,118,100,98,52,115,105,51,54], &quot;I@&lt;0DE285D&gt;0DGC?3;6;@?BDKL?BDKL9?1J:479FLH;1A=&quot;); &quot;javascript: dl(&quot;" title="[66 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp36‑cp36m‑win_amd64.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,48,106,49,115,116,111,105,119,99,104,108,113,121,46,53,54,118,50,112,47,110,109,45,98,51], &quot;3A1;B@&gt;4CB&lt;;BG5F0=2=AF8BH?F8BH?EF76DHA=79:&quot;); &quot;javascript: dl(&quot;" title="[54 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp36‑cp36m‑win32.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,112,95,118,45,110,108,46,99,98,109,52,111,47,97,121,54,115,49,104,51,48,50,100,119,113,105,116,53,106], &quot;@ELH02KJ&lt;70CK&lt;0&gt;H08;3D6A6E370CK370CK93GI41=9F?:6GB5&quot;); &quot;javascript: dl(&quot;" title="[66 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp35‑cp35m‑win_amd64.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,110,50,46,115,111,47,118,121,109,112,99,53,48,119,49,108,106,51,104,98,116,45,105,113], &quot;31@G96;D5:9A;597G9C4E&lt;2&gt;21E:9A;E:9A;8E=F0A12=B?&quot;); &quot;javascript: dl(&quot;" title="[54 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp35‑cp35m‑win32.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,46,121,47,116,113,108,98,119,112,115,53,54,99,51,50,118,52,111,109,105,45,95,104,97,100,49,110,48,106], &quot;9&gt;L48?:32&lt;8=@281486ADK0I0&gt;D&lt;8=@D&lt;8=@BD7CJEGBH;@07F5&quot;); &quot;javascript: dl(&quot;" title="[62 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp34‑cp34m‑win_amd64.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,111,98,110,45,109,46,115,116,47,51,106,119,99,112,49,105,121,118,113,52,53,104,48,50,108], &quot;6G:B=AD78&lt;=9C8=@B=103F5&gt;5G3&lt;=9C3&lt;=9C43;?29G5;EH&quot;); &quot;javascript: dl(&quot;" title="[56 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp34‑cp34m‑win32.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,49,46,98,47,105,121,112,99,115,119,110,113,50,48,55,106,45,100,95,52,54,97,118,111,109,53,104,116,108], &quot;8&lt;?;6FIK376&lt;&gt;365;62G@=101&lt;@76&lt;&gt;@76&lt;&gt;H@94:BEHADC19JL&quot;); &quot;javascript: dl(&quot;" title="[71 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp27‑cp27m‑win_amd64.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,50,116,115,46,121,110,53,98,45,51,113,108,106,112,99,111,105,109,48,47,118,49,104,119,55], &quot;20&lt;:=D61C&gt;=0HC=4:=7?8B3E308&gt;=0H8&gt;=0HA8G@5903GF;&quot;); &quot;javascript: dl(&quot;" title="[60 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp27‑cp27m‑win32.whl</a></li> </ul> </li><ul> <li><a href="javascript:;" onclick=" javascript:dl([101,48,53,104,121,106,49,115,51,116,54,105,113,98,110,46,119,45,52,50,95,47,109,97,99,100,112,56,111,118,108], &quot;6B4;IL18DI3;I&lt;K@0&gt;5&gt;B@GI7J@GI7J@?:=CFEH9A&gt;?2M&quot;); &quot;javascript: dl(&quot;" title="[70 KB] [Oct 17, 2019]">pyqpbo‑0.1.2‑cp38‑cp38‑win_amd64.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,105,113,119,47,112,98,121,111,51,108,116,110,50,46,48,53,45,115,49,104,118,99,106,56], &quot;A&lt;F14D?:3461457@&gt;=B=&lt;@E48G@E48G@20;8&lt;=2C9&quot;); &quot;javascript: dl(&quot;" title="[57 KB] [Oct 17, 2019]">pyqpbo‑0.1.2‑cp38‑cp38‑win32.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,115,106,121,95,112,53,109,49,99,118,100,105,116,52,46,97,48,108,51,45,119,98,47,113,55,54,111,104,110,50], &quot;0M1G495&lt;F42G4EJC@&gt;7&gt;MC84BHC84BH6CD;L3?6:I=&gt;DKA&quot;); &quot;javascript: dl(&quot;" title="[69 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp37‑cp37m‑win_amd64.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,46,112,55,116,98,108,115,106,48,99,47,109,113,119,50,53,104,111,51,121,45,118,110,105,49], &quot;6&gt;7&lt;1E?3:1C&lt;14AD80H0&gt;D91B2D91B2;D=GFB&gt;0=@5&quot;); &quot;javascript: dl(&quot;" title="[57 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp37‑cp37m‑win32.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,113,119,53,48,95,47,49,97,116,109,110,46,106,108,121,45,50,104,99,111,112,118,100,98,52,115,105,51,54], &quot;I@&lt;0DE285D&gt;0DGC?3;6;@?BDKL?BDKL9?1J:479FLH;1A=&quot;); &quot;javascript: dl(&quot;" title="[66 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp36‑cp36m‑win_amd64.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,48,106,49,115,116,111,105,119,99,104,108,113,121,46,53,54,118,50,112,47,110,109,45,98,51], &quot;3A1;B@&gt;4CB&lt;;BG5F0=2=AF8BH?F8BH?EF76DHA=79:&quot;); &quot;javascript: dl(&quot;" title="[54 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp36‑cp36m‑win32.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,112,95,118,45,110,108,46,99,98,109,52,111,47,97,121,54,115,49,104,51,48,50,100,119,113,105,116,53,106], &quot;@ELH02KJ&lt;70CK&lt;0&gt;H08;3D6A6E370CK370CK93GI41=9F?:6GB5&quot;); &quot;javascript: dl(&quot;" title="[66 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp35‑cp35m‑win_amd64.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,110,50,46,115,111,47,118,121,109,112,99,53,48,119,49,108,106,51,104,98,116,45,105,113], &quot;31@G96;D5:9A;597G9C4E&lt;2&gt;21E:9A;E:9A;8E=F0A12=B?&quot;); &quot;javascript: dl(&quot;" title="[54 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp35‑cp35m‑win32.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,46,121,47,116,113,108,98,119,112,115,53,54,99,51,50,118,52,111,109,105,45,95,104,97,100,49,110,48,106], &quot;9&gt;L48?:32&lt;8=@281486ADK0I0&gt;D&lt;8=@D&lt;8=@BD7CJEGBH;@07F5&quot;); &quot;javascript: dl(&quot;" title="[62 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp34‑cp34m‑win_amd64.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,111,98,110,45,109,46,115,116,47,51,106,119,99,112,49,105,121,118,113,52,53,104,48,50,108], &quot;6G:B=AD78&lt;=9C8=@B=103F5&gt;5G3&lt;=9C3&lt;=9C43;?29G5;EH&quot;); &quot;javascript: dl(&quot;" title="[56 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp34‑cp34m‑win32.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,49,46,98,47,105,121,112,99,115,119,110,113,50,48,55,106,45,100,95,52,54,97,118,111,109,53,104,116,108], &quot;8&lt;?;6FIK376&lt;&gt;365;62G@=101&lt;@76&lt;&gt;@76&lt;&gt;H@94:BEHADC19JL&quot;); &quot;javascript: dl(&quot;" title="[71 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp27‑cp27m‑win_amd64.whl</a></li> <li><a href="javascript:;" onclick=" javascript:dl([101,50,116,115,46,121,110,53,98,45,51,113,108,106,112,99,111,105,109,48,47,118,49,104,119,55], &quot;20&lt;:=D61C&gt;=0HC=4:=7?8B3E308&gt;=0H8&gt;=0HA8G@5903GF;&quot;); &quot;javascript: dl(&quot;" title="[60 KB] [Feb 25, 2018]">pyqpbo‑0.1.2‑cp27‑cp27m‑win32.whl</a></li> </ul> </li> ``` 这是部分下载后的内容
Jquery 怎么获取动态生成的html元素,然后给其中的元素添加样式?
这是其中界面的js代码,主要去了异步去后台加载数据,然后动态写li元素及里边的a元素 [code="javascript"]$.ajax({ url: "home!subMenu", typ:"post", datatype:"json", data:{"fatherId":${request.fatherId}}, success:function(data) { if(data.success) { var json = eval(data); var menu = json.tree; var html ="<li class='space'></li>"; $.each(menu,function(i,item) { html=html+"<li><a href='javascript:;' hint='merchant' action='"+item['url']+"?fatherId="+item['fatherId'] +"' class='merchantmenu'>" +item['text']+"</a></li>" }); $("#merchantSubMenu").append(html); } else { art.dialog(data.message); document.location.href="home!gotoIndex";//跳转到首页 } } }); $('a[class="merchantmenu"]').each(function(){ alert("test");//这里进不来。。。。 });[/code] 我现在想要获取这个li列表的第一个元素给添加样式。 现在的问题 通过选择器获取不到,是ajax异步加载还没写进去吗?
javascript中使用事件委托无法获取到event.target
<!doctype html> <html> <head> <title>image's transition</title> <script type="text/javascript"> window.onload = function(){ var pic_wrapper = document.getElementById("pic_wrapper"); var ul = document.getElementsByTagName("ul")[0]; var lis= document.getElementsByTagName("li"); var imgs = pic_wrapper.getElementsByTagName("img"); //使用for循环绑定事件处理函数,通过测试 // for (var i = 0; i < lis.length; i++) { // var img = imgs[i]; // var li = lis[i]; // setOpacity(li,img); // function setOpacity(li1,img1){ // li1.onmouseover = function(){ // setAllOpacity(); // img1.style.opacity = "1"; // }; // } // }; function setAllOpacity(){ for(var i = 0; i < imgs.length; i++){ imgs[i].style.opacity = "0"; } } //使用事件委托方式,但存在问题 ul.onmouseover = function(event){ event = event || window.event; var target = event.target || event.srcElement; switch(target.id){//问题在于target.id,通过正常交互无法获取target.id case "li1": setAllOpacity(); imgs[0].style.opacity = "1";alert("li1"); break; case "li2": setAllOpacity(); imgs[1].style.opacity = "1";alert("li2"); break; case "li3": setAllOpacity(); imgs[2].style.opacity = "1"; break; case "li4": setAllOpacity(); imgs[3].style.opacity = "1"; break; } }; function fire(elem, type){ var evt; if(document.createEventObject){ elem.fireEvent('on'+type); }else{ evt = document.createEvent('MouseEvents'); evt.initEvent(type, true, false); elem.dispatchEvent(evt); } } fire(lis[0],"mouseover");//通过手动触发事件,可以获取target }; </script> <style type="text/css"> *{ padding: 0; border: 0; margin: 0; } #wrapper{ width: 800px; height: 600px; margin: 20px auto; position: relative; overflow: hidden; } #pic_wrapper{ position: absolute; } #pic_wrapper img{ width: 800px; height: 600px; position: absolute; transition: opacity 0.5s ease-in; opacity: 0; } .num{ position: absolute; bottom: 50px; left: 390px; } li{ display: inline; cursor: pointer; } </style> </head> <body> <div id="wrapper"> <div id="pic_wrapper"> <img src="transition1.jpg"> <img src="transition2.jpg"> <img src="transition3.jpg"> <img src="transition4.jpg"> </div> <ul class="num"> <li id="li1"><img src="num.jpg"></li> <li id="li2"><img src="num.jpg"></li> <li id="li3"><img src="num.jpg"></li> <li id="li4"><img src="num.jpg"></li> </ul> </div> </body> </html>
python中用post方式获取网页XHR内容中的Json格式数据,但是返回了html的代码,这是为什么呢?
爬12306的过程中,扫描登录过程最后一步,post获取数据。但是报错 ![图片说明](https://img-ask.csdn.net/upload/201912/08/1575803358_790446.png) ``` def auth(uamtk_code): url = 'https://kyfw.12306.cn/passport/web/auth/uamtk' header = {'Accept': 'application/json, text/javascript, */*; q=0.01', 'Accept-Encoding': 'gzip, deflate, br', 'Accept-Language': 'zh-CN,zh;q=0.9', 'Connection': 'keep-alive', 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) \ Chrome/65.0.3314.0 Safari/537.36 SE 2.X MetaSr 1.0', 'Content - Length': '64'} data = {'uamtk': uamtk_code, 'appid': 'excater'} callback = session.post(url, headers=header, data=data).text ``` json.decoder.JSONDecodeError: Expecting value: line 1 column 1 (char 0) post返回的值是这样的: <style type="text/css"> <!-- html,body{background:#fff;} --> </style> </head> <body> <div class="err_text"> <ul id="error" > <li id="err_top"> </li> <li id="err_bot">  网络可能存在问题,请您重试一下! <div class="time"> <SCRIPT language="javascript"> <!-- function initArray() { for (i = 0; i < initArray.arguments.length; i++) this[i] = initArray.arguments[i]; } var isnMonths = new initArray("1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"); var isnDays = new initArray("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日"); today = new Date(); hrs = today.getHours(); min = today.getMinutes(); sec = today.getSeconds(); clckh = "" + ((hrs > 12) ? hrs - 12 : hrs); clckm = ((min < 10) ? "0" : "") + min; clcks = ((sec < 10) ? "0" : "") + sec; clck = (hrs >= 12) ? "下午" : "上午"; var stnr = ""; var ns = "0123456789"; var a = ""; function getFullYear(d) { yr = d.getYear(); if (yr < 1000) yr += 1900; return yr; } document.write(getFullYear(today) + "å¹´" + isnMonths[today.getMonth()] + today.getDate() + "日" + " " + clckh + ":" + clckm + ":" + clcks + " " + isnDays[today.getDay()]); //--> </SCRIPT></div> </li> </ul> </div> </body> </html>
div+css,初学者用js获取某个内容显示的样式出问题
``` <!-- 关于样式层叠优先级的问题参考笔记,一般都是id选择器, 并且一般是后面的覆盖前面的样式 --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>HTML4</title> <style> body { font-family: Verdana, sans-serif; font-size: 0.8em; background-color: white; } div#header, div#footer, div#content, div#post { border: 1px solid grey; margin: 5px; margin-bottom: 15px; padding: 8px; background-color: white; } div#header, div#footer {color:white; background-color:#444; margin-bottom:5px;} div#content {background-color: #ddd;} div#menu ul {margin: 0; padding: 0;} div#menu ul li {display: inline; margin: 5px;} </style> </head> <body> <div id="header"> <h1>Monday Times</h1> <script>document.getElementById("header").innerHTML="HTML4"</script> <!-- ↑此处希望用JS处理header的内容,希望看到的结果是: HTML4和之前的Monday Times是一样的样式, 但是显示出来并没有采用head规定的样式, 请问怎么做才可以显示相同的样式 --> </div> <div id="menu"> <ul> <li>News</li> <li>Sports</li> <li>Weather</li> </ul> </div> <div id="content"> <h2>News Section</h2> <div id="post"> <h2>News Article</h2> <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.</p> <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.</p> <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.</p> </div> <div id="post"> <h2>News Article</h2> <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.</p> <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.</p> <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.</p> </div> </div> <div id="footer"> <p>© 2014 Monday Times. All rights reserved.</p> </div> </body> </html> ``` ![图片说明](https://img-ask.csdn.net/upload/201711/03/1509673060_104823.jpg) ![图片说明](https://img-ask.csdn.net/upload/201711/03/1509673643_981096.jpg) ![图片说明](https://img-ask.csdn.net/upload/201711/03/1509677336_98334.jpg)
parentNode能获取class么?
li中嵌套A标签,想通过A标签点击获取li标签的class,可以用parentNode获取到么?
如何使用JavaScript同时截取多个字符串,具体要求看正文
[code="java"]<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $(".ull li").each(function(){ if($(this).text().length>20){ $(this).text($(this).text().substring(0,20) + '...'); } }) }) </script> </head> <body> <ul> <li>·<a href="/Html/?3299.html" target="_blank" >asp.net(c#)程序版本升级更新的实现代码</a></li> <li>·<a href="/Html/?3298.html" target="_blank" >asp.net 删除MFC单文档默认菜单栏的两种方法</a></li> <li>·<a href="/Html/?3297.html" target="_blank" >C#通过POP3获取邮件的代码(正文和附件)</a></li> <li>·<a href="/Html/?3296.html" target="_blank" >PHP 获取远程文件内容的函数代码</a></li> <li>·<a href="/Html/?3295.html" target="_blank" >PHP中基本符号及使用方法</a></li> <li>·<a href="/Html/?3294.html" target="_blank" >PHP技术开发技巧分享</a></li> <li>·<a href="/Html/?3293.html" target="_blank" >PHP初学者常见问题集合 修正版(21问答)</a></li> <li>·<a href="/Html/?3292.html" target="_blank" >PHP5 字符串处理函数大全</a></li> <li>·<a href="/Html/?3291.html" target="_blank" >Cookies 欺骗漏洞的防范方法(vbs+js 实现)</a></li> <li>·<a href="/Html/?3290.html" target="_blank" >asp自带的内存缓存 application</a></li> </ul>[/code] 以上是使用jquery实现的,本人要JavaScript实现的(当然jquery也属于JavaScript),大侠们应该理解我的意思吧。
html链接跳转,数据加载问题
![图片说明](https://img-ask.csdn.net/upload/201509/15/1442291560_812662.png) 问题描述: 选取下拉列表选择一个li,加载json数据到_m_frame_的a.html页面中, 点击btn_2再次获取下拉列表中已选择的li的value加载数据到m_frame的b.html页面; 问题是:当iframe处于b.html的时候,当再次选择下拉列表的时候,选取下拉列表中一个li,就 无法再次加载json数据填充到b.html页面中
一个简单的JS计算总价
我是个小白 在做购买页面 这个JS有想法但是不会写 大佬帮忙看一下 商品单价是后台获取的,想要总价跟着输入的数量显示 JS要怎么写 我这个代码有没有问题<div class="thunk"> <ul class="fa"> <li> <ul class="left"> <li><span>商品名称</span></li> </ul> <ul class="right"> <li><span></span></li> </ul> </li> <li> <ul class="left"> <li><span>购买单价</span></li> </ul> <ul class="right"> <li><span type="text" id="dj" style="width:50px;margin-left: 20px;line-height: 30px">20</span></li> </ul> </li> <li> <ul class="left"> <li><p>购买数量</p></li> </ul> <ul class="right"> <li><input type="text" id="sl" style="width:50px;margin-left: 20px;margin-top: 5px"></li> </ul> </li> <li> <ul class="left"> <li><p>应收金额</p></li> </ul> <ul class="right"> <li><span id="zj" style="margin-left: 20px;line-height: 30px">0</span></li> </ul> </li>
html js 怎么把数据写入相应的id的标签里
一个标签的id为变量 怎么把相应的内容传到该标签内 str1 +="<li><span class='folder' id='" + obj.data[i].id + "'onclick='f(this.id)'>" + obj.data[i].name + "</span><ul id='s"+obj.data[i].id+"'></ul></li>" tree.innerHTML = str1; function f(id) { var str2=""; var ID="s"+id; var son =document.getElementById(ID); str2 += "<li><span class='folder'id='" + Obj.data[i].id+"'onclick='f(this.id)'>" + Obj.data[i].name+ "</span><ul id='s"+Obj.data[i].id+"'></ul></li>" son.innerHTML = str2; 将str1传给tree的结果: ![图片说明](https://img-ask.csdn.net/upload/201908/27/1566869479_186047.png) str2: ![图片说明](https://img-ask.csdn.net/upload/201908/27/1566869524_711996.png) 无法将str2传到我想要的id的ul标签下 点击事件获取span标签的id 为了区分 ul标签的id我加了一个s 打印son的结果: ![图片说明](https://img-ask.csdn.net/upload/201908/27/1566869956_421938.png) 请各位大佬帮我看看怎么解决 谢谢鸭
请问如何用原生JS代码实现获取当前列表项的选择,并把与选择的数据相对应的的value值传给后台
// 问题分类 mui.ajax({ dataType:'json', type:'get', url:classifyUrl, success:function (data) { list.innerHTML = ""; // console.log(data); // a = data[1].value; // console.log(a); localStorage.setItem("value",data.value); var len = data.length; for (var i =0; i < len; i++) { var li = doc.createElement("li"); li.name=data[i].value; li.id = data[i].id; li.className = "mui-table-view-cell"; li.innerHTML += '<a class="mui-navigate-right">'+ data[i].label+'</a>'; list.appendChild(li); currentIssueType = data[i].value; } }, }) // 选择问题 doc.querySelector('.mui-table-view.mui-table-view-radio'). addEventListener('selected',function(e){ currentIssueType = e.detail.el.name; fen.innerHTML = ""; info.innerHTML = e.detail.el.innerText; mui('.mui-popover').popover('toggle'); }) // 问题提交 referButton.addEventListener('tap', function(event) { if(title.value == "" && detail.value == ""){ mui.alert("输入不能为空"); return; }else if(title.value == ""){ mui.alert("请输入标题"); return; }else if(detail.value == ""){ mui.alert("请输入问题内容"); return; }else if(a == ""){ mui.alert("请问题分类"); return; }else if(title.value != "" && detail.value != "" ){ submitUrl = baseServerUrl+"/m/biz/issue/add?userId="+userId+"&issueType="+currentIssueType+"&issueTitle="+title.value+"&issueDesc="+detail.value; mui.ajax({ type: "get", url: submitUrl, async:true, datatype: 'json', timeout:timeout, success:function(data){ if(data.code == 1003){ alert(currentIssueType); currentIssueType=null; console.log(data.message); mui.toast('恭喜提交成功'); mui.openWindow({ url:questionAdd.html, id:"", preload: true, }) } },error: function(xhr, type, errerThrown) { mui.toast('网络异常,请稍候再试'); } }); } 本人小白一枚,已经卡在这里1天了,求大神指教 ``` ``` ``` ```
js获取后台返回的ajax数据 , 是Integer集合 , 现在想遍历这个data
1 . 后台返回了 一个 List<Integer>list 集合给前台ajax ; 2 . 前台页面显示console.log(data) 格式为 [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0] , 其中'0' 有可能是1 , 就是集合里面只会是0 或者 1 3 . 现在想获取每一个数字的下标 , 下面是js的ajax请求 , allStatus 是点击全选复选框后 , 所有value 的 数组 ``` /* 点击全选复选框时触发的事件 */ $('#checkall').on("click", function() { var url = $(this).parents('li').find('img'); $('input[name="station_name"]').each(function() { $(this).prop("checked", true); }) console.log(this) $('input[name="station_name"]:checked').each(function(i) { if (this.checked) { allStatus[i] = this.value; } }); console.log(allStatus) $.ajax({ data : { 'allStatus' : allStatus }, type : "get", url : "/PaStation/getAllStatus", dataType : "text", traditional : true, success : function(data) { arr = data console.log(arr) /*if (data == 1) { url.attr('src', '../images/pademo_green.png'); } else { url.attr('src', '../images/pademo_blue.png'); }*/ } }) //url.attr('src', '../images/pademo_green.png'); }); ``` 4 . 现在想根据 , 0 或者 1 , 给每个复选框展示不同的图片 , 也就是 Green 或者 blue , 因为对js 实在不熟悉 , 卡了 很久 , 希望有前端大佬可以帮助我这个菜鸟 5 . 感谢大家的帮助 , 有什么对问题不清晰的地方可以留言 , 我详细说明一下 , 再次提前感谢各位大佬的帮助 谢谢 问题补充 : 下面是复选框内容的代码片段 ``` <div class="box"> <ul class="box-list clearfix"> <li> <div class="index">01</div> <div class="img"><img src="../static/images/pademo_grey.png" th:src="@{/images/pademo_grey.png}" alt=""></div> <label><input type="checkbox" name="station_name" id="1" value="1" />七莘路</label> </li> <li> <div class="index">02</div> <div class="img"><img src="../static/images/pademo_grey.png" th:src="@{/images/pademo_grey.png}"></div> <label><input type="checkbox" name="station_name" id="2" value="2" />虹莘路</label> </li> ```
获取jstree选中节点的链接地址
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>jstree插件练习</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <link rel="stylesheet" type="text/css" href="js/default/style.min.css"> <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="js/jstree.min.js"></script> <script language="javascript"> $(function(){ $(function() { $('#container').jstree(); }); $("a").attr("href"); }); </script> </head> <body> <div id="container"> <ul> <li>Root node <ul> <li><a href="index.jsp">Child node 1</a></li> <li>Child node 2</li> </ul> </li> </ul> </div> </body> </html>
JQuery如何获取RadioButton
``` <title></title> <style type="text/css" > .backcolor { background-color:green; } </style> <script src="js/jquery-1.8.2.js"></script> <script type="text/javascript"> jQuery(function () { //找到li的所有元素 $("li").each(function (index, domEle) { if ($("RadioButton2") == true) { if (index % 2 != 0) { $(domEle).addClass("backcolor"); } } else { if (index % 2 == 0) { $(domEle).addClass("backcolor"); } } }) }) </script> </head> <body> <form id="form1" runat="server"> <div> <asp:RadioButton ID="RadioButton2" runat="server" AutoPostBack="true" GroupName="1" Text="选中偶数行" /> <asp:RadioButton ID="RadioButton1" runat="server" AutoPostBack="true" GroupName="1" Text="选中奇数行" /> <ul> <li>庆十一商品促销</li> <li>爱国者数码相机</li> <li>OPPO手机</li> <li>三星手机</li> <li>苹果手机</li> <li>乐视手机</li> <li>步步高手机</li> <li>小米手机</li> </ul> </div> </form> </body> </html> 要换行换色 ```
请问下 JS获取子节点的问题 求大神们给我解释下
window.onload = function() { var addressNode=document.getElementById("address"); var liNode=addressNode.firstChild; alert(liNode.nodeValue);//这里我得不到数据 alert(addressNode.childNodes.length);//这里结果是7 alert(addressNode.firstChild);//这里是[object Text],为什么不是[HTML element]? alert(addressNode.lastChild);//这里是[object Text] } <p>地点</p> <ul id="address"> <li id="dd" name="a5" onclick="alert('北京');">北京</li> <li>上海</li> <li>厦门</li> </ul> 我浏览器用IE(WIN10的) 和猎豹 都一样的结果
在中国程序员是青春饭吗?
今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...
《MySQL 性能优化》之理解 MySQL 体系结构
本文介绍 MySQL 的体系结构,包括物理结构、逻辑结构以及插件式存储引擎。
程序员请照顾好自己,周末病魔差点一套带走我。
程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。
复习一周,京东+百度一面,不小心都拿了Offer
京东和百度一面都问了啥,面试官百般刁难,可惜我全会。
Java 14 都快来了,为什么还有这么多人固守Java 8?
从Java 9开始,Java版本的发布就让人眼花缭乱了。每隔6个月,都会冒出一个新版本出来,Java 10 , Java 11, Java 12, Java 13, 到2020年3月份,...
达摩院十大科技趋势发布:2020 非同小可!
【CSDN编者按】1月2日,阿里巴巴发布《达摩院2020十大科技趋势》,十大科技趋势分别是:人工智能从感知智能向认知智能演进;计算存储一体化突破AI算力瓶颈;工业互联网的超融合;机器间大规模协作成为可能;模块化降低芯片设计门槛;规模化生产级区块链应用将走入大众;量子计算进入攻坚期;新材料推动半导体器件革新;保护数据隐私的AI技术将加速落地;云成为IT技术创新的中心 。 新的画卷,正在徐徐展开。...
轻松搭建基于 SpringBoot + Vue 的 Web 商城应用
首先介绍下在本文出现的几个比较重要的概念: 函数计算(Function Compute): 函数计算是一个事件驱动的服务,通过函数计算,用户无需管理服务器等运行情况,只需编写代码并上传。函数计算准备计算资源,并以弹性伸缩的方式运行用户代码,而用户只需根据实际代码运行所消耗的资源进行付费。Fun: Fun 是一个用于支持 Serverless 应用部署的工具,能帮助您便捷地管理函数计算、API ...
讲真,这两个IDE插件,可以让你写出质量杠杠的代码
周末躺在床上看《拯救大兵瑞恩》 周末在闲逛的时候,发现了两个优秀的 IDE 插件,据说可以提高代码的质量,我就安装了一下,试了试以后发现,确实很不错,就推荐给大家。 01、Alibaba Java 代码规范插件 《阿里巴巴 Java 开发手册》,相信大家都不会感到陌生,其 IDEA 插件的下载次数据说达到了 80 万次,我今天又贡献了一次。嘿嘿。 该项目的插件地址: https://github....
Python+OpenCV实时图像处理
目录 1、导入库文件 2、设计GUI 3、调用摄像头 4、实时图像处理 4.1、阈值二值化 4.2、边缘检测 4.3、轮廓检测 4.4、高斯滤波 4.5、色彩转换 4.6、调节对比度 5、退出系统 初学OpenCV图像处理的小伙伴肯定对什么高斯函数、滤波处理、阈值二值化等特性非常头疼,这里给各位分享一个小项目,可通过摄像头实时动态查看各类图像处理的特点,也可对各位调参、测试...
2020年一线城市程序员工资大调查
人才需求 一线城市共发布岗位38115个,招聘120827人。 其中 beijing 22805 guangzhou 25081 shanghai 39614 shenzhen 33327 工资分布 2020年中国一线城市程序员的平均工资为16285元,工资中位数为14583元,其中95%的人的工资位于5000到20000元之间。 和往年数据比较: yea...
为什么猝死的都是程序员,基本上不见产品经理猝死呢?
相信大家时不时听到程序员猝死的消息,但是基本上听不到产品经理猝死的消息,这是为什么呢? 我们先百度搜一下:程序员猝死,出现将近700多万条搜索结果: 搜索一下:产品经理猝死,只有400万条的搜索结果,从搜索结果数量上来看,程序员猝死的搜索结果就比产品经理猝死的搜索结果高了一倍,而且从下图可以看到,首页里面的五条搜索结果,其实只有两条才是符合条件。 所以程序员猝死的概率真的比产品经理大,并不是错...
害怕面试被问HashMap?这一篇就搞定了!
声明:本文以jdk1.8为主! 搞定HashMap 作为一个Java从业者,面试的时候肯定会被问到过HashMap,因为对于HashMap来说,可以说是Java集合中的精髓了,如果你觉得自己对它掌握的还不够好,我想今天这篇文章会非常适合你,至少,看了今天这篇文章,以后不怕面试被问HashMap了 其实在我学习HashMap的过程中,我个人觉得HashMap还是挺复杂的,如果真的想把它搞得明明白...
毕业5年,我问遍了身边的大佬,总结了他们的学习方法
我问了身边10个大佬,总结了他们的学习方法,原来成功都是有迹可循的。
python爬取百部电影数据,我分析出了一个残酷的真相
2019年就这么匆匆过去了,就在前几天国家电影局发布了2019年中国电影市场数据,数据显示去年总票房为642.66亿元,同比增长5.4%;国产电影总票房411.75亿元,同比增长8.65%,市场占比 64.07%;城市院线观影人次17.27亿,同比增长0.64%。 看上去似乎是一片大好对不对?不过作为一名严谨求实的数据分析师,我从官方数据中看出了一点端倪:国产票房增幅都已经高达8.65%了,为什...
推荐10个堪称神器的学习网站
每天都会收到很多读者的私信,问我:“二哥,有什么推荐的学习网站吗?最近很浮躁,手头的一些网站都看烦了,想看看二哥这里有什么新鲜货。” 今天一早做了个恶梦,梦到被老板辞退了。虽然说在我们公司,只有我辞退老板的份,没有老板辞退我这一说,但是还是被吓得 4 点多都起来了。(主要是因为我掌握着公司所有的核心源码,哈哈哈) 既然 4 点多起来,就得好好利用起来。于是我就挑选了 10 个堪称神器的学习网站,推...
这些软件太强了,Windows必装!尤其程序员!
Windows可谓是大多数人的生产力工具,集娱乐办公于一体,虽然在程序员这个群体中都说苹果是信仰,但是大部分不都是从Windows过来的,而且现在依然有很多的程序员用Windows。 所以,今天我就把我私藏的Windows必装的软件分享给大家,如果有一个你没有用过甚至没有听过,那你就赚了????,这可都是提升你幸福感的高效率生产力工具哦! 走起!???? NO、1 ScreenToGif 屏幕,摄像头和白板...
阿里面试,面试官没想到一个ArrayList,我都能跟他扯半小时
我是真的没想到,面试官会这样问我ArrayList。
曾经优秀的人,怎么就突然不优秀了。
职场上有很多辛酸事,很多合伙人出局的故事,很多技术骨干被裁员的故事。说来模板都类似,曾经是名校毕业,曾经是优秀员工,曾经被领导表扬,曾经业绩突出,然而突然有一天,因为种种原因,被裁员了,...
大学四年因为知道了这32个网站,我成了别人眼中的大神!
依稀记得,毕业那天,我们导员发给我毕业证的时候对我说“你可是咱们系的风云人物啊”,哎呀,别提当时多开心啦????,嗯,我们导员是所有导员中最帅的一个,真的???? 不过,导员说的是实话,很多人都叫我大神的,为啥,因为我知道这32个网站啊,你说强不强????,这次是绝对的干货,看好啦,走起来! PS:每个网站都是学计算机混互联网必须知道的,真的牛杯,我就不过多介绍了,大家自行探索,觉得没用的,尽管留言吐槽吧???? 社...
良心推荐,我珍藏的一些Chrome插件
上次搬家的时候,发了一个朋友圈,附带的照片中不小心暴露了自己的 Chrome 浏览器插件之多,于是就有小伙伴评论说分享一下我觉得还不错的浏览器插件。 我下面就把我日常工作和学习中经常用到的一些 Chrome 浏览器插件分享给大家,随便一个都能提高你的“生活品质”和工作效率。 Markdown Here Markdown Here 可以让你更愉快的写邮件,由于支持 Markdown 直接转电子邮...
看完这篇HTTP,跟面试官扯皮就没问题了
我是一名程序员,我的主要编程语言是 Java,我更是一名 Web 开发人员,所以我必须要了解 HTTP,所以本篇文章就来带你从 HTTP 入门到进阶,看完让你有一种恍然大悟、醍醐灌顶的感觉。 最初在有网络之前,我们的电脑都是单机的,单机系统是孤立的,我还记得 05 年前那会儿家里有个电脑,想打电脑游戏还得两个人在一个电脑上玩儿,及其不方便。我就想为什么家里人不让上网,我的同学 xxx 家里有网,每...
2020 年,大火的 Python 和 JavaScript 是否会被取而代之?
Python 和 JavaScript 是目前最火的两大编程语言,但是2020 年,什么编程语言将会取而代之呢? 作者 |Richard Kenneth Eng 译者 |明明如月,责编 | 郭芮 出品 | CSDN(ID:CSDNnews) 以下为译文: Python 和 JavaScript 是目前最火的两大编程语言。然而,他们不可能永远屹立不倒。最终,必将像其他编程语言一...
史上最全的IDEA快捷键总结
现在Idea成了主流开发工具,这篇博客对其使用的快捷键做了总结,希望对大家的开发工作有所帮助。
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
谁是华为扫地僧?
是的,华为也有扫地僧!2020年2月11-12日,“养在深闺人不知”的华为2012实验室扫地僧们,将在华为开发者大会2020(Cloud)上,和大家见面。到时,你可以和扫地僧们,吃一个洋...
Idea 中最常用的10款插件(提高开发效率),一定要学会使用!
学习使用一些插件,可以提高开发效率。对于我们开发人员很有帮助。这篇博客介绍了开发中使用的插件。
AI 没让人类失业,搞 AI 的人先失业了
最近和几个 AI 领域的大佬闲聊 根据他们讲的消息和段子 改编出下面这个故事 如有雷同 都是巧合 1. 老王创业失败,被限制高消费 “这里写我跑路的消息实在太夸张了。” 王葱葱哼笑一下,把消息分享给群里。 阿杰也看了消息,笑了笑。在座几位也都笑了。 王葱葱是个有名的人物,21岁那年以全额奖学金进入 KMU 攻读人工智能博士,累计发表论文 40 余篇,个人技术博客更是成为深度学习领域内风向标。 ...
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...
作为一名大学生,如何在B站上快乐的学习?
B站是个宝,谁用谁知道???? 作为一名大学生,你必须掌握的一项能力就是自学能力,很多看起来很牛X的人,你可以了解下,人家私底下一定是花大量的时间自学的,你可能会说,我也想学习啊,可是嘞,该学习啥嘞,不怕告诉你,互联网时代,最不缺的就是学习资源,最宝贵的是啥? 你可能会说是时间,不,不是时间,而是你的注意力,懂了吧! 那么,你说学习资源多,我咋不知道,那今天我就告诉你一个你必须知道的学习的地方,人称...
那些年,我们信了课本里的那些鬼话
教材永远都是有错误的,从小学到大学,我们不断的学习了很多错误知识。 斑羚飞渡 在我们学习的很多小学课文里,有很多是错误文章,或者说是假课文。像《斑羚飞渡》: 随着镰刀头羊的那声吼叫,整个斑羚群迅速分成两拨,老年斑羚为一拨,年轻斑羚为一拨。 就在这时,我看见,从那拨老斑羚里走出一只公斑羚来。公斑羚朝那拨年轻斑羚示意性地咩了一声,一只半大的斑羚应声走了出来。一老一少走到伤心崖,后退了几步,突...
立即提问