一、html学习

web通信的本质就是浏览器作为客户端发送请求,服务端通过socket对象接受请求并相应的过程

例子:

#!/usr/bin/python
# --*-- coding:utf-8 --*--

import socket

def main():
    sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
    sock.bind(('127.0.0.1', 8081))
    sock.listen(5)

    while True:
        print("server is working...")
        conn, addr = sock.accept()
        request = conn.recv(1024)
        conn.sendall(bytes("HTTP/1.1 200 OK\r\n\r\n

Hello

","utf-8"))         conn.close() if __name__ == '__main__':     main()

html是(Hypertext Markup Language,HTML)超文本标记语言,网页内容由标签构成.

标签语法:

<标签 属性名="属性值" ...>内容<标签>    #闭合标签    

<标签 属性名="属性值" .../>                    #自闭合标签

声明标签告诉浏览器文本遵循哪种规范html5,xhtml等


常用标签介绍:

: 文档开始标签固定语法

: 头部标签包含头部信息,内嵌,,<link>常用标签</p> <p><meta>: 提供有关页面的元信息,针对搜索引擎和更新频度的描述关键词,提供的信息是用户不可见的</p> <p>例子:</p> <pre style="background-color:#2b2b2b;color:#a9b7c6;font-family:'宋体';font-size:9pt;">Title</pre> <p>meta属于自闭合标签,包含name, content, http-equiv属性</p> <p>name属性值keywords表示搜索引擎能够按照content关键字搜到的内容,name和content成对出现</p> <p>name属性值description表示搜索引擎搜到以后显示的描述信息</p> <p>http-equiv相当于http的头信息,向浏览器传回一些有用信息,以便正确显示网页内容</p> <p>http-equiv属性值Refresh,2秒后页面跳转到www.baidu.com </p> <pre style="background-color:rgb(43,43,43);color:rgb(169,183,198);font-family:'宋体';font-size:9pt;">X-UA-Compatible跟兼容性有关</pre> <p>非<meta>标签:</p> <p><title>显示网页头信息</p> <pre style="background-color:#2b2b2b;color:#a9b7c6;font-family:'宋体';font-size:9pt;"><link rel="icon" href="http://www.jd.com/favicon.ico"></pre> <p>显示title小图标</p> <pre style="background-color:#2b2b2b;color:#a9b7c6;font-family:'宋体';font-size:9pt;"><link rel="stylesheet" href="css.css"> 加载css样式文件</pre> <pre style="background-color:#2b2b2b;color:#a9b7c6;font-family:'宋体';font-size:9pt;"><script src="index.js"></script> 加载js文件</pre> <p><br></p> <p><body>标签,内嵌自标签,分为块级标签和行内标签,判断是块级标签还是行级标签就看是否换行</p> <p><hn>标签,n表示1,2,3,4,5,6,表示从大到小的标题,属于块级标签</p> <p><p>标签, 段落标签,上下文之间有空白间隔,属于块级标签</p> <p><b>标签加粗文本,行内标签<br></p> <p><strong>同上</p> <p><em>文字变斜体</p> <p><sup>,<sub>上角标,下角标</p> <p><br>换行</p> <p><hr>水平线</p> <p>特殊字符,查看html特殊字符编码</p> <p><br></p> <p><div>标签块级标签,无实际意义,主要通过css为其布局<br></p> <p><span>标签行内标签,无实际意义,主要通过css为其赋予不同表现</p> <p><br></p> <p>图形标签</p> <p><img src="" alt="" title="" width="" height></p> <p>src属性表示图片路径,alt表示图片错误是显示的提示信息,title表示鼠标悬浮式显示的信息,width表示宽度,height表示高度</p> <p><br></p> <p>超链接</p> <p><a href="www.baidu.com" target="_blank">click</a></p> <p>href属性表示链接的地址, target在页面哪个位置打开新的链接地址</p> <p>绝对url: www.baidu.com </p> <p>相对url: index.html</p> <p>锚: href="#id" 指向锚</p> <p><br></p> <p><ul>:无序列表</p> <p><li>: 列表项</p> <p><ol>:有序列表</p> <p><br></p> <p><dl>:自定义列表<br></p> <p><dt>:列表标题</p> <p><dd>:列表项</p> <p><br></p> <p>表格标签<table></p> <p><table border="1"><br></p> <p>    <tr></p> <p>        <td>标题1</td><br></p> <p>        <td>标题2</td><br></p> <p>    </tr><br></p> <p>    <tr></p> <p style="white-space:normal;">        <td>内容</td><br></p> <p style="white-space:normal;">        <td>内容</td><br></p> <p style="white-space:normal;">    </tr></p> <pre style="margin-top:0px;margin-bottom:0px;padding:0px;white-space:pre-wrap;font-size:12px;font-family:'Courier New';"><span style="font-family:arial, helvetica, sans-serif;font-size:16px;">属性:<br><br>    border: 表格边框.<br><br>    cellpadding: 内边距<br><br>    cellspacing: 外边距.<br><br>    width: 像素 百分比.(最好通过css来设置长宽)<br><br>    rowspan:  单元格竖跨多少行<br><br>    colspan:  单元格横跨多少列(即合并单元格)<br>    <br>  <br>  <br>  表单标签<form><br>  表单主要用于向服务器提交数据,程序接收数据做相应处理<br>  表单包含<input>标签<br>  例子:<br><form action="" method="post"><br>    <p><label for="username">用户名: </label><input type="text" name="username" value="username" id="username"></p><br>    <p><label for="password">密码: </label><input type="password" name="password" value="password" id="password"></p><br>    <p><input type="radio" name="sex" value="0">男  <input type="radio" name="sex" value="1">女</p><br>    <p><input type="checkbox" name="ball" value="0">篮球  <input type="checkbox" name="ball" value="1">足球</p><br>    <input type="file" name="file" value="file"><br><br>    <input type="submit" name="submit" value="提交"><br><br>    <input type="button" name="btn" value="btn"><br><br>    <input type="reset" name="reset" value="重置"><br></form><br>  <br>  action: 提交给服务端的程序<br>  method: 提交方法<br>  <label for="id"> 点击用户名时,光标会自动移动到输入框<br>  type:输入框类型:<br>          text: 输入文本<br>          password: 输入密码<br>          radio: 单选按钮<br>          checkbox: 多选按钮<br>          file:上传文件<br>          submit: 提交按钮<br>          button: 提交事件,结合js绑定事件<br>          reset: 重置按钮<br>  name属性和value属性 成对出现,提交给服务端都是以字典的方式<br>  dict = {‘username’:'username', 'password': password, 'sex': '0', 'ball':['0','1']}<br>  <br>  <selected>标签选择下拉菜单<br>  <select name="sel" size="3" multiple="multiple"><br>    <option>河南</option><br>    <option selected="selected">河北</option><br>    <option>广东</option><br>    <option>浙江</option><br></select><br>size一次显示3个选项, multiple多选<br>selected默认选中<br><br>多行文本框<br><form id="form1" name="form1" method="post" action=""><br>        <textarea cols=“宽度” rows=“高度” name=“名称”><br>                   默认内容<br>        </textarea><br></form><br><br><br>二、css<br>css规则由两部分构成, 选择器以及声明,语法格式:<br>select { <br>property: value;<br>property: value;<br>...<br>}<br><br>css四种引入方式:<br>行内式: <p style="background-color: rebeccapurple">hello yuan</p><br><br>内嵌式:<br><style><br>    p{<br>        background-color: red;<br>    }<br></style><br><br>链接式: <link rel="stylesheet" href="css.css"><br><br>导入式: <br><style type="text/css"><br>      @import"mystyle.css";<br></style><br><br>选择器:<br>标签选择器: p {...}<br>id选择器:#username {...}<br>class选择器: .username {...}<br>通配选择器: * {...}<br><br>组合选择器:<br>E,F   多元素选择器,同时匹配所有E元素或F元素,E和F之间用逗号分隔      :div,p { color:#f00; }<br><br>E F   后代元素选择器,匹配所有属于E元素后代的F元素,E和F之间用空格分隔 :li a { font-weight:bold;}<br><br>E > F   子元素选择器,匹配所有E元素的子元素F            :div > p { color:#f00; }<br>  <br>E + F   毗邻元素选择器,匹配所有紧随E元素之后的同级元素F  :div + p { color:#f00; } <br><br>E ~ F   普通兄弟选择器(以破折号分隔)                 :.div1 ~ p{font-size: 30px; }<br><br>属性选择器:<br>E[att]          匹配所有具有att属性的E元素,不考虑它的值。(注意:E在此处可以省略。<br>                比如“[cheacked]”。以下同。)   p[title] { color:#f00; }<br><br><br>E[att=val]      匹配所有att属性等于“val”的E元素   div[class=”error”] { color:#f00; }<br><br><br>E[att~=val]     匹配所有att属性具有多个空格分隔的值、其中一个值等于“val”的E元素<br>                td[class~=”name”] { color:#f00; }<br><br>E[attr^=val]    匹配属性值以指定值开头的每个元素                    <br>                div[class^="test"]{background:#ffff00;}<br><br>E[attr$=val]    匹配属性值以指定值结尾的每个元素    div[class$="test"]{background:#ffff00;}<br><br>E[attr*=val]    匹配属性值中包含指定值的每个元素    div[class*="test"]{background:#ffff00;}<br><br><br>属性<br><br><span style="line-height:0px;"></span>text-align 属性规定元素中的文本的水平对齐方式。<br>left      把文本排列到左边。默认值:由浏览器决定。<br>right    把文本排列到右边。<br>center 把文本排列到中间。<br>justify 实现两端对齐文本效果。<br><br>边距:<br>margin:            用于控制元素与元素之间的距离;margin的最基本用途就是控制元素周围空间的间隔,从视觉角度上达到相互隔开的目的。<br>padding:           用于控制内容与边框之间的距离;   <br>Border(边框):     围绕在内边距和内容外的边框。<br>Content(内容):   盒子的内容,显示文本和图像。<br><br><span style="line-height:0px;"></span><br></span><br></pre> <p><br></p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1206752754538745856"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script> <!-- 文章页-底部 动态广告位 --> <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad"> <!-- 文章页-右侧1 动态广告位 --> <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div> <!-- 文章页-右侧2 动态广告位 --> <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div> <!-- 文章页-右侧3 动态广告位 --> <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(css,js,前端学习)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1883282532653395968.htm" title="NPM 常用命令" target="_blank">NPM 常用命令</a> <span class="text-muted">pumpkin84514</span> <a class="tag" taget="_blank" href="/search/%E5%85%B6%E5%AE%83/1.htm">其它</a><a class="tag" taget="_blank" href="/search/npm/1.htm">npm</a> <div>NPM常用命令NPM(NodePackageManager)是JavaScript生态系统中最流行的包管理工具,它不仅可以管理Node.js项目的依赖,还提供了丰富的命令来管理和发布你的代码。本文将从不同角度,深入浅出地介绍NPM的常用命令和实际应用。目录NPM基础什么是NPM安装NPM初始化项目(npminit)管理依赖安装依赖(npminstall)升级和卸载依赖(npmupdate,npmu</div> </li> <li><a href="/article/1883279125590896640.htm" title="微信小程序中实现背景图片完全覆盖显示,可以通过设置CSS样式来实现" target="_blank">微信小程序中实现背景图片完全覆盖显示,可以通过设置CSS样式来实现</a> <span class="text-muted">徊忆羽菲</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1-%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信-小程序</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>wxml页面代码wxss样式代码/*pages/beiJing/beiJing.wxss*/.beijing{background-image:url("https://www.qipa250.com/qipa.jpg");/*定位:绝对定位*/position:absolute;/*上下左右都定位到0*/top:0;left:0;right:0;bottom:0;/*给它足够低的层次*/z-in</div> </li> <li><a href="/article/1883266517311746048.htm" title="华为OD机试E卷 --响应报文时间 --24年OD统一考试(Java & JS & Python & C & C++)" target="_blank">华为OD机试E卷 --响应报文时间 --24年OD统一考试(Java & JS & Python & C & C++)</a> <span class="text-muted">飞码创造者</span> <a class="tag" taget="_blank" href="/search/%E6%9C%80%E6%96%B0%E5%8D%8E%E4%B8%BAOD%E6%9C%BA%E8%AF%95%E9%A2%98%E5%BA%932024/1.htm">最新华为OD机试题库2024</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BAod/1.htm">华为od</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>文章目录题目描述输入描述输出描述用例题目解析JS算法源码Java算法源码python算法源码c算法源码c++算法源码题目描述IGMP协议中,有一个字段称作最大响应时间(MaxResponseTime),HOST收到查询报文,解折出MaxResponsetime字段后,需要在(0,MaXxResponseTime]时间(s)内选取随机时间回应一个响应报文,如果在随机时间内收到一个新的查询报文,则会根</div> </li> <li><a href="/article/1883262478788390912.htm" title="spark sql的练习题" target="_blank">spark sql的练习题</a> <span class="text-muted">a大数据yyds</span> <a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a><a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a> <div>1、使用StructuredStreaming读取Socket数据,把单词和单词的反转组成json格式写入到当前目录中的file文件夹中2、请使用StructuredStreaming读取student_info文件夹写的csv文件,2.1、统计出文件中的男女生各有多少人2.2、统计出姓“王”男生和女生的各有多少人3、请使用StructuredStreaming读取department_info文</div> </li> <li><a href="/article/1883248098596155392.htm" title="gRPC协议简介" target="_blank">gRPC协议简介</a> <span class="text-muted">xidianhuihui</span> <a class="tag" taget="_blank" href="/search/golang/1.htm">golang</a> <div>gRPC是谷歌开源的一套RPC协议框架。主要做两件事情:一是数据编码,二是请求映射。数据编码数据编码顾名思义就是在将请求的内存对像转化成可以传输的字节流发给服务端,并将收到的字节流再转化成内存对像。方法有很多,常见的有XML、JSON、Protobuf。XML已经日薄西山,JSON风头正盛,Protobuf则方兴未艾。gRPC默认选用Protobuf,早期貌似只支持Protobuf,现在号称也支持</div> </li> <li><a href="/article/1883247719041003520.htm" title="大侠,你真的了解JS中的toString&toLocaleString方法吗?" target="_blank">大侠,你真的了解JS中的toString&toLocaleString方法吗?</a> <span class="text-muted">不做超级小白</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF/1.htm">web前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>toString()与toLocaleString()的区别:你需要了解的JavaScript字符串化方法在JavaScript中,toString()和toLocaleString()都是对象转换为字符串的常用方法。虽然它们的功能看似相似,但实际上它们有着不同的用途和行为。本文将详细解析这两者的区别,帮助开发者更好地理解并选择适合的字符串化方法。1.toString()方法:目的:toStrin</div> </li> <li><a href="/article/1883246959796482048.htm" title="运行c程序报preLaunchTask“C/C++: gcc 生成活动文件“已终止,退出代码为 -1。" target="_blank">运行c程序报preLaunchTask“C/C++: gcc 生成活动文件“已终止,退出代码为 -1。</a> <span class="text-muted">如若123</span> <a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>出现preLaunchTask“C/C++:gcc生成活动文件"已终止,退出代码为-1错误,意味着编译任务在运行时失败。为了解决这个问题,我们可以从以下几个方面检查和修复问题:1.检查tasks.json配置确保tasks.json配置正确,尤其是源文件路径、编译命令和选项。你可以参考以下完整的tasks.json示例:{"version":"2.0.0","tasks":[{"type":"cp</div> </li> <li><a href="/article/1883242540220608512.htm" title="转帖-在Eclipse中开发JSF" target="_blank">转帖-在Eclipse中开发JSF</a> <span class="text-muted">ren_z_q</span> <a class="tag" taget="_blank" href="/search/JSF/1.htm">JSF</a><a class="tag" taget="_blank" href="/search/Eclipse/1.htm">Eclipse</a><a class="tag" taget="_blank" href="/search/Bean/1.htm">Bean</a><a class="tag" taget="_blank" href="/search/JSP/1.htm">JSP</a><a class="tag" taget="_blank" href="/search/Oracle/1.htm">Oracle</a> <div>(转自http://www.blogjava.net/gaofeng/articles/127842.html作者:Java.net)Eclipse3.3刚刚发布,正在学习JSF,于是使用Eclipse3.3做了一个JSF的Demo,很简单,主要是页面的跳转、组件和Bean的绑定等基础...1、工具准备:Eclipse3.3WTP2.0(最好下载一个all-in-one的版本..省的麻烦)...依</div> </li> <li><a href="/article/1883236972638564352.htm" title="package.json依赖包漏洞之yargs-Parser输入验证错误漏洞" target="_blank">package.json依赖包漏洞之yargs-Parser输入验证错误漏洞</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E6%BC%8F%E6%B4%9E%E5%AE%89%E5%85%A8/1.htm">漏洞安全</a> <div>背景有个安全扫描的流水线,扫描了负责的项目之后,发现一些漏洞。需要说明的是,这个扫描只是针对package.json文件。扫的是依赖树,而不是项目源代码,也不是打包后的代码。但既然是漏洞,都是可以好好学习下的。yargs-Parser输入验证错误漏洞(CVE-2020-7608)被扫描出来的是下面这样的:详情请查看:package.json依赖包漏洞之yargs-Parser输入验证错误漏洞</div> </li> <li><a href="/article/1883236973901049856.htm" title="package.json依赖包漏洞之nodejs-glob-parent正则表达式拒绝服务漏洞" target="_blank">package.json依赖包漏洞之nodejs-glob-parent正则表达式拒绝服务漏洞</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E6%BC%8F%E6%B4%9E%E5%AE%89%E5%85%A8%E5%89%8D%E7%AB%AF/1.htm">漏洞安全前端</a> <div>背景有个安全扫描的流水线,扫描了负责的项目之后,发现一些漏洞。需要说明的是,这个扫描只是针对package.json文件,扫的是依赖树,而不是项目源代码,也不是打包后的代码。但既然是漏洞,都是可以好好学习下的。nodejs-glob-parent正则表达式拒绝服务漏洞(CVE-2020-28469)被扫描出来的是下面这样的:从阿里云漏洞库中可以知道具体是什么漏洞。CVE-2020-28469漏洞的</div> </li> <li><a href="/article/1883234092540030976.htm" title="Serverless Plugin Optimize 使用指南" target="_blank">Serverless Plugin Optimize 使用指南</a> <span class="text-muted">舒林艾Natalie</span> <div>ServerlessPluginOptimize使用指南serverless-plugin-optimize⛔️DEPRECATED⛔️BundlewithBrowserify,transpileandminifywithBabelautomaticallytoyourNodeJSruntimecompatibleJavaScript项目地址:https://gitcode.com/gh_mirr</div> </li> <li><a href="/article/1883233966257926144.htm" title="项目推荐:Serverless优化插件 —— 提升您的云函数性能与效率" target="_blank">项目推荐:Serverless优化插件 —— 提升您的云函数性能与效率</a> <span class="text-muted">井队湛Heath</span> <div>项目推荐:Serverless优化插件——提升您的云函数性能与效率serverless-plugin-optimize⛔️DEPRECATED⛔️BundlewithBrowserify,transpileandminifywithBabelautomaticallytoyourNodeJSruntimecompatibleJavaScript项目地址:https://gitcode.com/gh</div> </li> <li><a href="/article/1883227783065300992.htm" title="请简述vue2和vue3的区别" target="_blank">请简述vue2和vue3的区别</a> <span class="text-muted">youhebuke225</span> <a class="tag" taget="_blank" href="/search/vue%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">vue面试题</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>Vue2和Vue3作为Vue.js框架的两个主要版本,在多个方面存在显著的差异。以下是它们之间主要区别的详细概述:生命周期函数钩子:Vue2:包含了一系列的生命周期钩子函数,如beforeCreate、created、beforeMount等,这些函数在组件的不同生命周期阶段被调用。Vue3:对生命周期函数进行了调整,setup成为了新的入口点,代替了beforeCreate和created。同时</div> </li> <li><a href="/article/1883225511300231168.htm" title="实际开发中的有趣bug:“undefined“ is not valid JSON SyntaxError: “undefined“ is not valid JSON。" target="_blank">实际开发中的有趣bug:“undefined“ is not valid JSON SyntaxError: “undefined“ is not valid JSON。</a> <span class="text-muted">我爱加班、、</span> <a class="tag" taget="_blank" href="/search/vue%E9%A1%B9%E7%9B%AE%E5%AE%9E%E9%99%85%E5%BC%80%E5%8F%91%E4%B8%AD%E7%9A%84bug/1.htm">vue项目实际开发中的bug</a><a class="tag" taget="_blank" href="/search/vuex/1.htm">vuex</a><a class="tag" taget="_blank" href="/search/bug/1.htm">bug</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a> <div>bug解读:指出在尝试解析或序列化JSON数据时遇到了问题。JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式,它要求数据必须是有效的JSON格式。在JavaScript中,undefined是一个特殊的值,表示变量没有被赋值,它不是一个有效的JSON值。场景:在后台项目,用户登录后,通过用户的菜单权限渲染侧边栏菜单,做了持久化存储。当登出后,在登录页刷新页面,</div> </li> <li><a href="/article/1883222358546771968.htm" title="vue-cli项目中使用Electron" target="_blank">vue-cli项目中使用Electron</a> <span class="text-muted">骆驼Lara</span> <a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/electron/1.htm">electron</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>Vue项目中使用Electron一、安装二、创建background.js三、创建preload.js文件四、修改package.json文件五、修改vue.config.js文件六、启动1本地启动2打包补充:一、安装安装electron,electron-builder,vue-cli-plugin-electron-builder,electron-devtoolsnpmi--save-dev</div> </li> <li><a href="/article/1883221350747795456.htm" title="Vue企业开发实战——学习心得" target="_blank">Vue企业开发实战——学习心得</a> <span class="text-muted">sienn</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>一、Vue.js简介Vue.js是一个渐进式JavaScript框架,用于构建用户界面。它与其他大型框架的不同之处在于,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,也便于与第三方库或已有项目整合。二、环境配置安装Node.js和npm:Vue.js的开发需要使用Node.js和npm(Node包管理器)。可以从Node.js的官网下载并安装Node.js,它会自动</div> </li> <li><a href="/article/1883217441463529472.htm" title="前端构建工具" target="_blank">前端构建工具</a> <span class="text-muted">光影少年</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E6%9E%84%E5%BB%BA/1.htm">软件构建</a> <div>前端构建工具是开发现代Web应用时不可或缺的工具,用于优化代码、提升开发效率、以及实现高效的构建和部署。以下是常见的前端构建工具及其作用:1.模块打包工具Webpack特点:功能强大,插件与配置灵活。作用:将模块(JS、CSS、图片等)打包成浏览器可运行的文件。适用场景:中大型项目,需高度自定义。Vite特点:轻量、快速构建,基于ESModules。作用:适合现代框架如Vue、React,热更新速</div> </li> <li><a href="/article/1883217441950068736.htm" title="node和nest生态及区别和优势" target="_blank">node和nest生态及区别和优势</a> <span class="text-muted">光影少年</span> <a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>Node.js与Nest.js的生态与区别及优势1.Node.js生态Node.js是一个基于V8引擎的JavaScript运行时,支持高性能、非阻塞I/O,用于构建服务器端应用程序。生态特点核心模块:提供基础模块(如fs,http,events等),可以直接用于开发。允许构建高性能网络应用,如Web服务器、API服务等。NPM(NodePackageManager):全球最大的包管理器,提供丰富</div> </li> <li><a href="/article/1883214412874051584.htm" title="Vue.js组件开发详解" target="_blank">Vue.js组件开发详解</a> <span class="text-muted">小俊学长</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Vue.js组件开发详解Vue.js是一个用于构建用户界面的渐进式框架,其核心思想是通过数据驱动视图的变化,同时提供了一系列强大的工具来帮助开发者高效地开发复杂的单页应用。在Vue.js中,组件是构建复杂应用的基本单元,通过组件化开发,我们可以将应用拆分成可复用的、独立的模块,从而提高开发效率和代码的可维护性。本文将详细讲解Vue.js组件的开发过程,从基础概念到高级技巧,全面覆盖组件开发的各个方</div> </li> <li><a href="/article/1883211134526353408.htm" title="Vue.js如何阻止事件冒泡" target="_blank">Vue.js如何阻止事件冒泡</a> <span class="text-muted">JhzDev</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/Vue.Js/1.htm">Vue.Js</a> <div>事件冒泡是指当一个元素上的事件被触发时,该事件会从该元素开始向上层元素逐级触发,直至到达文档根节点。在Vue.js中,我们可以使用事件修饰符来阻止事件冒泡。下面我将详细介绍如何在Vue.js中实现事件冒泡的阻止。首先,让我们创建一个简单的Vue.js应用程序,以便演示事件冒泡的问题和解决方案。在HTML中,我们将创建一个包含两个嵌套元素的div,每个元素都绑定了点击事件。当点击内部元素时,我们希望</div> </li> <li><a href="/article/1883209620986589184.htm" title="计算机毕业设计之jsp影视推荐系统" target="_blank">计算机毕业设计之jsp影视推荐系统</a> <span class="text-muted">我的微信bishe911</span> <a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a> <div>随着信息化时代的到来,网络系统都趋向于智能化、系统化,影视推荐系统也不例外,但目前国内的很多行业仍使用人工管理,影视信息量也越来越庞大,人工管理显然已无法应对时代的变化,而影视推荐系统能很好地解决这一问题,轻松的对影视信息进行评分,既能提高用户对影视推荐的了解,又能快捷的查看影视信息,取代人工管理是必然趋势。本影视推荐系统以SSM作为框架,B/S模式以及MySql作为后台运行的数据库。本系统主要包</div> </li> <li><a href="/article/1883209494624792576.htm" title="Vue.js组件开发研究" target="_blank">Vue.js组件开发研究</a> <span class="text-muted">清北互联木材</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>摘要随着前端技术的快速发展,Vue.js以其轻量级、高性能和组件化开发的优势,在前端开发领域占据了重要地位。本研究深入探讨了Vue.js组件开发的理论基础、开发方法以及实际应用。通过系统梳理Vue.js框架的核心特性、组件化思想及Vue.js组件的基本概念,本研究为Vue.js组件开发提供了全面的理论支撑。进一步地,本研究详细介绍了Vue.js组件的设计原则、组成要素及组件之间的关系,并阐述了组件</div> </li> <li><a href="/article/1883206217493442560.htm" title="什么是vue.js组件开发,我们需要做哪些准备工作?" target="_blank">什么是vue.js组件开发,我们需要做哪些准备工作?</a> <span class="text-muted">大懒猫软件</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>Vue.js是一个非常流行的前端框架,用于构建用户界面。组件开发是Vue.js的核心概念之一,通过将界面拆分为独立的组件,可以提高代码的可维护性和复用性。以下是一个详细的Vue.js组件开发指南,包括基础概念、开发流程和代码示例。一、Vue.js组件开发基础1.组件的基本结构Vue.js组件是一个独立的、可复用的UI元素。每个组件都有自己的模板、逻辑和样式。组件的基本结构如下:vue复制{{tit</div> </li> <li><a href="/article/1883195501923332096.htm" title="vscode 顶部 Command Center,minimap" target="_blank">vscode 顶部 Command Center,minimap</a> <span class="text-muted">AI算法网奇</span> <a class="tag" taget="_blank" href="/search/python%E5%9F%BA%E7%A1%80/1.htm">python基础</a><a class="tag" taget="_blank" href="/search/python%E5%AE%9D%E5%85%B8/1.htm">python宝典</a><a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%BE%91%E5%99%A8/1.htm">编辑器</a> <div>目录vscode顶部CommandCenter设置显示步骤:minimap设置方法一:使用设置界面方法二:使用命令面板方法三:编辑settings.json文件左侧目录树和编辑器字体不一致:OPENEDITORSvscode顶部CommandCenterVisualStudioCode(VSCode)中的CommandCenter是一个集中管理命令和功能的工具,如果顶部没有显示,你可以按照以下步骤</div> </li> <li><a href="/article/1883182244529500160.htm" title="GB/T28181 全栈开发日记[6]:React 快速接入 jessibuca.js 播放器" target="_blank">GB/T28181 全栈开发日记[6]:React 快速接入 jessibuca.js 播放器</a> <span class="text-muted">gospace</span> <a class="tag" taget="_blank" href="/search/%E4%BB%8E/1.htm">从</a><a class="tag" taget="_blank" href="/search/0/1.htm">0</a><a class="tag" taget="_blank" href="/search/%E5%88%B0%E5%AE%9E%E7%8E%B0/1.htm">到实现</a><a class="tag" taget="_blank" href="/search/GB%2FT/1.htm">GB/T</a><a class="tag" taget="_blank" href="/search/28181/1.htm">28181</a><a class="tag" taget="_blank" href="/search/%E5%8D%8F%E8%AE%AE%E7%9A%84%E5%AE%8C%E6%95%B4%E5%AE%9E%E8%B7%B5/1.htm">协议的完整实践</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/golang/1.htm">golang</a><a class="tag" taget="_blank" href="/search/%E9%9F%B3%E8%A7%86%E9%A2%91/1.htm">音视频</a> <div>GB/T28181全栈开发日记[6]:React快速接入jessibuca.js播放器服务端源代码github.com/gowvp/gb28181前端源代码github.com/gowvp/gb28181_web介绍GoWVP(GolangWebVideoPlatfrom)是一个Go语言实现的,基于GB28181-2022标准实现的网络视频平台,负责实现核心信令与设备管理后台部分,支持海康、大华、</div> </li> <li><a href="/article/1883181361058082816.htm" title="Jetty切Tomcat部署应用之根路径/总是跳转index页面" target="_blank">Jetty切Tomcat部署应用之根路径/总是跳转index页面</a> <span class="text-muted">upcdxlq</span> <a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a> <div>问题描述项目之前在Jetty下运行的,http://ip:port/context/原本是进入到Controller的@RequestMappin(“/”)方法的,但部署到Tomcat下,总是跳转到index.jsp问题分析1、访问应用的其他路径都正常,这个请求压根没有得到DispatchServlet处理,默认返回index.jsp,应该是tomcat配置问题2、那是不是应用的web.xml里配</div> </li> <li><a href="/article/1883181362194739200.htm" title="arcgis api for js 加载google地图" target="_blank">arcgis api for js 加载google地图</a> <span class="text-muted">upcdxlq</span> <div>1、google地图服务地址说明http://mt.google.cn/vt/lyrs=s@112&hl=zh-CN&gl=cn//卫星地图服务http://mt.google.cn/vt/lyrs=h@177000000&hl=zh-CN&gl=cn//地区名称矢量地图服务http://mt.google.cn/vt/lyrs=m@112&hl=zh-CN&gl=cn//矢量地图服务2、自定义加</div> </li> <li><a href="/article/1883179849695162368.htm" title="springmvc继承Converter格式化时间不起作用" target="_blank">springmvc继承Converter格式化时间不起作用</a> <span class="text-muted">牛十二</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a> <div>JSONparseerror:Cannotdeserializevalueoftype`java.util.Date`fromString"2018-10-1921:33:16":notavalidrepresentation(error:FailedtoparseDatevalue'2018-10-1921:33:16':Cannotparsedate"2018-10-1921:33:16":w</div> </li> <li><a href="/article/1883174673584287744.htm" title="JavaScript原型链污染漏洞分析" target="_blank">JavaScript原型链污染漏洞分析</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E6%BC%8F%E6%B4%9E%E5%AE%89%E5%85%A8/1.htm">漏洞安全</a> <div>原型链污染漏洞CVE:1、yargs-Parser输入验证错误漏洞(CVE-2020-7608)2、tough-cookie安全漏洞(CVE-2023-26136)3、JSON5原型污染漏洞(CVE-2022-46175)漏洞描述:1、yargs-Parser输入验证错误漏洞(CVE-2020-7608):yargs-parser是一款选项解析器。yargs-parser13.1.2之前版本、14</div> </li> <li><a href="/article/1883174294788304896.htm" title="nvm--npm ERR! Unexpected token '.'" target="_blank">nvm--npm ERR! Unexpected token '.'</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a> <div>背景在windows电脑上安装了nvm后,通过nvm安装了两个版本的node.js。大部分项目用的是v14版本,而另一个项目用的是v16版本。当切换到v16版本的node.js后,然后想通过npm安装pnpm,结果报错了。npmERR!Unexpectedtoken'.'解决过程在大部分项目下,也就是node.js的版本是v14的时候,npm安装是没问题的。为啥切换到v16版本后,npm安装就报错</div> </li> <li><a href="/article/39.htm" title="java Illegal overloaded getter method with ambiguous type for propert的解决" target="_blank">java Illegal overloaded getter method with ambiguous type for propert的解决</a> <span class="text-muted">zwllxs</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a> <div>好久不来iteye,今天又来看看,哈哈,今天碰到在编码时,反射中会抛出 Illegal overloaded getter method with ambiguous type for propert这么个东东,从字面意思看,是反射在获取getter时迷惑了,然后回想起java在boolean值在生成getter时,分别有is和getter,也许我们的反射对象中就有is开头的方法迷惑了jdk,</div> </li> <li><a href="/article/166.htm" title="IT人应当知道的10个行业小内幕" target="_blank">IT人应当知道的10个行业小内幕</a> <span class="text-muted">beijingjava</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E4%BA%92%E8%81%94%E7%BD%91/1.htm">互联网</a> <div>10. 虽然IT业的薪酬比其他很多行业要好,但有公司因此视你为其“佣人”。   尽管IT人士的薪水没有互联网泡沫之前要好,但和其他行业人士比较,IT人的薪资还算好点。在接下的几十年中,科技在商业和社会发展中所占分量会一直增加,所以我们完全有理由相信,IT专业人才的需求量也不会减少。   然而,正因为IT人士的薪水普遍较高,所以有些公司认为给了你这么多钱,就把你看成是公司的“佣人”,拥有你的支配</div> </li> <li><a href="/article/293.htm" title="java 实现自定义链表" target="_blank">java 实现自定义链表</a> <span class="text-muted">CrazyMizzz</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a> <div>1.链表结构   链表是链式的结构 2.链表的组成    链表是由头节点,中间节点和尾节点组成    节点是由两个部分组成:       1.数据域       2.引用域 3.链表的实现 &nbs</div> </li> <li><a href="/article/420.htm" title="web项目发布到服务器后图片过一会儿消失" target="_blank">web项目发布到服务器后图片过一会儿消失</a> <span class="text-muted">麦田的设计者</span> <a class="tag" taget="_blank" href="/search/struts2/1.htm">struts2</a><a class="tag" taget="_blank" href="/search/%E4%B8%8A%E4%BC%A0%E5%9B%BE%E7%89%87/1.htm">上传图片</a><a class="tag" taget="_blank" href="/search/%E6%B0%B8%E4%B9%85%E4%BF%9D%E5%AD%98/1.htm">永久保存</a> <div>  作为一名学习了android和j2ee的程序员,我们必须要意识到,客服端和服务器端的交互是很有必要的,比如你用eclipse写了一个web工程,并且发布到了服务器(tomcat)上,这时你在webapps目录下看到了你发布的web工程,你可以打开电脑的浏览器输入http://localhost:8080/工程/路径访问里面的资源。但是,有时你会突然的发现之前用struts2上传的图片</div> </li> <li><a href="/article/547.htm" title="CodeIgniter框架Cart类 name 不能设置中文的解决方法" target="_blank">CodeIgniter框架Cart类 name 不能设置中文的解决方法</a> <span class="text-muted">IT独行者</span> <a class="tag" taget="_blank" href="/search/CodeIgniter/1.htm">CodeIgniter</a><a class="tag" taget="_blank" href="/search/Cart/1.htm">Cart</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6%E3%80%80/1.htm">框架 </a> <div>今天试用了一下CodeIgniter的Cart类时遇到了个小问题,发现当name的值为中文时,就写入不了session。在这里特别提醒一下。 在CI手册里也有说明,如下: $data = array( 'id' => 'sku_123ABC', 'qty' => 1, '</div> </li> <li><a href="/article/674.htm" title="linux回收站" target="_blank">linux回收站</a> <span class="text-muted">_wy_</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%9B%9E%E6%94%B6%E7%AB%99/1.htm">回收站</a> <div>今天一不小心在ubuntu下把一个文件移动到了回收站,我并不想删,手误了。我急忙到Nautilus下的回收站中准备恢复它,但是里面居然什么都没有。     后来我发现这是由于我删文件的地方不在HOME所在的分区,而是在另一个独立的Linux分区下,这是我专门用于开发的分区。而我删除的东东在分区根目录下的.Trash-1000/file目录下,相关的删除信息(删除时间和文件所在</div> </li> <li><a href="/article/801.htm" title="jquery回到页面顶端" target="_blank">jquery回到页面顶端</a> <span class="text-muted">知了ing</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>html代码: <h1 id="anchor">页面标题</h1> <div id="container">页面内容</div> <p><a href="#anchor" class="topLink">回到顶端</a><</div> </li> <li><a href="/article/928.htm" title="B树、B-树、B+树、B*树" target="_blank">B树、B-树、B+树、B*树</a> <span class="text-muted">矮蛋蛋</span> <a class="tag" taget="_blank" href="/search/B%E6%A0%91/1.htm">B树</a> <div>原文地址: http://www.cnblogs.com/oldhorse/archive/2009/11/16/1604009.html B树        即二叉搜索树:        1.所有非叶子结点至多拥有两个儿子(Left和Right); &nb</div> </li> <li><a href="/article/1055.htm" title="数据库连接池" target="_blank">数据库连接池</a> <span class="text-muted">alafqq</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93%E8%BF%9E%E6%8E%A5%E6%B1%A0/1.htm">数据库连接池</a> <div>http://www.cnblogs.com/xdp-gacl/p/4002804.html @Anthor:孤傲苍狼 数据库连接池 用MySQLv5版本的数据库驱动没有问题,使用MySQLv6和Oracle的数据库驱动时候报如下错误: java.lang.ClassCastException: $Proxy0 cannot be cast to java.sql.Connec</div> </li> <li><a href="/article/1182.htm" title="java泛型" target="_blank">java泛型</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/java%E6%B3%9B%E5%9E%8B/1.htm">java泛型</a> <div>泛型 在Java SE 1.5之前,没有泛型的情况的下,通过对类型Object的引用来实现参数的“任意化”,任意化的缺点就是要实行强制转换,这种强制转换可能会带来不安全的隐患   泛型的特点:消除强制转换 确保类型安全 向后兼容   简单泛型的定义:      泛型:就是在类中将其模糊化,在创建对象的时候再具体定义 class fan</div> </li> <li><a href="/article/1309.htm" title="javascript闭包[两个小测试例子]" target="_blank">javascript闭包[两个小测试例子]</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>一.程序一 <script> var name = "The Window"; var Object_a = {   name : "My Object",   getNameFunc : function(){ var that = this;     return function(){     </div> </li> <li><a href="/article/1436.htm" title="探索JUnit4扩展:假设机制(Assumption)" target="_blank">探索JUnit4扩展:假设机制(Assumption)</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Assumption/1.htm">Assumption</a><a class="tag" taget="_blank" href="/search/JUnit/1.htm">JUnit</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a> <div>一.假设机制(Assumption)概述        理想情况下,写测试用例的开发人员可以明确的知道所有导致他们所写的测试用例不通过的地方,但是有的时候,这些导致测试用例不通过的地方并不是很容易的被发现,可能隐藏得很深,从而导致开发人员在写测试用例时很难预测到这些因素,而且往往这些因素并不是开发人员当初设计测试用例时真正目的,</div> </li> <li><a href="/article/1563.htm" title="【Gson四】范型POJO的反序列化" target="_blank">【Gson四】范型POJO的反序列化</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a> <div>在下面这个例子中,POJO(Data类)是一个范型类,在Tests中,指定范型类为PieceData,POJO初始化完成后,通过 String str = new Gson().toJson(data); 得到范型化的POJO序列化得到的JSON串,然后将这个JSON串反序列化为POJO   import com.google.gson.Gson; import java.</div> </li> <li><a href="/article/1690.htm" title="【Spark八十五】Spark Streaming分析结果落地到MySQL" target="_blank">【Spark八十五】Spark Streaming分析结果落地到MySQL</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/Stream/1.htm">Stream</a> <div>几点总结: 1. DStream.foreachRDD是一个Output Operation,类似于RDD的action,会触发Job的提交。DStream.foreachRDD是数据落地很常用的方法 2. 获取MySQL Connection的操作应该放在foreachRDD的参数(是一个RDD[T]=>Unit的函数类型),这样,当foreachRDD方法在每个Worker上执行时,</div> </li> <li><a href="/article/1817.htm" title="NGINX + LUA实现复杂的控制" target="_blank">NGINX + LUA实现复杂的控制</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/nginx+lua/1.htm">nginx lua</a> <div>安装lua_nginx_module 模块 lua_nginx_module 可以一步步的安装,也可以直接用淘宝的OpenResty Centos和debian的安装就简单了。。 这里说下freebsd的安装: fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz tar zxvf lua-5.1.4.tar.gz cd lua-5.1.4 ma</div> </li> <li><a href="/article/1944.htm" title="java-递归判断数组是否升序" target="_blank">java-递归判断数组是否升序</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> public class IsAccendListRecursive { /*递归判断数组是否升序 * if a Integer array is ascending,return true * use recursion */ public static void main(String[] args){ IsAccendListRecursiv</div> </li> <li><a href="/article/2071.htm" title="Netty源码学习-DefaultChannelPipeline2" target="_blank">Netty源码学习-DefaultChannelPipeline2</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/netty/1.htm">netty</a> <div>Netty3的API http://docs.jboss.org/netty/3.2/api/org/jboss/netty/channel/ChannelPipeline.html 里面提到ChannelPipeline的一个“pitfall”: 如果ChannelPipeline只有一个handler(假设为handlerA)且希望用另一handler(假设为handlerB) 来</div> </li> <li><a href="/article/2198.htm" title="Java工具之JPS" target="_blank">Java工具之JPS</a> <span class="text-muted">chinrui</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>JPS使用     熟悉Linux的朋友们都知道,Linux下有一个常用的命令叫做ps(Process Status),是用来查看Linux环境下进程信息的。同样的,在Java Virtual Machine里面也提供了类似的工具供广大Java开发人员使用,它就是jps(Java Process Status),它可以用来</div> </li> <li><a href="/article/2325.htm" title="window.print分页打印" target="_blank">window.print分页打印</a> <span class="text-muted">ctrain</span> <a class="tag" taget="_blank" href="/search/window/1.htm">window</a> <div> function init() { var tt = document.getElementById("tt"); var childNodes = tt.childNodes[0].childNodes; var level = 0; for (var i = 0; i < childNodes.length; i++) { </div> </li> <li><a href="/article/2452.htm" title="安装hadoop时 执行jps命令Error occurred during initialization of VM" target="_blank">安装hadoop时 执行jps命令Error occurred during initialization of VM</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/jps/1.htm">jps</a> <div>在安装hadoop时,执行JPS出现下面错误   [slave16]root@192.168.11.10:/tmp/hsperfdata_hdfs# jps Error occurred during initialization of VM java.lang.Error: Properties init: Could not determine current working</div> </li> <li><a href="/article/2579.htm" title="PHP开发大型项目的一点经验" target="_blank">PHP开发大型项目的一点经验</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E9%87%8D%E6%9E%84/1.htm">重构</a> <div>一、变量 最好是把所有的变量存储在一个数组中,这样在程序的开发中可以带来很多的方便,特别是当程序很大的时候。变量的命名就当适合自己的习惯,不管是用拼音还是英语,至少应当有一定的意义,以便适合记忆。变量的命名尽量规范化,不要与PHP中的关键字相冲突。 二、函数 PHP自带了很多函数,这给我们程序的编写带来了很多的方便。当然,在大型程序中我们往往自己要定义许多个函数,几十</div> </li> <li><a href="/article/2706.htm" title="android笔记之--向网络发送GET/POST请求参数" target="_blank">android笔记之--向网络发送GET/POST请求参数</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>使用GET方法发送请求 private static boolean sendGETRequest (String path, Map<String, String> params) throws Exception{ //发送地http://192.168.100.91:8080/videoServi</div> </li> <li><a href="/article/2833.htm" title="linux复习笔记 之bash shell (3) 通配符" target="_blank">linux复习笔记 之bash shell (3) 通配符</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/linux+%E9%80%9A%E9%85%8D%E7%AC%A6/1.htm">linux 通配符</a><a class="tag" taget="_blank" href="/search/linux%E9%80%9A%E9%85%8D%E7%AC%A6/1.htm">linux通配符</a> <div>转载请出自出处: http://eksliang.iteye.com/blog/2104387 在bash的操作环境中有一个非常有用的功能,那就是通配符。 下面列出一些常用的通配符,如下表所示 符号 意义 * 万用字符,代表0个到无穷个任意字符 ? 万用字符,代表一定有一个任意字符 [] 代表一定有一个在中括号内的字符。例如:[abcd]代表一定有一个字符,可能是a、b、c</div> </li> <li><a href="/article/2960.htm" title="Android关于短信加密" target="_blank">Android关于短信加密</a> <span class="text-muted">gqdy365</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>关于Android短信加密功能,我初步了解的如下(只在Android应用层试验):     1、因为Android有短信收发接口,可以调用接口完成短信收发;         发送过程:APP(基于短信应用修改)接受用户输入号码、内容——>APP对短信内容加密——>调用短信发送方法Sm</div> </li> <li><a href="/article/3087.htm" title="asp.net在网站根目录下创建文件夹" target="_blank">asp.net在网站根目录下创建文件夹</a> <span class="text-muted">hvt</span> <a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/hovertree/1.htm">hovertree</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a><a class="tag" taget="_blank" href="/search/Web+Forms/1.htm">Web Forms</a> <div>假设要在asp.net网站的根目录下建立文件夹hovertree,C#代码如下: string m_keleyiFolderName = Server.MapPath("/hovertree"); if (Directory.Exists(m_keleyiFolderName)) { //文件夹已经存在 return; } else { try { D</div> </li> <li><a href="/article/3214.htm" title="一个合格的程序员应该读过哪些书" target="_blank">一个合格的程序员应该读过哪些书</a> <span class="text-muted">justjavac</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/%E4%B9%A6%E7%B1%8D/1.htm">书籍</a> <div>编者按:2008年8月4日,StackOverflow 网友 Bert F 发帖提问:哪本最具影响力的书,是每个程序员都应该读的? “如果能时光倒流,回到过去,作为一个开发人员,你可以告诉自己在职业生涯初期应该读一本, 你会选择哪本书呢?我希望这个书单列表内容丰富,可以涵盖很多东西。” 很多程序员响应,他们在推荐时也写下自己的评语。 以前就有国内网友介绍这个程序员书单,不过都是推荐数</div> </li> <li><a href="/article/3341.htm" title="单实例实践" target="_blank">单实例实践</a> <span class="text-muted">跑龙套_az</span> <a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B/1.htm">单例</a> <div>   1、内部类 public class Singleton { private static class SingletonHolder { public static Singleton singleton = new Singleton(); } public Singleton getRes</div> </li> <li><a href="/article/3468.htm" title="PO VO BEAN 理解" target="_blank">PO VO BEAN 理解</a> <span class="text-muted">q137681467</span> <a class="tag" taget="_blank" href="/search/VO/1.htm">VO</a><a class="tag" taget="_blank" href="/search/DTO/1.htm">DTO</a><a class="tag" taget="_blank" href="/search/po/1.htm">po</a> <div>PO:      全称是 persistant object持久对象 最形象的理解就是一个PO就是数据库中的一条记录。 好处是可以把一条记录作为一个对象处理,可以方便的转为其它对象。     BO:     全称是 business object:业务对象 主要作用是把业务逻辑封装为一个对象。这个对</div> </li> <li><a href="/article/3595.htm" title="战胜惰性,暗自努力" target="_blank">战胜惰性,暗自努力</a> <span class="text-muted">金笛子</span> <a class="tag" taget="_blank" href="/search/%E5%8A%AA%E5%8A%9B/1.htm">努力</a> <div>偶然看到一句很贴近生活的话:“别人都在你看不到的地方暗自努力,在你看得到的地方,他们也和你一样显得吊儿郎当,和你一样会抱怨,而只有你自己相信这些都是真的,最后也只有你一人继续不思进取。”很多句子总在不经意中就会戳中一部分人的软肋,我想我们每个人的周围总是有那么些表现得“吊儿郎当”的存在,是否你就真的相信他们如此不思进取,而开始放松了对自己的要求随波逐流呢? 我有个朋友是搞技术的,平时嘻嘻哈哈,以</div> </li> <li><a href="/article/3722.htm" title="NDK/JNI二维数组多维数组传递" target="_blank">NDK/JNI二维数组多维数组传递</a> <span class="text-muted">wenzongliang</span> <a class="tag" taget="_blank" href="/search/%E4%BA%8C%E7%BB%B4%E6%95%B0%E7%BB%84/1.htm">二维数组</a><a class="tag" taget="_blank" href="/search/jni/1.htm">jni</a><a class="tag" taget="_blank" href="/search/NDK/1.htm">NDK</a> <div>多维数组和对象数组一样处理,例如二维数组里的每个元素还是一个数组 用jArray表示,直到数组变为一维的,且里面元素为基本类型,去获得一维数组指针。给大家提供个例子。已经测试通过。 Java_cn_wzl_FiveChessView_checkWin( JNIEnv* env,jobject thiz,jobjectArray qizidata) { jint i,j; int s</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类:</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </div> </div> </footer> <!-- 代码高亮 --> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>