我来揭露真相

【速查速记】HTML

文章目录

- 前言
- 标准结构
- 文档基本格式
- 基本概念
- 标签
- 结构元素
- 页面交互元素
- 特殊字符
- 正则表达式
- 浏览器私有属性

前言

作为一个阶段性学习的总结，方便后续查找和记忆。

标准结构

 
 
 
 
我是一个标题

文档基本格式

标记	解释
	声明HTML规范
	告知浏览器，这是一个HTML文件
	封装其他标记
	主要内容
</td> <td>网页标题</td> </tr> <tr> <td><meta></td> <td>name=“keywords” 关键字<br>name=“description” 网页描述<br>name=“author” 网页作者<br></td> </tr> </tbody> </table> <h3>基本概念</h3> <table> <thead> <tr> <th>概念</th> <th>描述</th> </tr> </thead> <tbody> <tr> <td>单标签</td> <td>只能有一个开始标记</td> </tr> <tr> <td>双标签</td> <td>开始标记和结束标记</td> </tr> <tr> <td>相对路径</td> <td>当前目录</td> </tr> <tr> <td>绝对路径</td> <td>全路径</td> </tr> </tbody> </table> <h3>标签</h3> <table> <thead> <tr> <th>标签名</th> <th>含义</th> <th>属性值</th> <th>单/双</th> <th>块/行</th> </tr> </thead> <tbody> <tr> <td>h1~h6</td> <td>标题</td> <td></td> <td>双</td> <td>块</td> </tr> <tr> <td>p</td> <td>段落</td> <td></td> <td>双</td> <td>块</td> </tr> <tr> <td>div</td> <td>无含义用于整体布局</td> <td></td> <td>双</td> <td>块</td> </tr> <tr> <td>span</td> <td>没有语义的通用容器</td> <td></td> <td>双</td> <td>行</td> </tr> <tr> <td>em</td> <td>着重内容</td> <td></td> <td>双</td> <td>行</td> </tr> <tr> <td>strong</td> <td>更重要的内容</td> <td></td> <td>双</td> <td>行</td> </tr> <tr> <td>del</td> <td>删除线</td> <td></td> <td>双</td> <td>行</td> </tr> <tr> <td>ins</td> <td>下划线</td> <td></td> <td>双</td> <td>行</td> </tr> <tr> <td>mark</td> <td>高亮</td> <td></td> <td>双</td> <td>行</td> </tr> <tr> <td>br</td> <td>换行</td> <td></td> <td>单</td> <td>块</td> </tr> <tr> <td>hr</td> <td>分隔</td> <td>alige 水平对齐<br>size 水平粗细<br>color 颜色<br>width 宽度</td> <td>单</td> <td>块</td> </tr> <tr> <td>pre</td> <td>按原文显示</td> <td></td> <td>双</td> <td>块</td> </tr> <tr> <td>img</td> <td>图片</td> <td>src 图片路径<br> alt 图片描述<br> width 图片宽度<br> height 图片高度<br> border 图片边框</td> <td>单</td> <td>块</td> </tr> <tr> <td>a</td> <td>超链接</td> <td>href 指定要跳转到的具体目标<br> target 控制跳转时如何打开页面<br> _self 在本窗口打开<br> _blank 在新窗口打开<br>id 元素的唯一标识，可用于设置锚点</td> <td>双</td> <td>行</td> </tr> <tr> <td>ul</td> <td>无序列表</td> <td></td> <td>双</td> <td>块</td> </tr> <tr> <td>ol</td> <td>有序列表</td> <td></td> <td>双</td> <td>块</td> </tr> <tr> <td>li</td> <td>列表项</td> <td></td> <td>双</td> <td>行</td> </tr> <tr> <td>dl</td> <td>列表定义</td> <td></td> <td>双</td> <td>块</td> </tr> <tr> <td>dt</td> <td>列表定义标题</td> <td></td> <td>双</td> <td>行</td> </tr> <tr> <td>dd</td> <td>列表定义内容</td> <td></td> <td>双</td> <td>行</td> </tr> <tr> <td>table</td> <td>表格</td> <td></td> <td>双</td> <td>块</td> </tr> <tr> <td>tr</td> <td>表格行</td> <td></td> <td>双</td> <td>行</td> </tr> <tr> <td>td</td> <td>表格单元格</td> <td></td> <td>双</td> <td>行</td> </tr> <tr> <td>caption</td> <td>表格标题</td> <td></td> <td>双</td> <td>行</td> </tr> <tr> <td>th</td> <td>表格表头</td> <td></td> <td>双</td> <td>行</td> </tr> <tr> <td>td</td> <td>表格内容</td> <td></td> <td>双</td> <td>行</td> </tr> <tr> <td>form</td> <td>表单</td> <td>action 表单提交地址<br>method 提交方式<br>enctype 表单编码类型<br>novalidate 禁止校验<br>autocomplete 自动完成</td> <td>双</td> <td>块</td> </tr> <tr> <td>input</td> <td>输入框</td> <td>type 类型<br> text 单行文本框<br> password 密码<br> radio 单选按钮<br> checkbox 多选按钮<br> submit 提交按钮<br> reset 重置按钮<br> image 图片按钮<br> hidden 隐藏域 <br>name 标识<br>value 默认值<br>placeholder 提示信息<br>disabled 禁止输入<br>readonly 只读<br>checked 默认选中<br>autofocus 自动获取焦点<br>autocomplete 自动完成<br>required 必填<br>maxlength 最大长度<br>min 最小值<br>max 最大值<br>step 步长<br>accept 文件类型<br>multiple 多选<br>size 宽度<br>list 列表<br>form 表单id<br></td> <td>单</td> <td>行</td> </tr> <tr> <td>textarea</td> <td>多行文本框</td> <td>rows 行数<br>cols 列数<br>placeholder 提示信息<br>disabled 禁止输入<br>readonly 只读<br>autofocus 自动获取焦点<br>autocomplete 自动完成<br>required 必填<br>maxlength 最大长度<br>min 最小值<br>max 最大值<br>step 步长<br>list 列表<br>form 表单id<br></td> <td>单</td> <td>行</td> </tr> <tr> <td>select</td> <td>下拉框</td> <td>name 标识<br>value 默认值<br>multiple 多选<br>size 显示行数<br>disabled 禁止选择<br>autofocus 自动获取焦点<br>autocomplete 自动完成<br>required 必填<br>list 列表<br>form 表单id<br></td> <td>单</td> <td>行</td> </tr> </tbody> </table> <h3>结构元素</h3> <table> <thead> <tr> <th>元素名</th> <th>解释</th> <th>作用</th> </tr> </thead> <tbody> <tr> <td>header</td> <td>头部</td> <td>放置logo、搜索框、菜单</td> </tr> <tr> <td>nav</td> <td>导航</td> <td>提供页面或网站的主要导航链接</td> </tr> <tr> <td>section</td> <td>节</td> <td>表示文档中的独立部分，如章节、页眉、页脚等</td> </tr> <tr> <td>article</td> <td>文章</td> <td>表示文档或页面中的独立内容，如新闻文章、博客条目等</td> </tr> <tr> <td>aside</td> <td>侧边栏</td> <td>包含与主要内容相关但可以被独立出来的信息，如侧边栏</td> </tr> <tr> <td>footer</td> <td>底部</td> <td>通常包含版权信息、联系信息等底部内容</td> </tr> <tr> <td>figure</td> <td>图片</td> <td>用于标记图片、图表或其他媒体的内容</td> </tr> <tr> <td>figcaption</td> <td>图片标题</td> <td>为figure元素内的内容提供标题或说明</td> </tr> <tr> <td>hgroup</td> <td>表格分组</td> <td>表格分组，用于将表格中的行、列、表头等分组，以方便对表格进行样式设置</td> </tr> </tbody> </table> <h3>页面交互元素</h3> <table> <thead> <tr> <th>元素名</th> <th>解释</th> <th>属性值</th> <th>作用</th> </tr> </thead> <tbody> <tr> <td>details</td> <td>详情</td> <td></td> <td>用于创建一个可以显示或隐藏详细信息的可折叠面板</td> </tr> <tr> <td>summary</td> <td>详情标题</td> <td></td> <td>作为details元素的标题，通常可点击以展开/折叠details内容</td> </tr> <tr> <td>progress</td> <td>进度条</td> <td>value 现有量<br>max 总量</td> <td>用于显示一个任务或操作的进度</td> </tr> <tr> <td>meter</td> <td>仪表盘</td> <td>optimum 定义最佳值 <br>min 最小值<br>max 最大值<br>low 低值<br>high 高值<br>value 现有值</td> <td>用于显示一个值在预定义范围中的位置，如进度条</td> </tr> </tbody> </table> <h3>特殊字符</h3> <table> <thead> <tr> <th>符号</th> <th>含义</th> <th>实体名称</th> <th>实体编号</th> </tr> </thead> <tbody> <tr> <td></td> <td>空格</td> <td> </td> <td> </td> </tr> <tr> <td><</td> <td>小于号</td> <td><</td> <td><</td> </tr> <tr> <td>></td> <td>大于号</td> <td>></td> <td>></td> </tr> <tr> <td>&</td> <td>和号</td> <td>&</td> <td>&</td> </tr> <tr> <td>"</td> <td>引号</td> <td>"</td> <td>"</td> </tr> <tr> <td>`</td> <td>反引号</td> <td>´</td> <td>´</td> </tr> <tr> <td>£</td> <td>英镑(pound)</td> <td>£</td> <td>£</td> </tr> <tr> <td>¥</td> <td>元(yen)</td> <td>¥</td> <td>¥</td> </tr> <tr> <td>€</td> <td>欧元(euro)</td> <td>€</td> <td>€</td> </tr> <tr> <td>©</td> <td>版权(copyright)</td> <td>©</td> <td>©</td> </tr> <tr> <td>®</td> <td>注册商标</td> <td>®</td> <td>®</td> </tr> <tr> <td>™</td> <td>商标</td> <td>™</td> <td>™</td> </tr> <tr> <td>×</td> <td>乘号</td> <td>×</td> <td>×</td> </tr> <tr> <td>÷</td> <td>除号</td> <td>÷</td> <td>÷</td> </tr> </tbody> </table> <h3>正则表达式</h3> <table> <thead> <tr> <th>正则表达式</th> <th>说明</th> <th>示例</th> </tr> </thead> <tbody> <tr> <td><code>^</code></td> <td>匹配字符串的开始位置</td> <td><code>^abc</code> 只匹配以 “abc” 开始的字符串</td> </tr> <tr> <td><code>$</code></td> <td>匹配字符串的结束位置</td> <td><code>abc$</code> 只匹配以 “abc” 结束的字符串</td> </tr> <tr> <td><code>.</code></td> <td>匹配除换行符以外的任何单个字符</td> <td><code>a.b</code> 匹配所有形如 “axb” 的字符串，其中 x 是任意字符</td> </tr> <tr> <td><code>\d</code></td> <td>匹配数字字符（等价于 <code>[0-9]</code>）</td> <td><code>\d+</code> 匹配一个或多个连续的数字</td> </tr> <tr> <td><code>\D</code></td> <td>匹配非数字字符</td> <td><code>\D+</code> 匹配一个或多个连续的非数字字符</td> </tr> <tr> <td><code>\w</code></td> <td>匹配字母、数字、下划线（等价于 <code>[a-zA-Z0-9_]</code>）</td> <td><code>\w+</code> 匹配一个或多个连续的字母、数字或下划线</td> </tr> <tr> <td><code>\W</code></td> <td>匹配非字母、数字、下划线</td> <td><code>\W+</code> 匹配一个或多个连续的非字母、非数字或非下划线字符</td> </tr> <tr> <td><code>\s</code></td> <td>匹配空白字符（包括空格、制表符、换页符等）</td> <td><code>\s+</code> 匹配一个或多个连续的空白字符</td> </tr> <tr> <td><code>\S</code></td> <td>匹配非空白字符</td> <td><code>\S+</code> 匹配一个或多个连续的非空白字符</td> </tr> <tr> <td><code>[abc]</code></td> <td>匹配字符 a、b、c 中的任意一个</td> <td><code>[abc]+</code> 匹配一个或多个连续的 a、b 或 c 字符</td> </tr> <tr> <td><code>[^abc]</code></td> <td>匹配非字符 a、b、c 中的任意一个</td> <td><code>[^abc]+</code> 匹配一个或多个连续的非 a、非 b 或非 c 字符</td> </tr> <tr> <td><code>[a-z]</code></td> <td>匹配字符 a 到 z 之间的任意字符</td> <td><code>[a-z]+</code> 匹配一个或多个连续的小写字母</td> </tr> <tr> <td><code>[a-zA-Z]</code></td> <td>匹配字符 a 到 z 或 A 到 Z 之间的任意字符</td> <td><code>[a-zA-Z]+</code> 匹配一个或多个连续的大写或小写字母</td> </tr> <tr> <td><code>[0-9]</code></td> <td>匹配数字 0 到 9 之间的任意字符</td> <td><code>[0-9]+</code> 匹配一个或多个连续的数字</td> </tr> <tr> <td><code>\b</code></td> <td>匹配单词边界</td> <td><code>\bword\b</code> 只匹配完整的单词 “word”</td> </tr> <tr> <td><code>\B</code></td> <td>匹配非单词边界</td> <td><code>\Bword\B</code> 匹配嵌入在其他字符中的 “word”</td> </tr> <tr> <td><code>^\w{6,12}$</code></td> <td>匹配长度为 6 到 12 位的字母、数字或下划线组成的密码</td> <td><code>"abc123"</code>、<code>"password"</code></td> </tr> <tr> <td><code>^\d{6}$</code></td> <td>匹配长度为 6 位的数字组成的密码</td> <td><code>"123456"</code></td> </tr> <tr> <td><code>^\d{18}$</code></td> <td>匹配长度为 18 位的身份证号码</td> <td><code>"123456789012345678"</code></td> </tr> <tr> <td><code>^\d{15}$</code></td> <td>匹配长度为 15 位的旧版身份证号码</td> <td><code>"123456789012345"</code></td> </tr> <tr> <td><code>^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$</code></td> <td>匹配标准的电子邮件地址</td> <td><code>"example@example.com"</code></td> </tr> <tr> <td><code>^\+\d{1,3}\d{10,15}$</code></td> <td>匹配带国家区号的电话号码</td> <td><code>"+8613800138000"</code></td> </tr> <tr> <td><code>^\d{3}-\d{3}-\d{4}$</code></td> <td>匹配美国电话号码格式</td> <td><code>"123-456-7890"</code></td> </tr> <tr> <td><code>^\d{3}-\d{8}$</code></td> <td>匹配中国大陆固定电话号码格式</td> <td><code>"010-12345678"</code></td> </tr> <tr> <td><code>^\d{11}$</code></td> <td>匹配中国大陆手机号码格式</td> <td><code>"13800138000"</code></td> </tr> <tr> <td><code>^\d{5}(?:[-\s]\d{4})?$</code></td> <td>匹配美国邮政编码格式</td> <td><code>"12345"</code>、<code>"12345-6789"</code></td> </tr> <tr> <td><code>^\d{6}$</code></td> <td>匹配中国邮政编码格式</td> <td><code>"100000"</code></td> </tr> <tr> <td>`^(http</td> <td>https)/[a-zA-Z0-9.-]+(?[a-zA-Z0-9._-]<em>)</em>$`</td> <td>匹配标准的 URL 地址</td> </tr> </tbody> </table> <h3>浏览器私有属性</h3> <table> <thead> <tr> <th>浏览器</th> <th>内核</th> <th>私有前缀</th> </tr> </thead> <tbody> <tr> <td><strong>Google Chrome</strong></td> <td>Blink</td> <td><code>-webkit-</code></td> </tr> <tr> <td><strong>Mozilla Firefox</strong></td> <td>Gecko</td> <td><code>-moz-</code></td> </tr> <tr> <td><strong>Safari</strong></td> <td>WebKit</td> <td><code>-webkit-</code></td> </tr> <tr> <td><strong>Microsoft Edge</strong> (旧版本)</td> <td>EdgeHTML</td> <td><code>-ms-</code></td> </tr> <tr> <td><strong>Microsoft Edge</strong> (新版本)</td> <td>Blink</td> <td><code>-webkit-</code></td> </tr> <tr> <td><strong>Internet Explorer</strong></td> <td>Trident</td> <td><code>-ms-</code></td> </tr> <tr> <td><strong>Opera</strong></td> <td>Blink</td> <td><code>-webkit-</code></td> </tr> <tr> <td><strong>Samsung Internet</strong></td> <td>WebKit</td> <td><code>-webkit-</code></td> </tr> <tr> <td><strong>UC Browser</strong></td> <td>WebKit/Blink</td> <td><code>-webkit-</code></td> </tr> <tr> <td><strong>QQ Browser</strong></td> <td>WebKit/Blink</td> <td><code>-webkit-</code></td> </tr> <tr> <td><strong>360 Browser</strong></td> <td>WebKit/Blink</td> <td><code>-webkit-</code></td> </tr> <tr> <td><strong>Maxthon</strong></td> <td>WebKit/Blick</td> <td><code>-webkit-</code></td> </tr> </tbody> </table> <hr> <p>未完待续……</p> </div> </div>�� </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1886781924542836736"></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">你可能感兴趣的:(技术文章,html,前端)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1940571980860289024.htm" title="在LINUX下使用模拟器运行Android" target="_blank">在LINUX下使用模拟器运行Android</a> <span class="text-muted">renjin252252252</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/path/1.htm">path</a><a class="tag" taget="_blank" href="/search/x86/1.htm">x86</a><a class="tag" taget="_blank" href="/search/c/1.htm">c</a> <div>版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明http://glizardy.blogbus.com/logs/42812304.html1到http://developer.android.com/sdk/1.5_r3/index.html下载Linux(i386)android-sdk-linux_x86-1.5_r3.zip178117561bytes350d0211678</div> </li> <li><a href="/article/1940569330269876224.htm" title="Nodejs源码解析之module" target="_blank">Nodejs源码解析之module</a> <span class="text-muted">leoleocs</span> <a class="tag" taget="_blank" href="/search/Javascript/1.htm">Javascript</a><a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a> <div>module管理是Nodejs中比较有特色的部分，官方有详细的文档https://nodejs.org/api/modules.html哪里介绍了一些基本的使用规则，主要的内容如下，文件和模块之间是一一对应关系：使用方法就是require，后续源码解析中会详细介绍什么是require，以及如何实现的。文件的名字就是一个id，也就是标志符。如何访问和被确认为主模块：简单的说就是被nodejs启动的模</div> </li> <li><a href="/article/1940564285268750336.htm" title="Vue简介，什么是Vue（Vue3）？" target="_blank">Vue简介，什么是Vue（Vue3）？</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>什么是Vue？Vue是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单的还是复杂地界面，Vue都可以胜任。声明式渲染：Vue基于标准HTML拓展了一套模板语法，使得我们可以声明式地描述最终输出地HTML和JavaScript状态之间的关系。响应性：Vue会自动跟踪Jav</div> </li> <li><a href="/article/1940557227597295616.htm" title="用鸿蒙打造真正的跨设备数据库：从零实现分布式存储" target="_blank">用鸿蒙打造真正的跨设备数据库：从零实现分布式存储</a> <span class="text-muted">网罗开发</span> <a class="tag" taget="_blank" href="/search/HarmonyOS/1.htm">HarmonyOS</a><a class="tag" taget="_blank" href="/search/%E5%AE%9E%E6%88%98%E6%BA%90%E7%A0%81/1.htm">实战源码</a><a class="tag" taget="_blank" href="/search/%E5%AE%9E%E6%88%98/1.htm">实战</a><a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</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/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a> <div>网罗开发（小红书、快手、视频号同名）大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO</div> </li> <li><a href="/article/1940548526031302656.htm" title="OpenLayers 入门指南【一】：WebGIS基础与OpenLayers概述" target="_blank">OpenLayers 入门指南【一】：WebGIS基础与OpenLayers概述</a> <span class="text-muted">凌往昔</span> <a class="tag" taget="_blank" href="/search/OpenLayers/1.htm">OpenLayers</a><a class="tag" taget="_blank" href="/search/%E5%85%A5%E9%97%A8%E6%8C%87%E5%8D%97/1.htm">入门指南</a><a class="tag" taget="_blank" href="/search/WebGIS/1.htm">WebGIS</a><a class="tag" taget="_blank" href="/search/OpenLayers/1.htm">OpenLayers</a> <div>目录一、什么是WebGIS1.定义2.常用技术栈3.典型应用场景二、什么是OpenLayers1、核心功能特性2、对比Leaflet3、应用场景与发展趋势三、总结一、什么是WebGIS1.定义WebGIS（网络地理信息系统）是传统GIS在互联网领域的延伸，通过浏览器实现空间数据的发布、共享与交互。其核心在于将地理信息处理与Web技术结合，支持跨平台、分布式的地理数据访问2.常用技术栈前端框架：Op</div> </li> <li><a href="/article/1940546132056797184.htm" title="php 输出pdf流文件,php使用tcpdf导出pdf文件" target="_blank">php 输出pdf流文件,php使用tcpdf导出pdf文件</a> <span class="text-muted">传兮留学Transit</span> <a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E8%BE%93%E5%87%BApdf%E6%B5%81%E6%96%87%E4%BB%B6/1.htm">输出pdf流文件</a> <div>需求:将页面中内容以pdf形式导出准备:TCPDF地址：https://tcpdf.org/思路:前端获取到要导出页面的html传递给后端，后端通过tcpdf来进行导出操作。前端代码如下://......//要导出的内容//......导出pdf//......functionexPdf(){varhtml=document.getElementById("pdf-content").innerH</div> </li> <li><a href="/article/1940542344348626944.htm" title="TypeScript简介" target="_blank">TypeScript简介</a> <span class="text-muted">難釋懷</span> <a class="tag" taget="_blank" href="/search/typescript/1.htm">typescript</a><a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>一、前言随着前端开发的快速发展，JavaScript已经成为构建现代Web应用的核心语言。然而，随着项目规模的增长，JavaScript在类型安全性、代码可维护性和团队协作方面逐渐显现出不足。为了解决这些问题，TypeScript应运而生。它不仅保留了JavaScript的灵活性，还引入了强大的静态类型系统和面向对象编程能力，极大地提升了大型项目的开发效率与稳定性。本文将带你全面了解TypeScr</div> </li> <li><a href="/article/1940526965727490048.htm" title="[转载] [Mark]分布式存储必读论文" target="_blank">[转载] [Mark]分布式存储必读论文</a> <span class="text-muted">weixin_30945039</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>原文:http://50vip.com/423.html分布式存储泛指存储存储和管理数据的系统，与无状态的应用服务器不同，如何处理各种故障以保证数据一致，数据不丢，数据持续可用，是分布式存储系统的核心问题，也是极具挑战的问题。本文总结了分布式存储领域的经典论文，供大家参考。TheGoogleFileSystem.SanjayGhemawat,HowardGobioff,andShun-TakLeu</div> </li> <li><a href="/article/1940520416632172544.htm" title="【Python多线程】" target="_blank">【Python多线程】</a> <span class="text-muted">晟翰逸闻</span> <a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>文章目录前言一、Python等待event.set二、pythonracecondition和lock使用使用锁(Lock)三.pythonDeadLock使用等综合运用总结前言这篇技术文章讨论了多线程编程中的几个重要概念。它首先介绍了等待事件的使用，并强调了避免使用“ForLoop&Sleep”进行等待的重要性。接着，文档解释了竞态条件，并提供了处理共享资源的建议，即在使用共享资源时进行加锁和解</div> </li> <li><a href="/article/1940515751102312448.htm" title="大数据项目-Django基于大数据技术实现的农产品销售系统" target="_blank">大数据项目-Django基于大数据技术实现的农产品销售系统</a> <span class="text-muted">IT实战课堂-玲琳娜</span> <a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E6%AF%95%E4%B8%9A%E8%AE%BE%E8%AE%A1/1.htm">计算机毕业设计</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a> <div>《[含文档+PPT+源码等]Django基于大数据技术实现的农产品销售系统》该项目含有源码、文档、PPT、配套开发软件、软件安装教程、包运行成功以及课程答疑与微信售后交流群、送查重系统不限次数免费查重等福利！数据库管理工具：phpstudy/Navicat或者phpstudy/sqlyog后台管理系统涉及技术：后台使用框架：Django前端使用技术：Vue,HTML5,CSS3、JavaScrip</div> </li> <li><a href="/article/1940511713472344064.htm" title="axios的使用以及封装" target="_blank">axios的使用以及封装</a> <span class="text-muted">whhhhhhhhhw</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/axios/1.htm">axios</a> <div>前言：在现代前端开发中，网络请求是不可避免的核心功能之一。无论是获取后端数据、提交表单信息，还是与第三方API交互，高效且可靠的HTTP请求库至关重要。axios作为一款基于Promise的HTTP客户端，凭借其简洁的API设计、强大的拦截器机制以及广泛的浏览器和Node.js兼容性，成为开发者首选的工具之一。axios不仅提供了基础的GET、POST等请求方法，还支持请求和响应的拦截、取消请求、</div> </li> <li><a href="/article/1940489139090681856.htm" title="＜电子幽灵＞前端第一件：HTML基础笔记下" target="_blank">＜电子幽灵＞前端第一件：HTML基础笔记下</a> <span class="text-muted">靈镌sama</span> <a class="tag" taget="_blank" href="/search/%E7%94%B5%E5%AD%90%E5%B9%BD%E7%81%B5%E9%9A%8F%E6%89%8B%E8%AE%B0/1.htm">电子幽灵随手记</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>HTML基础笔记（下）介绍费曼学习法最重要的部分，即把知识教给一个完全不懂的孩子——或者小白。为了更好的自我学习，也为了让第一次接触某个知识范畴的同学快速入门，我会把我的学习笔记整理成电子幽灵系列。提示：文章的是以解释-代码块-解释的结构呈现的。当你看到代码块并准备复制复现的时候，最好先保证自己看过了代码块前后的解释。＜电子幽灵＞前端第一件：HTML基础笔记上中，最基础的一部分HTML标签和已经以</div> </li> <li><a href="/article/1940488256630091776.htm" title="基于 Three.js 与 WebGL 的商场全景 VR 导航系统源码级解析" target="_blank">基于 Three.js 与 WebGL 的商场全景 VR 导航系统源码级解析</a> <span class="text-muted">维小帮定位导航</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/vr/1.htm">vr</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">前端开发</a><a class="tag" taget="_blank" href="/search/%E5%9C%BA%E6%99%AF%E4%BC%98%E5%8C%96/1.htm">场景优化</a><a class="tag" taget="_blank" href="/search/WebGL/1.htm">WebGL</a><a class="tag" taget="_blank" href="/search/%E7%89%A9%E8%81%94%E7%BD%91/1.htm">物联网</a><a class="tag" taget="_blank" href="/search/%E6%99%BA%E6%85%A7%E5%95%86%E5%9C%BA/1.htm">智慧商场</a> <div>本文面向Web前端开发者、WebGL/Three.js爱好者、对VR/AR应用开发感兴趣的技术人员、智慧商场解决方案开发者。详细介绍如何利用WebGL(Three.js框架)构建高性能的商场全景VR环境，并实现精准的室内定位与3D路径规划导航功能。如需获取商场全景VR导航系统解决方案请前往文章最下方获取，如有项目合作及技术交流欢迎私信作者。一、商场全景VR导航的核心技术概述商场全景VR导航融合了全</div> </li> <li><a href="/article/1940485359297163264.htm" title="基于 Vue + RuoYi 架构设计的商城Web/小程序实训课程" target="_blank">基于 Vue + RuoYi 架构设计的商城Web/小程序实训课程</a> <span class="text-muted">速易达网络</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>以下是基于Vue+RuoYi架构设计的商城Web/小程序实训课程方案，结合企业级开发需求与教学实践，涵盖全栈技术栈与实战模块：一、课程概述目标：通过Vue前端+RuoYi后端（SpringBoot）开发企业级电商系统，实现多终端（Web/H5/小程序）适配，覆盖从架构设计到部署上线的全流程。周期：8周（建议每日3小时）适合人群：具备基础Java/Vue知识的开发者，熟悉HTML/CSS/JavaS</div> </li> <li><a href="/article/1940485106791673856.htm" title="微信小程序实现websocket及单人聊天功能" target="_blank">微信小程序实现websocket及单人聊天功能</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/websocket/1.htm">websocket</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>一、什么是websocket：WebSocket是HTML5下一种新的协议（websocket协议本质上是一个基于tcp的协议）它实现了浏览器与服务器全双工通信，能更好的节省服务器资源和带宽并达到实时通讯的目的Websocket是一个持久化的协议二、websocket的原理：websocket约定了一个通信的规范，通过一个握手的机制，客户端和服务器之间能建立一个类似tcp的连接，从而方便它们之间的</div> </li> <li><a href="/article/1940479302260813824.htm" title="tauri v2 开源项目学习（二）" target="_blank">tauri v2 开源项目学习（二）</a> <span class="text-muted"></span> <div>前言:tauri2编程，前端部分和electron差不多，框架部分差别大，资料少，官网乱，AI又骗我所以在gitee上，寻找tauriv2开源项目，通过记录框架部分与rust部分的写法，对照确定编程方式tarui2插件，可以查看：https://github.com/tauri-apps/plugins-workspace1.EcoPastehttps://gitee.com/ayangweb/E</div> </li> <li><a href="/article/1940479301208043520.htm" title="tauri v2 开源项目学习（一）" target="_blank">tauri v2 开源项目学习（一）</a> <span class="text-muted"></span> <div>前言:tauri2编程，前端部分和electron差不多，框架部分差别大，资料少，官网乱，AI又骗我所以在gitee上，寻找tauriv2开源项目，通过记录框架部分与rust部分的写法，对照确定编程方式提示：不要在VSCode里自动运行Cargo，在powershell里运行Cargobuild，不会卡住1.tauri-desktophttps://gitee.com/MapleKing/taur</div> </li> <li><a href="/article/1940477916278222848.htm" title="前端与UI如何联手，让数字孪生走进现实生活？" target="_blank">前端与UI如何联手，让数字孪生走进现实生活？</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/ui/1.htm">ui</a> <div>数字孪生（DigitalTwin）作为工业互联网的核心技术，正在通过前端技术与用户界面设计的深度协同，从实验室走向大规模应用场景。这种虚实映射系统要求前端框架突破传统二维界面限制，与UI设计思维共同构建三维可视化、实时交互的新型人机界面。本文将从技术融合、系统挑战、交互创新、场景实践和团队协作五个维度，解析数字孪生落地的关键路径。一、技术融合：可视化框架与UI设计工具链的协同进化现代数字孪生系统需</div> </li> <li><a href="/article/1940475137061089280.htm" title="22-4 SQL注入攻击 - post 基于报错的注入" target="_blank">22-4 SQL注入攻击 - post 基于报错的注入</a> <span class="text-muted">技术探索</span> <a class="tag" taget="_blank" href="/search/Web%E5%AE%89%E5%85%A8%E6%94%BB%E9%98%B2%E5%85%A8%E8%A7%A3%E6%9E%90/1.htm">Web安全攻防全解析</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>1、post基于错误单引号注入回显分析注入点位置已经发生变化。在浏览器中，无法直接查看和修改注入点。不过，可以通过使用相应的插件来完成修改任务。修改方法：(一般是网站前端做了限制，我们才需要用到bp绕开限制)要修改Less11注入点的请求，可以使用BurpSuite工具来捕获请求包，并使用其中的"Repeater"功能来进行修改。具体操作步骤如下：首先打开BurpSuite并设置代理，然后在浏览器</div> </li> <li><a href="/article/1940471602143621120.htm" title="SpringBoot返回文件让前端下载的几种方式" target="_blank">SpringBoot返回文件让前端下载的几种方式</a> <span class="text-muted">一朵梨花压海棠go</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</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%90%8E%E7%AB%AF/1.htm">后端</a> <div>01背景在后端开发中，通常会有文件下载的需求，常用的解决方案有两种：不通过后端应用，直接使用nginx直接转发文件地址下载（适用于一些公开的文件，因为这里不需要授权）通过后端进行下载，同时进行一些业务处理本篇主要以方法2进行介绍，方法2的原理步骤如下：读取文件，得到文件的字节流将字节流写入到响应输出流中02一次性读取到内存，通过响应输出流输出到前端@GetMapping("/file/downlo</div> </li> <li><a href="/article/1940470841821163520.htm" title="GUI框架：谈谈框架" target="_blank">GUI框架：谈谈框架</a> <span class="text-muted">baozi3026</span> <a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/command/1.htm">command</a><a class="tag" taget="_blank" href="/search/mfc/1.htm">mfc</a><a class="tag" taget="_blank" href="/search/button/1.htm">button</a><a class="tag" taget="_blank" href="/search/class/1.htm">class</a><a class="tag" taget="_blank" href="/search/string/1.htm">string</a> <div>转帖请注明出处http://www.cppblog.com/cexer/archive/2009/11/15/100988.html1开篇废话我喜欢用C++写GUI框架，因为那种成就感是实实在在地能看到的。从毕业到现在写了好多个了，都是实验性质的。什么拳脚飞刀毒暗器，激光核能反物质，不论是旁门左道的阴暗伎俩，还是名门正派的高明手段，只要是C++里有的技术都试过了。这当中接触过很多底层或是高级的技术</div> </li> <li><a href="/article/1940456342019960832.htm" title="基于HTML的悬窗可拖动记事本" target="_blank">基于HTML的悬窗可拖动记事本</a> <span class="text-muted">孤水寒月</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>基于HTML的悬窗可拖动记事本这款记事本全部使用HTML+CSS+JS实现，可以在浏览器中实现悬浮可拖动的记事本，所有内容存储在浏览器中，清除缓存后将会丢失记事本内容效果展示实现代码Note+×保存删除//拖动逻辑constdraggableWindow=document.getElementById('draggableWindowNote');constdragHeader=doc</div> </li> <li><a href="/article/1940452939948683264.htm" title="Vue 3 中 h 方法详解" target="_blank">Vue 3 中 h 方法详解</a> <span class="text-muted">yqcoder</span> <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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>在Vue3中，h方法是一个用于创建虚拟DOM节点的函数，它是创建渲染函数的核心工具。一、引入h方法import{h}from"vue";constMyComponent={render(){returnh("div","Hello,Vue3!");},};二、语法h(type,props?,children?)1.type必填参数，表示要创建的节点类型。字符串：表示HTML标签名，如'div'、'</div> </li> <li><a href="/article/1940452182633541632.htm" title="VC Spyglass：工具简介" target="_blank">VC Spyglass：工具简介</a> <span class="text-muted">日晨难再</span> <a class="tag" taget="_blank" href="/search/Synopsys/1.htm">Synopsys</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/VC/1.htm">VC</a><a class="tag" taget="_blank" href="/search/Spyglass/1.htm">Spyglass</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E5%AD%97IC/1.htm">数字IC</a><a class="tag" taget="_blank" href="/search/%E7%A1%AC%E4%BB%B6%E5%B7%A5%E7%A8%8B/1.htm">硬件工程</a> <div>相关阅读VCSpyglasshttps://blog.csdn.net/weixin_45791458/category_12828932.html?spm=1001.2014.3001.5482传统上，基于仿真的动态验证技术一直是功能验证的核心方式。随着现代SoC设计日益复杂，静态验证技术的引入变得愈发重要。Synopsys的VCSpyglass解决方案提供了下一代综合性的静态验证平台，包括：V</div> </li> <li><a href="/article/1940449412002148352.htm" title="使用vue-template-loader将模板编译成渲染函数的Webpack配置技巧" target="_blank">使用vue-template-loader将模板编译成渲染函数的Webpack配置技巧</a> <span class="text-muted">前端布洛芬</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E7%99%BD%E8%AF%9D%E5%89%8D%E7%AB%AF%E5%85%AB%E8%82%A1/1.htm">大白话前端八股</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>大白话使用vue-template-loader将模板编译成渲染函数的Webpack配置技巧引言：被模板编译逼疯的周三下午你是否也经历过这样的场景：deadline前的周三下午，咖啡因已经失效，屏幕上却跳出Templatecompilationfailed的红色报错。Vue单文件组件（SFC）的.vue格式用腻了，想试试把模板抽成单独的.html文件，结果webpack配置直接给你脸色看。作为每天</div> </li> <li><a href="/article/1940437940157083648.htm" title="window.accountCenterFeedback详细解析" target="_blank">window.accountCenterFeedback详细解析</a> <span class="text-muted">前端页面仔</span> <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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/react/1.htm">react</a> <div>window.accountCenterFeedback表示访问浏览器全局对象window上的一个属性，通常用于管理账户中心（AccountCenter）的反馈功能。以下是详细解析：1.这是什么？定义：window.accountCenterFeedback是挂载在浏览器全局作用域（window）上的一个对象或方法，通常由前端代码或第三方SDK注入，用于控制账户中心的用户反馈功能（如弹窗、问卷、帮</div> </li> <li><a href="/article/1940429869984837632.htm" title="PHP后台代码解决跨域问题" target="_blank">PHP后台代码解决跨域问题</a> <span class="text-muted">Happiness&Rich</span> <a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E8%B7%A8%E5%9F%9F/1.htm">跨域</a> <div>在前端里面，解决跨域的时候总显得那么的恶心，什么jsonp啊，ajax啊，CORS啊什么的，总觉得是在钻空子进行跨域，其实在PHP文件里面只需要加一段代码就可以跨域了，前端你该怎么写还是怎么写，post，get随便用：header("Access-Control-Allow-Origin:");header('Access-Control-Allow-Methods:POST');header(</div> </li> <li><a href="/article/1940429111986024448.htm" title="在 Vue 中使用 jQuery-UI 的踩坑记" target="_blank">在 Vue 中使用 jQuery-UI 的踩坑记</a> <span class="text-muted">qmzhna_</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a> <div>在使用leaflet开发的时候，有一个需求要在图层的popup上编辑信息，需要一个AutoComplete的组件。但是popup支持的是htmltemplate，只能通过js拼接HTML标签实现。不得已引入了jquery-ui中的AutoComplete组件来完成，在vue中使用jquery-ui过程中踩了不少坑。安装和引入jQuery和jQueryUI首先，我们需要在项目中安装jQuery和jQ</div> </li> <li><a href="/article/1940427340739833856.htm" title="前端代码规范及最佳实践" target="_blank">前端代码规范及最佳实践</a> <span class="text-muted">forlong401</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/HTML5/1.htm">HTML5</a> <div>http://coderlmn.github.io/code-standards/概述本文档包含了Isobar公司的创意技术部（前端工程）开发web应用的规范。现在我们把它开放给任何希望了解我们迭代过程最佳实践的人。编写本文档的主要驱动力是两方面：1)代码一致性以及2)最佳实践。通过保持代码风格和传统的一致性，我们可以减少遗留系统维护的负担，并降低未来系统崩溃的风险。而通过遵照最佳实践，我们能确保</div> </li> <li><a href="/article/1940426204578377728.htm" title="前端领域：jQuery UI组件的使用指南_副本" target="_blank">前端领域：jQuery UI组件的使用指南_副本</a> <span class="text-muted">大厂前端小白菜</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E5%AE%9E%E6%88%98/1.htm">前端开发实战</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/ai/1.htm">ai</a> <div>前端领域：jQueryUI组件的使用指南关键词：jQueryUI、前端组件、交互效果、用户界面、使用指南摘要：本文旨在为前端开发者提供一份全面的jQueryUI组件使用指南。首先介绍了jQueryUI的背景，包括其目的、适用读者、文档结构和相关术语。接着详细阐述了jQueryUI的核心概念与联系，通过文本示意图和Mermaid流程图展示其架构。然后深入讲解了核心算法原理，并给出具体操作步骤和Pyt</div> </li> <li><a href="/article/46.htm" title="Maven" target="_blank">Maven</a> <span class="text-muted">Array_06</span> <a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a> <div>Maven Maven是基于项目对象模型(POM)，信息来管理项目的构建，报告和文档的软件项目管理工具。 Maven 除了以程序构建能力为特色之外，还提供高级项目管理工具。由于 Maven 的缺省构建规则有较高的可重用性，所以常常用两三行 Maven 构建脚本就可以构建简单的项目。由于 Maven 的面向项目的方法，许多 Apache Jakarta 项目发文时使用 Maven，而且公司</div> </li> <li><a href="/article/173.htm" title="ibatis的queyrForList和queryForMap区别" target="_blank">ibatis的queyrForList和queryForMap区别</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/ibatis/1.htm">ibatis</a> <div>一.说明 iBatis的返回值参数类型也有种：resultMap与resultClass，这两种类型的选择可以用两句话说明之： 1.当结果集列名和类的属性名完全相对应的时候，则可直接用resultClass直接指定查询结果类</div> </li> <li><a href="/article/300.htm" title="LeetCode[位运算] - #191 计算汉明权重" target="_blank">LeetCode[位运算] - #191 计算汉明权重</a> <span class="text-muted">Cwind</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a><a class="tag" taget="_blank" href="/search/LeetCode/1.htm">LeetCode</a><a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a><a class="tag" taget="_blank" href="/search/%E9%A2%98%E8%A7%A3/1.htm">题解</a> <div>原题链接：#191 Number of 1 Bits 要求：写一个函数，以一个无符号整数为参数，返回其汉明权重。例如，‘11’的二进制表示为'00000000000000000000000000001011', 故函数应当返回3。汉明权重：指一个字符串中非零字符的个数；对于二进制串，即其中‘1’的个数。难度：简单分析：将十进制参数转换为二进制，然后计算其中1的个数即可。 “</div> </li> <li><a href="/article/427.htm" title="浅谈java类与对象" target="_blank">浅谈java类与对象</a> <span class="text-muted">15700786134</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> java是一门面向对象的编程语言，类与对象是其最基本的概念。所谓对象，就是一个个具体的物体，一个人，一台电脑，都是对象。而类，就是对象的一种抽象，是多个对象具有的共性的一种集合，其中包含了属性与方法，就是属于该类的对象所具有的共性。当一个类创建了对象，这个对象就拥有了该类全部的属性，方法。相比于结构化的编程思路，面向对象更适用于人的思维</div> </li> <li><a href="/article/554.htm" title="linux下双网卡同一个IP" target="_blank">linux下双网卡同一个IP</a> <span class="text-muted">被触发</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>转自： http://q2482696735.blog.163.com/blog/static/250606077201569029441/ 由于需要一台机器有两个网卡，开始时设置在同一个网段的IP，发现数据总是从一个网卡发出，而另一个网卡上没有数据流动。网上找了下，发现相同的问题不少：一、关于双网卡设置同一网段IP然后连接交换机的时候出现的奇怪现象。当时没有怎么思考、以为是生成树</div> </li> <li><a href="/article/681.htm" title="安卓按主页键隐藏程序之后无法再次打开" target="_blank">安卓按主页键隐藏程序之后无法再次打开</a> <span class="text-muted">肆无忌惮_</span> <a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%8D%93/1.htm">安卓</a> <div>遇到一个奇怪的问题，当SplashActivity跳转到MainActivity之后，按主页键，再去打开程序，程序没法再打开（闪一下），结束任务再开也是这样，只能卸载了再重装。而且每次在Log里都打印了这句话"进入主程序"。后来发现是必须跳转之后再finish掉SplashActivity 本来代码： // 销毁这个Activity fin</div> </li> <li><a href="/article/808.htm" title="通过cookie保存并读取用户登录信息实例" target="_blank">通过cookie保存并读取用户登录信息实例</a> <span class="text-muted">知了ing</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>通过cookie的getCookies()方法可获取所有cookie对象的集合；通过getName()方法可以获取指定的名称的cookie；通过getValue()方法获取到cookie对象的值。另外，将一个cookie对象发送到客户端，使用response对象的addCookie()方法。下面通过cookie保存并读取用户登录信息的例子加深一下理解。（1）创建index.jsp文件。在改</div> </li> <li><a href="/article/935.htm" title="JAVA 对象池" target="_blank">JAVA 对象池</a> <span class="text-muted">矮蛋蛋</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/ObjectPool/1.htm">ObjectPool</a> <div>原文地址： http://www.blogjava.net/baoyaer/articles/218460.html Jakarta对象池 ☆为什么使用对象池恰当地使用对象池化技术，可以有效地减少对象生成和初始化时的消耗，提高系统的运行效率。Jakarta Commons Pool组件提供了一整套用于实现对象池化</div> </li> <li><a href="/article/1062.htm" title="ArrayList根据条件+for循环批量删除的方法" target="_blank">ArrayList根据条件+for循环批量删除的方法</a> <span class="text-muted">alleni123</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>场景如下： ArrayList<Obj> list Obj-> createTime, sid. 现在要根据obj的createTime来进行定期清理。（释放内存） ------------------------- 首先想到的方法就是 for(Obj o:list){ if(o.createTime-currentT>xxx){ </div> </li> <li><a href="/article/1189.htm" title="阿里巴巴“耕地宝”大战各种宝" target="_blank">阿里巴巴“耕地宝”大战各种宝</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E5%B9%B3%E5%8F%B0%E6%88%98%E7%95%A5/1.htm">平台战略</a> <div>“耕地保”平台是阿里巴巴和安徽农民共同推出的一个 “首个互联网定制私人农场”，“耕地宝”由阿里巴巴投入一亿，主要是用来进行农业方面，将农民手中的散地集中起来不仅加大农民集体在土地上面的话语权，还增加了土地的流通与利用率，提高了土地的产量，有利于大规模的产业化的高科技农业的发展，阿里在农业上的探索将会引起新一轮的产业调整，但是集体化之后农民的个体的话语权将更少，国家应出台相应的法律法规保护</div> </li> <li><a href="/article/1316.htm" title="Spring注入有继承关系的类（1）" target="_blank">Spring注入有继承关系的类（1）</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/spring/1.htm">spring</a> <div>一个类一个类的注入 1.AClass类 package com.bijian.spring.test2; public class AClass { String a; String b; public String getA() { return a; } public void setA(Strin</div> </li> <li><a href="/article/1443.htm" title="30岁转型期你能否成为成功人士" target="_blank">30岁转型期你能否成为成功人士</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/%E6%88%90%E5%8A%9F/1.htm">成功</a> <div> 很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人</div> </li> <li><a href="/article/1570.htm" title="[Velocity三]基于Servlet+Velocity的web应用" target="_blank">[Velocity三]基于Servlet+Velocity的web应用</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/velocity/1.htm">velocity</a> <div>什么是VelocityViewServlet 使用org.apache.velocity.tools.view.VelocityViewServlet可以将Velocity集成到基于Servlet的web应用中，以Servlet+Velocity的方式实现web应用 Servlet + Velocity的一般步骤 1.自定义Servlet，实现VelocityViewServl</div> </li> <li><a href="/article/1697.htm" title="【Kafka十二】关于Kafka是一个Commit Log Service" target="_blank">【Kafka十二】关于Kafka是一个Commit Log Service</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/service/1.htm">service</a> <div>Kafka is a distributed, partitioned, replicated commit log service.这里的commit log如何理解？ A message is considered "committed" when all in sync replicas for that partition have applied i</div> </li> <li><a href="/article/1824.htm" title="NGINX + LUA实现复杂的控制" target="_blank">NGINX + LUA实现复杂的控制</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/lua+nginx+%E6%8E%A7%E5%88%B6/1.htm">lua nginx 控制</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/1951.htm" title="java-14.输入一个已经按升序排序过的数组和一个数字，在数组中查找两个数，使得它们的和正好是输入的那个数字" target="_blank">java-14.输入一个已经按升序排序过的数组和一个数字，在数组中查找两个数，使得它们的和正好是输入的那个数字</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> public class TwoElementEqualSum { /* * 第 14 题：题目：输入一个已经按升序排序过的数组和一个数字，在数组中查找两个数，使得它们的和正好是输入的那个数字。要求时间复杂度是 O(n) 。如果有多对数字的和等于输入的数字，输出任意一对即可。例如输入数组 1 、 2 、 4 、 7 、 11 、 15 和数字 15 。由于 </div> </li> <li><a href="/article/2078.htm" title="Netty源码学习-HttpChunkAggregator-HttpRequestEncoder-HttpResponseDecoder" target="_blank">Netty源码学习-HttpChunkAggregator-HttpRequestEncoder-HttpResponseDecoder</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>今天看Netty如何实现一个Http Server org.jboss.netty.example.http.file.HttpStaticFileServerPipelineFactory： pipeline.addLast("decoder", new HttpRequestDecoder()); pipeline.addLast(&quo</div> </li> <li><a href="/article/2205.htm" title="java敏感词过虑-基于多叉树原理" target="_blank">java敏感词过虑-基于多叉树原理</a> <span class="text-muted">cngolon</span> <a class="tag" taget="_blank" href="/search/%E8%BF%9D%E7%A6%81%E8%AF%8D%E8%BF%87%E8%99%91/1.htm">违禁词过虑</a><a class="tag" taget="_blank" href="/search/%E6%9B%BF%E6%8D%A2%E8%BF%9D%E7%A6%81%E8%AF%8D/1.htm">替换违禁词</a><a class="tag" taget="_blank" href="/search/%E6%95%8F%E6%84%9F%E8%AF%8D%E8%BF%87%E8%99%91/1.htm">敏感词过虑</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E5%8F%89%E6%A0%91/1.htm">多叉树</a> <div>基于多叉树的敏感词、关键词过滤的工具包，用于java中的敏感词过滤 1、工具包自带敏感词词库，第一次调用时读入词库，故第一次调用时间可能较长，在类加载后普通pc机上html过滤5000字在80毫秒左右，纯文本35毫秒左右。 2、如需自定义词库，将jar包考入WEB-INF工程的lib目录，在WEB-INF/classes目录下建一个 utf-8的words.dict文本文件，</div> </li> <li><a href="/article/2332.htm" title="多线程知识" target="_blank">多线程知识</a> <span class="text-muted">cuishikuan</span> <a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a> <div> T1，T2，T3三个线程工作顺序，按照T1，T2，T3依次进行 public class T1 implements Runnable{ @Override </div> </li> <li><a href="/article/2459.htm" title="spring整合activemq" target="_blank">spring整合activemq</a> <span class="text-muted">dalan_123</span> <a class="tag" taget="_blank" href="/search/java+spring+jms/1.htm">java spring jms</a> <div>整合spring和activemq需要搞清楚如下的东东1、ConnectionFactory分： a、spring管理连接到activemq服务器的管理ConnectionFactory也即是所谓产生到jms服务器的链接 b、真正产生到JMS服务器链接的ConnectionFactory还得</div> </li> <li><a href="/article/2586.htm" title="MySQL时间字段究竟使用INT还是DateTime？" target="_blank">MySQL时间字段究竟使用INT还是DateTime？</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div> 环境：Windows XPPHP Version 5.2.9MySQL Server 5.1 第一步、创建一个表date_test（非定长、int时间） CREATE TABLE `test`.`date_test` (`id` INT NOT NULL AUTO_INCREMENT ,`start_time` INT NOT NULL ,`some_content`</div> </li> <li><a href="/article/2713.htm" title="Parcel: unable to marshal value" target="_blank">Parcel: unable to marshal value</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/marshal/1.htm">marshal</a> <div>在两个activity直接传递List<xxInfo>时，出现Parcel: unable to marshal value异常。在MainActivity页面（MainActivity页面向NextActivity页面传递一个List<xxInfo>）： Intent intent = new Intent(this, Next</div> </li> <li><a href="/article/2840.htm" title="linux进程的查看上（ps）" target="_blank">linux进程的查看上（ps）</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/linux+ps/1.htm">linux ps</a><a class="tag" taget="_blank" href="/search/linux+ps+-l/1.htm">linux ps -l</a><a class="tag" taget="_blank" href="/search/linux+ps+aux/1.htm">linux ps aux</a> <div>ps:将某个时间点的进程运行情况选取下来转载请出自出处：http://eksliang.iteye.com/admin/blogs/2119469 http://eksliang.iteye.com ps 这个命令的man page 不是很好查阅，因为很多不同的Unix都使用这儿ps来查阅进程的状态，为了要符合不同版本的需求，所以这个</div> </li> <li><a href="/article/2967.htm" title="为什么第三方应用能早于System的app启动" target="_blank">为什么第三方应用能早于System的app启动</a> <span class="text-muted">gqdy365</span> <a class="tag" taget="_blank" href="/search/System/1.htm">System</a> <div>Android应用的启动顺序网上有一大堆资料可以查阅了，这里就不细述了，这里不阐述ROM启动还有bootloader，软件启动的大致流程应该是启动kernel -> 运行servicemanager 把一些native的服务用命令启动起来（包括wifi, power, rild, surfaceflinger, mediaserver等等）-> 启动Dalivk中的第一个进程Zygot</div> </li> <li><a href="/article/3094.htm" title="App Framework发送JSONP请求(3)" target="_blank">App Framework发送JSONP请求(3)</a> <span class="text-muted">hw1287789687</span> <a class="tag" taget="_blank" href="/search/jsonp/1.htm">jsonp</a><a class="tag" taget="_blank" href="/search/%E8%B7%A8%E5%9F%9F%E8%AF%B7%E6%B1%82/1.htm">跨域请求</a><a class="tag" taget="_blank" href="/search/%E5%8F%91%E9%80%81jsonp/1.htm">发送jsonp</a><a class="tag" taget="_blank" href="/search/ajax%E8%AF%B7%E6%B1%82/1.htm">ajax请求</a><a class="tag" taget="_blank" href="/search/%E8%B6%8A%E7%8B%B1%E8%AF%B7%E6%B1%82/1.htm">越狱请求</a> <div>App Framework 中如何发送JSONP请求呢? 使用jsonp,详情请参考:http://json-p.org/ 如何发送Ajax请求呢? (1)登录 /*** * 会员登录 * @param username * @param password */ var user_login=function(username,password){ // aler</div> </li> <li><a href="/article/3221.htm" title="发福利，整理了一份关于“资源汇总”的汇总" target="_blank">发福利，整理了一份关于“资源汇总”的汇总</a> <span class="text-muted">justjavac</span> <a class="tag" taget="_blank" href="/search/%E8%B5%84%E6%BA%90/1.htm">资源</a> <div>觉得有用的话，可以去github关注：https://github.com/justjavac/awesome-awesomeness-zh_CN 通用 free-programming-books-zh_CN 免费的计算机编程类中文书籍精彩博客集合 hacke2/hacke2.github.io#2 ResumeSample 程序员简历</div> </li> <li><a href="/article/3348.htm" title="用 Java 技术创建 RESTful Web 服务" target="_blank">用 Java 技术创建 RESTful Web 服务</a> <span class="text-muted">macroli</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/REST/1.htm">REST</a> <div>转载：http://www.ibm.com/developerworks/cn/web/wa-jaxrs/ JAX-RS (JSR-311) 【 Java API for RESTful Web Services 】是一种 Java™ API，可使 Java Restful 服务的开发变得迅速而轻松。这个 API 提供了一种基于注释的模型来描述分布式资源。注释被用来提供资源的位</div> </li> <li><a href="/article/3475.htm" title="CentOS6.5-x86_64位下oracle11g的安装详细步骤及注意事项" target="_blank">CentOS6.5-x86_64位下oracle11g的安装详细步骤及注意事项</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/linux/1.htm">linux</a> <div>前言：这两天项目要上线了，由我负责往服务器部署整个项目，因此首先要往服务器安装oracle，服务器本身是CentOS6.5的64位系统，安装的数据库版本是11g，在整个的安装过程中碰到很多的坑，不过最后还是通过各种途径解决并成功装上了。转别写篇博客来记录完整的安装过程以及在整个过程中的注意事项。希望对以后那些刚刚接触的菜鸟们能起到一定的帮助作用。安装过程中可能遇到的问题（注</div> </li> <li><a href="/article/3602.htm" title="HttpClient 4.3 设置keeplive 和 timeout 的方法" target="_blank">HttpClient 4.3 设置keeplive 和 timeout 的方法</a> <span class="text-muted">supben</span> <a class="tag" taget="_blank" href="/search/httpclient/1.htm">httpclient</a> <div>ConnectionKeepAliveStrategy kaStrategy = new DefaultConnectionKeepAliveStrategy() { @Override public long getKeepAliveDuration(HttpResponse response, HttpContext context) { long keepAlive</div> </li> <li><a href="/article/3729.htm" title="Spring 4.2新特性-@Import注解的升级" target="_blank">Spring 4.2新特性-@Import注解的升级</a> <span class="text-muted">wiselyman</span> <a class="tag" taget="_blank" href="/search/spring+4/1.htm">spring 4</a> <div>3.1 @Import @Import注解在4.2之前只支持导入配置类在4.2,@Import注解支持导入普通的java类,并将其声明成一个bean 3.2 示例演示java类 package com.wisely.spring4_2.imp; public class DemoService { public void doSomethin</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>