</code></strong>：浏览器标签页标题。</p> </li>
<li> <p><strong><code><style></code></strong>：内部CSS样式，定义页面外观。</p> </li>
<li> <p><strong><code><body></code></strong>：页面可见内容。</p>
<ul>
<li> <p><strong><code><h1></code></strong>：一级标题。</p> </li>
<li> <p><strong><code><table></code></strong>：商品表格，<code>id="productTable"</code>用于后续JavaScript操作。</p> </li>
<li> <p><strong><code><script></code></strong>：引入外部的JavaScript文件<code>script.js</code>。</p> </li>
</ul> </li>
</ul>
<hr>
<h5>2. 表格结构</h5>
<pre><code class="language-html"><table id="productTable">
<thead>
<tr>
<th>商品 ID</th>
<th>商品名称</th>
<th>单价（元）</th>
<th>库存</th>
</tr>
</thead>
<tbody>
<!-- 动态内容区域 -->
</tbody>
</table></code></pre>
<ul>
<li> <p><strong><code><thead></code></strong>：表格的头部区域，通常包含标题行（<code><th></code>）。</p> </li>
<li> <p><strong><code><tbody></code></strong>：表格的主体区域，数据行（<code><tr></code>和<code><td></code>）将在这里动态插入。</p> </li>
<li> <p><strong><code><tr></code></strong>：表格行（Table Row）。</p> </li>
<li> <p><strong><code><th></code></strong>：表头单元格（Table Header），自动加粗居中。</p> </li>
<li> <p><strong><code><td></code></strong>：普通单元格（Table Data）。</p> </li>
</ul>
<hr>
<h5>3. CSS 样式详解</h5>
<pre><code class="language-html">body {
font-family: Arial, sans-serif; /* 使用Arial字体，无衬线字体更清晰 */
max-width: 800px; /* 页面最大宽度800像素 */
margin: 20px auto; /* 上下边距20px，左右自动（居中） */
padding: 20px; /* 内边距20px */
}
table {
width: 100%; /* 表格占满父容器宽度 */
border-collapse: collapse; /* 合并边框（相邻单元格边框合并为一条） */
box-shadow: 0 0 10px rgba(0,0,0,0.1); /* 添加阴影：X偏移0，Y偏移0，模糊10px，颜色黑色透明度0.1 */
}
th, td {
padding: 12px; /* 单元格内边距 */
text-align: left; /* 文字左对齐 */
border-bottom: 1px solid #e0e0e0; /* 底部边框：1px实线，浅灰色 */
}
th {
background-color: #f5f5f5; /* 表头背景色 */
font-weight: 600; /* 字体加粗（600相当于semibold） */
}
tr:hover {
background-color: #f9f9f9; /* 鼠标悬停时行背景色变为浅灰色 */
}
.no-data {
text-align: center; /* 无数据提示文字居中 */
padding: 20px; /* 内边距 */
}</code></pre>
<hr>
<h4><strong>二、JavaScript 文件详解</strong></h4>
<h5>1. 整体执行流程</h5>
<pre><code class="language-javascript">// 当页面内容加载完成后执行
document.addEventListener('DOMContentLoaded', async () => {
// 代码逻辑
});</code></pre>
<ul>
<li> <p><strong><code>DOMContentLoaded</code> 事件</strong>：当HTML文档完全加载和解析完成（无需等待图片、样式表等）时触发，比<code>window.onload</code>更快。</p> </li>
<li> <p><strong><code>async () => { ... }</code></strong>：定义一个异步函数，用于处理需要等待的操作（如读取文件）。</p> </li>
</ul>
<hr>
<h5>2. 数据加载逻辑</h5>
<pre><code class="language-javascript">try {
const response = await fetch('products.json'); // 1. 发起网络请求
if (!response.ok) throw new Error('文件读取失败'); // 2. 检查响应状态
const products = await response.json(); // 3. 解析JSON数据
renderProducts(products); // 4. 渲染数据
} catch (error) {
// 5. 错误处理
const tbody = document.querySelector('#productTable tbody');
tbody.innerHTML = `<tr class="no-data"><td colspan="4">${error.message}</td></tr>`;
}</code></pre>
<ul>
<li> <p><strong><code>fetch('products.json')</code></strong>：向服务器请求<code>products.json</code>文件，返回一个Promise。</p> </li>
<li> <p><strong><code>await</code></strong>：等待Promise完成，获取响应对象<code>response</code>。</p> </li>
<li> <p><strong><code>response.ok</code></strong>：如果HTTP状态码在200-299范围内，返回<code>true</code>，否则<code>false</code>。</p> </li>
<li> <p><strong><code>response.json()</code></strong>：将响应内容解析为JSON对象。</p> </li>
<li> <p><strong><code>catch</code></strong>：捕获任何错误（如文件不存在、网络错误、JSON解析错误）。</p> </li>
</ul>
<hr>
<h5>3. 渲染函数 <code>renderProducts</code></h5>
<pre><code class="language-javascript">function renderProducts(products) {
const tbody = document.querySelector('#productTable tbody');
tbody.innerHTML = ''; // 清空表格
if (products.length === 0) {
tbody.innerHTML = '<tr class="no-data"><td colspan="4">当前没有商品数据</td></tr>';
return;
}
products.forEach(product => {
const row = document.createElement('tr'); // 创建行元素
row.innerHTML = `
<td>${product.id}</td>
<td>${product.name}</td>
<td>¥${product.price.toFixed(2)}</td>
<td>${product.stock}</td>
`;
tbody.appendChild(row); // 将行添加到表格
});
}</code></pre>
<ul>
<li> <p><strong><code>document.querySelector</code></strong>：通过CSS选择器获取元素，<code>#productTable tbody</code>表示选择id为<code>productTable</code>的元素内部的<code>tbody</code>。</p> </li>
<li> <p><strong><code>innerHTML = ''</code></strong>：清空表格内容，避免重复渲染。</p> </li>
<li> <p><strong><code>product.price.toFixed(2)</code></strong>：将价格保留两位小数（如<code>5.5</code> → <code>5.50</code>）。</p> </li>
<li> <p><strong><code>colspan="4"</code></strong>：合并4列，用于显示无数据或错误提示。</p> </li>
</ul>
<hr>
<h4><strong>三、关键概念解析</strong></h4>
<h5>1. 为什么需要 <code>DOMContentLoaded</code>？</h5>
<ul>
<li> <p>如果JavaScript在HTML元素加载前执行，<code>document.querySelector</code>可能找不到元素，导致错误。</p> </li>
<li> <p><code>DOMContentLoaded</code>确保代码在DOM树构建完成后执行，此时可以安全操作元素。</p> </li>
</ul>
<hr>
<h5>2. <code>async/await</code> 是什么？</h5>
<ul>
<li> <p><strong>异步编程</strong>：JavaScript默认是单线程的，遇到耗时操作（如网络请求）时会阻塞页面。异步编程允许代码在等待操作完成时继续执行其他任务。</p> </li>
<li> <p><strong><code>async</code></strong>：标记函数为异步函数，内部可以使用<code>await</code>。</p> </li>
<li> <p><strong><code>await</code></strong>：暂停异步函数的执行，等待Promise完成，然后继续执行。</p> </li>
</ul>
<hr>
<h5>3. <code>fetch</code> API 的工作流程</h5>
<ol>
<li> <p>发送请求 → 2. 等待响应 → 3. 检查状态 → 4. 解析数据 → 5. 处理错误。</p> </li>
</ol>
<hr>
<h5>4. 动态创建元素的两种方式</h5>
<ul>
<li> <p><strong><code>document.createElement</code> + <code>appendChild</code></strong>：</p> <pre><code class="language-javascript">const row = document.createElement('tr');
const cell = document.createElement('td');
cell.textContent = '数据';
row.appendChild(cell);
tbody.appendChild(row);</code></pre> </li>
<li> <p><strong><code>innerHTML</code></strong>：直接插入HTML字符串，更简洁但需要注意安全性（本例安全，因为数据来自本地文件）。</p> </li>
</ul>
<hr>
<h4><strong>四、本地运行注意事项</strong></h4>
<h5>1. 为什么需要 Live Server？</h5>
<ul>
<li> <p><strong>同源策略</strong>：浏览器禁止通过<code>file://</code>协议发起跨域请求（包括加载本地文件）。</p> </li>
<li> <p><strong>Live Server</strong>：通过<code>http://localhost</code>提供服务，绕过此限制。其他替代方案：VS Code插件、Python的<code>http.server</code>模块等。</p> </li>
</ul>
<hr>
<h5>2. 如何创建 <code>products.json</code>？</h5>
<ul>
<li> <p>文件内容示例：</p> <pre><code class="language-javascript">[
{"id": 1, "name": "苹果", "price": 5.5, "stock": 200},
{"id": 2, "name": "香蕉", "price": 3.2, "stock": 150}
]</code></pre> </li>
<li> <p><strong>注意事项</strong>：</p>
<ul>
<li> <p>字段名必须用双引号包裹。</p> </li>
<li> <p>数字无需引号，字符串需要引号。</p> </li>
<li> <p>文件必须与HTML文件在同一目录（或正确配置路径）。</p> </li>
</ul> </li>
</ul>
<hr>
<h4><strong>五、调试技巧</strong></h4>
<h5>1. 检查控制台错误</h5>
<ul>
<li> <p>按 <strong>F12</strong> 打开开发者工具 → 查看 <strong>Console</strong> 标签页，任何JavaScript错误（如文件未找到、JSON解析错误）会在此显示。</p> </li>
</ul>
<h5>2. 查看网络请求</h5>
<ul>
<li> <p>在开发者工具中打开 <strong>Network</strong> 标签页 → 刷新页面 → 检查<code>products.json</code>请求是否成功，状态码是否为200。</p> </li>
</ul>
<h5>3. 修改样式实时预览</h5>
<ul>
<li> <p>在开发者工具的 <strong>Elements</strong> 标签页中，直接修改元素的CSS样式，实时查看效果。</p> </li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1937067280672288768"></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">你可能感兴趣的:(前端网页,C语言小项目,C语言基础教学,开发语言,javascript,html,c语言,数据结构,c++)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1950232820773351424.htm"
title="移动端城市区县二级联动选择功能实现包" target="_blank">移动端城市区县二级联动选择功能实现包</a>
<span class="text-muted">good2know</span>
<div>本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery</div>
</li>
<li><a href="/article/1950232190038110208.htm"
title="day15｜前端框架学习和算法" target="_blank">day15｜前端框架学习和算法</a>
<span class="text-muted">universe_01</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a>
<div>T22括号生成先把所有情况都画出来，然后（在满足什么情况下）把不符合条件的删除。T78子集要画树状图，把思路清晰。可以用暴力法、回溯法和DFS做这个题DFS深度搜索：每个边都走完，再回溯应用：二叉树搜索，图搜索回溯算法=DFS+剪枝T200岛屿数量（非常经典BFS宽度把树状转化成队列形式，lambda匿名函数“一次性的小函数，没有名字”setup语法糖：让代码更简洁好写的语法ref创建：基本类型的</div>
</li>
<li><a href="/article/1950230678696161280.htm"
title="C++ 计数排序、归并排序、快速排序" target="_blank">C++ 计数排序、归并排序、快速排序</a>
<span class="text-muted">每天搬一点点砖</span>
<a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a>
<div>计数排序：是一种基于哈希的排序算法。他的基本思想是通过统计每个元素的出现次数，然后根据统计结果将元素依次放入排序后的序列中。这种排序算法适用于范围较小的情况，例如整数范围在0到k之间计数排序步骤：1初始化一个长度为最大元素值加1的计数数组，所有元素初始化为02遍历原始数组，将每个元素值作为索引，在计数数组中对应位置加13将数组清空4遍历计数器数组，按照数组中的元素个数放回到元数组中计数排序的优点和</div>
</li>
<li><a href="/article/1950226770049429504.htm"
title="【C++算法】76.优先级队列_前 K 个高频单词" target="_blank">【C++算法】76.优先级队列_前 K 个高频单词</a>
<span class="text-muted">流星白龙</span>
<a class="tag" taget="_blank" href="/search/%E4%BC%98%E9%80%89%E7%AE%97%E6%B3%95C%2B%2B/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/%E7%AE%97%E6%B3%95/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>文章目录题目链接：题目描述：解法C++算法代码：题目链接：692.前K个高频单词题目描述：解法利用堆来解决TopK问题预处理一下原始的字符串数组，用一个哈希表统计一下每一个单词出现的频次。创建一个大小为k的堆频次：小根堆字典序（频次相同的时候）：大根堆循环让元素依次进堆判断提取结果C++算法代码：classSolution{//定义类型别名，PSI表示对typedefpairPSI;//自定义比较</div>
</li>
<li><a href="/article/1950225381961297920.htm"
title="SpringMVC的执行流程" target="_blank">SpringMVC的执行流程</a>
<span class="text-muted"></span>
<div>1、什么是MVCMVC是一种设计模式。MVC的原理图如下所示M-Model模型（完成业务逻辑：有javaBean构成，service+dao+entity）V-View视图（做界面的展示jsp，html……）C-Controller控制器（接收请求—>调用模型—>根据结果派发页面2、SpringMVC是什么SpringMVC是一个MVC的开源框架，SpringMVC=Struts2+Spring，</div>
</li>
<li><a href="/article/1950222602781913088.htm"
title="2023-01-26" target="_blank">2023-01-26</a>
<span class="text-muted">胡喜平</span>
<div>我觉得《可见的学习》一书确实从底层逻辑说清楚了，教学的本质。可是太多术语和概念，一时间难以消化啊。而且知道和懂得有距离，运用就更不行了，需要高手和专家的指导。我需要多听听新课标的讲座了，来反复印证。读论文也有了一点点灵感，明天修改我的论文。</div>
</li>
<li><a href="/article/1950216800016855040.htm"
title="Effective C++ 条款10：令operator=返回一个reference to *this" target="_blank">Effective C++ 条款10：令operator=返回一个reference to *this</a>
<span class="text-muted">君鼎</span>
<a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a>
<div>EffectiveC++条款10：令operator=返回一个referenceto*this核心思想：赋值操作符（operator=）应始终返回当前对象的引用（*this），以实现连锁赋值并保持与内置类型一致的语义。⚠️1.问题场景：违反连锁赋值语义classWidget{public:voidoperator=(constWidget&rhs){//错误：返回voidvalue=rhs.val</div>
</li>
<li><a href="/article/1950215918101524480.htm"
title="第二十二天（数据结构，无头节点的单项链表）" target="_blank">第二十二天（数据结构，无头节点的单项链表）</a>
<span class="text-muted">肉夹馍不加青椒</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/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a>
<div>线性表：一个线性表里面可以是任意的数据元素，但是同一个线性表里面数据应该是同类型的1存在一个/唯一被称为第一个节点的节点2存在一个/唯一被称为最后一个节点的节点3除了第一个以外，每一个元素都有一个前驱节点4除了最后一个，每一个元素都有一个后继节点满足以上性质，这个表就被称为线性表数组就是一个线性表想实现线性表的保存，我们需要考虑下面的事情1元素要保存2元素与元素之间的序偶关系谁是前面的谁是后面的我</div>
</li>
<li><a href="/article/1950214784112717824.htm"
title="C++ ：vector的模拟" target="_blank">C++ ：vector的模拟</a>
<span class="text-muted">诚自然成</span>
<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>目录一、vector的迭代器二、vector的构造函数默认构造函数参数构造函数迭代器范围构造函数拷贝构造函数swap:交换vector重载赋值符析构函数reserve:扩容vectorresize:调整大小push_back:添加元素empty:判空pop_back:后删获取大小与容量：size(),capacity()重载operator[]：元素访问insert：插入元素erase:删除一个元</div>
</li>
<li><a href="/article/1950212284320116736.htm"
title="漫步，跳出藩篱" target="_blank">漫步，跳出藩篱</a>
<span class="text-muted">张巧金沙</span>
<div>最近的教学，倍感不爽。一为这国庆之假，把这课上得支离破碎的。放假前，上了四天课，但我却只上了三天，9月30日，我工作室在搞活动，全天的活动，课当然未能上。10月8日学生回校，上了两天课，学生又放回家了。就觉得学生刚有点状态，又回去逍遥去了。感觉吧，教学内容也不敢大胆甩开膀子去教学，所以呀，这教学内容还真上不走，而且学生学下来效果特差。这不，国庆放假前的一个周，测试了两次，均为第一单元，是自考试以来</div>
</li>
<li><a href="/article/1950208989954371584.htm"
title="Selenium 特殊控件操作与 ActionChains 实践详解" target="_blank">Selenium 特殊控件操作与 ActionChains 实践详解</a>
<span class="text-muted">小馋喵知识杂货铺</span>
<a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95%E5%B7%A5%E5%85%B7/1.htm">测试工具</a>
<div>1.下拉框单选操作(a)使用SeleniumSelect类（标准HTML标签）Selenium提供了内置的Select类用于操作标准下拉框，这种方式简单且直观。fromselenium.webdriver.support.uiimportSelect#定位下拉框dropdown=Select(driver.find_element("id","dropdown_id"))#通过以下三种方式选择单个</div>
</li>
<li><a href="/article/1950207459708694528.htm"
title="聊斋那些事儿" target="_blank">聊斋那些事儿</a>
<span class="text-muted">徒步取经人</span>
<div>网上听一网友说他爸胆子很大，还无神论者，去他们以前得中学看学校了，听他说有一次晚上11点多，他爸爸去关教学楼的大门，走到楼口的时候清晰的听见有人在哭，声音好像在三四楼的样子传出来的，总共就四楼，那个学校，他爸爸一想，谁呀，这么晚了不会有女孩子被男的欺负了吧？就拿着手电筒还有棍子，想着自己一个人还是有点怕，就跑上去了，跑到三楼一听不对，应该是在四楼，就又往上爬上去了，为了给自己壮胆，跑到四楼就喊，谁</div>
</li>
<li><a href="/article/1950207097413103616.htm"
title="微信公众号回调java_处理微信公众号消息回调" target="_blank">微信公众号回调java_处理微信公众号消息回调</a>
<span class="text-muted">weixin_39607620</span>
<a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%85%AC%E4%BC%97%E5%8F%B7%E5%9B%9E%E8%B0%83java/1.htm">微信公众号回调java</a>
<div>1、背景在上一节中，咱们知道如何接入微信公众号，可是以后公众号会与咱们进行交互，那么微信公众号如何通知到咱们本身的服务器呢？咱们知道咱们接入的时候提供的url是GET/mp/entry，那么公众号以后产生的事件将会以POST/mp/entry发送到咱们本身的服务器上。html2、代码实现，此处仍是使用weixin-java-mp这个框架实现一、引入weixin-java-mpcom.github.</div>
</li>
<li><a href="/article/1950206970766094336.htm"
title="C++编程基础与面向对象概念解析" target="_blank">C++编程基础与面向对象概念解析</a>
<span class="text-muted">侯昂</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1%E7%BC%96%E7%A8%8B/1.htm">面向对象编程</a><a class="tag" taget="_blank" href="/search/C%2B%2B%E8%AF%AD%E6%B3%95/1.htm">C++语法</a><a class="tag" taget="_blank" href="/search/%E5%87%BD%E6%95%B0/1.htm">函数</a><a class="tag" taget="_blank" href="/search/%E7%B1%BB%E4%B8%8E%E5%AF%B9%E8%B1%A1/1.htm">类与对象</a><a class="tag" taget="_blank" href="/search/%E7%BB%A7%E6%89%BF%E4%B8%8E%E5%A4%9A%E6%80%81%E6%80%A7/1.htm">继承与多态性</a>
<div>C++编程基础与面向对象概念解析背景简介C++是一种广泛使用的面向对象编程语言，它允许开发者创建高效、灵活且功能强大的程序。本文基于《C++Primer》一书的章节内容，深入解析C++的核心概念和面向对象编程原则，旨在帮助读者构建扎实的C++编程基础。面向对象编程的原则软件危机与进化介绍了软件危机的产生和软件进化的必要性，强调了面向对象编程（OOP）在应对这些问题中的优势。面向对象编程范式讨论了面</div>
</li>
<li><a href="/article/1950206718524846080.htm"
title="手把手教你用C语言实现顺序表" target="_blank">手把手教你用C语言实现顺序表</a>
<span class="text-muted"></span>
<div>hello，大家好，本篇文章旨在为大家讲解如何使用C语言实现顺序表，还有就是小编自己复习一下相关知识，OK，那我们现在开始。在通讯录中，有增删查改等功能，那么顺序表我们也会对以上功能进行实现。一、创建并初始化顺序表1.创建typedefintSLDataType;#defineINIT_CAPACITY4//动态顺序表--按需申请typedefstructSeqList{SLDataType*a;</div>
</li>
<li><a href="/article/1950206309123026944.htm"
title="语文教学反思 ——一单元测试" target="_blank">语文教学反思 ——一单元测试</a>
<span class="text-muted">一抹_绿茶香</span>
<div>我喜欢上语文课，现在最开心的时刻也就是课上那45分钟了。它可以让我和孩子们骑上骏马驰骋在知识的草原上，可以让我们乘着巨轮在书籍的海洋里任意航行……周三举行了一单元测试，今晚一单元的所有内容暂时告一段落。对于这单元我有如下思考：本单元的主题词是“读书”，几篇课文都是围绕着读书来编排的。里面有讲读书乐趣的，讲读书方法的，还有孩子们第一次接触的访谈录等。微笑班级从一年级下学期就开始阅读“闲书”，所以教学</div>
</li>
<li><a href="/article/1950201094361640960.htm"
title="人工智能应用研究快讯 2021-11-30" target="_blank">人工智能应用研究快讯 2021-11-30</a>
<span class="text-muted">峰谷皆平</span>
<div>[HTML]ArtificialIntelligenceforSkinCancerDetection:ScopingReviewATakiddin,JSchneider,YYang,AAbd-Alrazaq...JournalofMedicalInternet...,2021ABSTACT:Background:Skincanceristhemostcommoncancertypeaffectin</div>
</li>
<li><a href="/article/1950200667587014656.htm"
title="学C++的五大惊人好处" target="_blank">学C++的五大惊人好处</a>
<span class="text-muted"></span>
<div>为什么要学c++学c++有什么用学习c++的好处有1.中考可以加分2.高考可能直接录取3.就业广且工资高4.在未来30--50年c++一定是一个很受欢迎的职业5.c++成功的例子deepsick等AI智能C++语言兼备编程效率和编译运行效率的语言C++语言是C语言功能增强版,在c语言的基础上添加了面向对象编程和泛型编程的支持既继承了C语言高效，简洁，快速和可移植的传统,又具备类似Java、Go等其</div>
</li>
<li><a href="/article/1950195876991397888.htm"
title="【Jupyter】个人开发常见命令" target="_blank">【Jupyter】个人开发常见命令</a>
<span class="text-muted">TIM老师</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Pycharm/1.htm">Pycharm</a><a class="tag" taget="_blank" href="/search/%26amp%3B/1.htm">&</a><a class="tag" taget="_blank" href="/search/VSCode/1.htm">VSCode</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/Jupyter/1.htm">Jupyter</a>
<div>1.查看python版本importsysprint(sys.version)2.ipynb/py文件转换jupyternbconvert--topythonmy_file.ipynbipynb转换为mdjupyternbconvert--tomdmy_file.ipynbipynb转为htmljupyternbconvert--tohtmlmy_file.ipynbipython转换为pdfju</div>
</li>
<li><a href="/article/1950194742100815872.htm"
title="用代码生成艺术字：设计个性化海报的秘密" target="_blank">用代码生成艺术字：设计个性化海报的秘密</a>
<span class="text-muted"></span>
<div>本文围绕“用代码生成艺术字：设计个性化海报的秘密”展开，先概述代码生成艺术字在海报设计中的独特价值，接着介绍常用的代码工具（如HTML、CSS、JavaScript等），详细阐述从构思到实现的完整流程，包括字体样式设计、动态效果添加等，还分享了提升艺术字质感的技巧及实际案例。最后总结代码生成艺术字的优势，为设计师提供打造个性化海报的实用指南，助力提升海报设计的独特性与吸引力，符合搜索引擎SEO标准</div>
</li>
<li><a href="/article/1950191208873652224.htm"
title="vue element 封装表单" target="_blank">vue element 封装表单</a>
<span class="text-muted">影子信息</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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>背景：在前端系统开发中，系统页面涉及到的表单组件比较多，所以进行了简单的封装。封装的包括一些Form表单组件，如下：input输入框、select下拉框、等实现效果：理论知识：表单组件官方链接：点击跳转封装组件：封装组件的思路：不封装element组件，每一个input组件绑定一个form对象，例如官网。简单封装element组件，利用for循环生成form表单的每一项el-form-item。进</div>
</li>
<li><a href="/article/1950191165710069760.htm"
title="前端面试每日 3+1 —— 第39天" target="_blank">前端面试每日 3+1 —— 第39天</a>
<span class="text-muted">浪子神剑</span>
<div>今天的面试题(2019.05.25)——第39天[html]title与h1、b与strong、i与em的区别分别是什么？[css]写出你知道的CSS水平和垂直居中的方法[js]说说你对模块化的理解[软技能]公钥加密和私钥加密是什么？《论语》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。前端面试每日3+1题，以面试题来驱动学习，每天进步一点！让努力成为一种习惯，让奋斗成为一种享受！欢迎在Iss</div>
</li>
<li><a href="/article/1950190199627640832.htm"
title="selenium 特殊场景处理" target="_blank">selenium 特殊场景处理</a>
<span class="text-muted"></span>
<div>文章目录前言一、windows的弹窗二、内嵌网页frame三、页签切换四、截图五、弹窗六、JS执行总结前言selenium处理web操作师，有很多特殊的情况需要处理，例如弹窗、内嵌网页，页签切换，js执行等，下面介绍一些可能会遇到的特殊场景一、windows的弹窗importwin32com.client'''创建了一个WScript.ShellCOM(ComponentObjectModel)对</div>
</li>
<li><a href="/article/1950187223672483840.htm"
title="GDP经济社会人文民生栅格数据下载网站汇总" target="_blank">GDP经济社会人文民生栅格数据下载网站汇总</a>
<span class="text-muted">疯狂学习GIS</span>
<div> 本文为“GIS数据获取整理”专栏（https://blog.csdn.net/zhebushibiaoshifu/category_10857546.html）中第八篇独立博客，因此本文全部标题均由“8”开头。本文对目前主要的GDP、社会与经济数据获取网站加以整理与介绍，若需其它GIS领域数据（如遥感影像数据、气象数据、土地土壤数据、农业数据等），大家可以点击上方专栏查看，也可以看这一篇汇总文</div>
</li>
<li><a href="/article/1950185315146723328.htm"
title="《数字时代的学与教》第三模块共读心得" target="_blank">《数字时代的学与教》第三模块共读心得</a>
<span class="text-muted">恭昌</span>
<div>第三模块的主题是教法学法，主要用十一讲来阐述，分别是：同侪教学法、创造学习的新状态、讨论对话还是合作、解锁“拼图法”、把握合作学习五要素、TBL团队合作学习法、游戏式小组合作学习法、差异化教学法、从学科课堂开始的“创客教育”、探究式学习法及搭建“教学脚手架”。难度适中，同伴互助，学到知识，成就感强。教师要创造学生学习的新状态，让学生养成矫正性学习的新状态，即认识错误到自我改正错误，形成新的正确认识</div>
</li>
<li><a href="/article/1950182765181857792.htm"
title="读《教学勇气》有感" target="_blank">读《教学勇气》有感</a>
<span class="text-muted">c养一盆铜钱草</span>
<div>帕尔默的《教学勇气》这本书买了已有几年，记得以前拿起读过，总感觉晦涩难懂，没看几页就被劝退。而如今再次拾起它，是因为眼睛里的血丝，不再适合对着手机和电脑，只能转战纸质书。第一章所提到的教学中自身认同和完整，不就是这个暑假写作课当中反复听到的从我出发吗？对自己进行剖析，找到自己的长处与短处，然后与教学进行结合，只有从“我”出发，才能有底气。书中说：我们更多地了解了自我独特性，我们就能学到展示而非掩饰</div>
</li>
<li><a href="/article/1950181127176122368.htm"
title="C++中std::variant的使用详解和实战代码示例" target="_blank">C++中std::variant的使用详解和实战代码示例</a>
<span class="text-muted">点云SLAM</span>
<a class="tag" taget="_blank" href="/search/C%2B%2B/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><a class="tag" taget="_blank" href="/search/variant/1.htm">variant</a><a class="tag" taget="_blank" href="/search/C%2B%2B%E6%B3%9B%E5%9E%8B%E7%BC%96%E7%A8%8B/1.htm">C++泛型编程</a><a class="tag" taget="_blank" href="/search/%E8%81%94%E5%90%88%E4%BD%93/1.htm">联合体</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/%E7%B1%BB%E5%9E%8B%E6%93%A6%E9%99%A4%E6%9C%BA%E5%88%B6/1.htm">类型擦除机制</a><a class="tag" taget="_blank" href="/search/C%2B%2B17/1.htm">C++17</a>
<div>std::variant是C++17引入的一个类型安全的联合体（type-safeunion），它可以在多个类型之间存储一个值，并在编译时进行类型检查。它是现代C++类型擦除与泛型编程的核心工具之一，适用于构建可变类型结构、消息传递系统、状态机等。一、基本概念#includestd::variantv;类似于联合体union，但类型安全。std::variant只能存储其中一个类型的值。默认构造时</div>
</li>
<li><a href="/article/1950180497007112192.htm"
title="【MySQL】MySQL数据库如何改名" target="_blank">【MySQL】MySQL数据库如何改名</a>
<span class="text-muted">武昌库里写JAVA</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98%E6%B1%87%E6%80%BB%E4%B8%8E%E8%A7%A3%E6%9E%90/1.htm">面试题汇总与解析</a><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/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
<div>MySQL建库授权语句https://www.jianshu.com/p/2237a9649ceeMySQL数据库改名的三种方法https://www.cnblogs.com/gomysql/p/3584881.htmlMySQL安全修改数据库名几种方法https://blog.csdn.net/haiross/article/details/51282417MySQL重命名数据库https://</div>
</li>
<li><a href="/article/1950179109170638848.htm"
title="SVG 在线编辑器" target="_blank">SVG 在线编辑器</a>
<span class="text-muted">lly202406</span>
<a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>SVG在线编辑器引言随着互联网技术的发展，矢量图形在网页设计和数据可视化中扮演着越来越重要的角色。SVG（可缩放矢量图形）因其文件小、无限缩放不模糊的特性，成为了网页设计中常用的图形格式。SVG在线编辑器的出现，为设计师和开发者提供了极大的便利，使得图形的创建和修改变得更加高效。本文将详细介绍SVG在线编辑器的功能、应用场景以及发展趋势。SVG在线编辑器概述SVG在线编辑器是一种基于网页的图形编辑</div>
</li>
<li><a href="/article/1950178809030438912.htm"
title="今年校招竞争真激烈" target="_blank">今年校招竞争真激烈</a>
<span class="text-muted">12_05</span>
<div>程序员满大街，都要找不到工作了。即使人工智能满大街，我也后悔当初没学机器学习，后悔当初没学Java。C++真难找工作。难道毕了业就失业吗？好担心！</div>
</li>
<li><a href="/article/99.htm"
title="ios内付费" target="_blank">ios内付费</a>
<span class="text-muted">374016526</span>
<a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E4%BB%98%E8%B4%B9/1.htm">内付费</a>
<div>近年来写了很多IOS的程序，内付费也用到不少，使用IOS的内付费实现起来比较麻烦，这里我写了一个简单的内付费包，希望对大家有帮助。
具体使用如下:
这里的sender其实就是调用者，这里主要是为了回调使用。
[KuroStoreApi kuroStoreProductId:@"产品ID" storeSender:self storeFinishCallBa</div>
</li>
<li><a href="/article/226.htm"
title="20 款优秀的 Linux 终端仿真器" target="_blank">20 款优秀的 Linux 终端仿真器</a>
<span class="text-muted">brotherlamp</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/linux%E8%A7%86%E9%A2%91/1.htm">linux视频</a><a class="tag" taget="_blank" href="/search/linux%E8%B5%84%E6%96%99/1.htm">linux资料</a><a class="tag" taget="_blank" href="/search/linux%E8%87%AA%E5%AD%A6/1.htm">linux自学</a><a class="tag" taget="_blank" href="/search/linux%E6%95%99%E7%A8%8B/1.htm">linux教程</a>
<div>
终端仿真器是一款用其它显示架构重现可视终端的计算机程序。换句话说就是终端仿真器能使哑终端看似像一台连接上了服务器的客户机。终端仿真器允许最终用户用文本用户界面和命令行来访问控制台和应用程序。（LCTT 译注：终端仿真器原意指对大型机-哑终端方式的模拟，不过在当今的 Linux 环境中，常指通过远程或本地方式连接的伪终端，俗称“终端”。）
你能从开源世界中找到大量的终端仿真器，它们</div>
</li>
<li><a href="/article/353.htm"
title="Solr Deep Paging(solr 深分页)" target="_blank">Solr Deep Paging(solr 深分页)</a>
<span class="text-muted">eksliang</span>
<a class="tag" taget="_blank" href="/search/solr%E6%B7%B1%E5%88%86%E9%A1%B5/1.htm">solr深分页</a><a class="tag" taget="_blank" href="/search/solr%E5%88%86%E9%A1%B5%E6%80%A7%E8%83%BD%E9%97%AE%E9%A2%98/1.htm">solr分页性能问题</a>
<div>转载请出自出处：http://eksliang.iteye.com/blog/2148370
作者：eksliang(ickes) blg:http://eksliang.iteye.com/ 概述
长期以来，我们一直有一个深分页问题。如果直接跳到很靠后的页数，查询速度会比较慢。这是因为Solr的需要为查询从开始遍历所有数据。直到Solr的4.7这个问题一直没有一个很好的解决方案。直到solr</div>
</li>
<li><a href="/article/480.htm"
title="数据库面试题" target="_blank">数据库面试题</a>
<span class="text-muted">18289753290</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98+%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">面试题 数据库</a>
<div>1.union ,union all
网络搜索出的最佳答案：
union和union all的区别是,union会自动压缩多个结果集合中的重复结果，而union all则将所有的结果全部显示出来，不管是不是重复。
Union：对两个结果集进行并集操作，不包括重复行，同时进行默认规则的排序；
Union All：对两个结果集进行并集操作，包括重复行，不进行排序；
2.索引有哪些分类？作用是</div>
</li>
<li><a href="/article/607.htm"
title="Android TV屏幕适配" target="_blank">Android TV屏幕适配</a>
<span class="text-muted">酷的飞上天空</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>先说下现在市面上TV分辨率的大概情况
两种分辨率为主
1.720标清，分辨率为1280x720.
屏幕尺寸以32寸为主，部分电视为42寸
2.1080p全高清，分辨率为1920x1080
屏幕尺寸以42寸为主，此分辨率电视屏幕从32寸到50寸都有
适配遇到问题，已1080p尺寸为例：
分辨率固定不变，屏幕尺寸变化较大。
如：效果图尺寸为1920x1080，如果使用d</div>
</li>
<li><a href="/article/734.htm"
title="Timer定时器与ActionListener联合应用" target="_blank">Timer定时器与ActionListener联合应用</a>
<span class="text-muted">永夜-极光</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>功能:在控制台每秒输出一次
代码:
package Main;
import javax.swing.Timer;
import java.awt.event.*;
public class T {
private static int count = 0;
public static void main(String[] args){
</div>
</li>
<li><a href="/article/861.htm"
title="Ubuntu14.04系统Tab键不能自动补全问题解决" target="_blank">Ubuntu14.04系统Tab键不能自动补全问题解决</a>
<span class="text-muted">随便小屋</span>
<a class="tag" taget="_blank" href="/search/Ubuntu+14.04/1.htm">Ubuntu 14.04</a>
<div>Unbuntu 14.4安装之后就在终端中使用Tab键不能自动补全，解决办法如下：
1、利用vi编辑器打开/etc/bash.bashrc文件（需要root权限）
sudo vi /etc/bash.bashrc
接下来会提示输入密码
2、找到文件中的下列代码
#enable bash completion in interactive shells
#if</div>
</li>
<li><a href="/article/988.htm"
title="学会人际关系三招 轻松走职场" target="_blank">学会人际关系三招 轻松走职场</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/%E8%81%8C%E5%9C%BA/1.htm">职场</a>
<div>要想成功，仅有专业能力是不够的，处理好与老板、同事及下属的人际关系也是门大学问。如何才能在职场如鱼得水、游刃有余呢？在此，教您简单实用的三个窍门。
第一，多汇报
最近，管理学又提出了一个新名词“追随力”。它告诉我们，做下属最关键的就是要多请示汇报，让上司随时了解你的工作进度，有了新想法也要及时建议。不知不觉，你就有了“追随力”，上司会越来越了解和信任你。
第二，勤沟通
团队的力</div>
</li>
<li><a href="/article/1115.htm"
title="《O2O：移动互联网时代的商业革命》读书笔记" target="_blank">《O2O：移动互联网时代的商业革命》读书笔记</a>
<span class="text-muted">aoyouzi</span>
<a class="tag" taget="_blank" href="/search/%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/1.htm">读书笔记</a>
<div>移动互联网的未来：碎片化内容+碎片化渠道=各式精准、互动的新型社会化营销。
O2O：Online to OffLine 线上线下活动
O2O就是在移动互联网时代，生活消费领域通过线上和线下互动的一种新型商业模式。
手机二维码本质：O2O商务行为从线下现实世界到线上虚拟世界的入口。
线上虚拟世界创造的本意是打破信息鸿沟，让不同地域、不同需求的人</div>
</li>
<li><a href="/article/1242.htm"
title="js实现图片随鼠标滚动的效果" target="_blank">js实现图片随鼠标滚动的效果</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/%E6%BB%9A%E5%8A%A8%E5%B1%9E%E6%80%A7%E7%9A%84%E8%8E%B7%E5%8F%96/1.htm">滚动属性的获取</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E7%89%87%E6%BB%9A%E5%8A%A8/1.htm">图片滚动</a><a class="tag" taget="_blank" href="/search/%E5%B1%9E%E6%80%A7%E8%8E%B7%E5%8F%96/1.htm">属性获取</a><a class="tag" taget="_blank" href="/search/%E9%A1%B5%E9%9D%A2%E5%8A%A0%E8%BD%BD/1.htm">页面加载</a>
<div>1,获取样式属性值
top 与顶部的距离
left 与左边的距离
right 与右边的距离
bottom 与下边的距离
zIndex 层叠层次
例子:获取左边的宽度,当css写在body标签中时
<div id="adver" style="position:absolute;top:50px;left:1000p</div>
</li>
<li><a href="/article/1369.htm"
title="ajax同步异步参数async" target="_blank">ajax同步异步参数async</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/async/1.htm">async</a>
<div> 开发项目开发过程中，需要将ajax的返回值赋到全局变量中，然后在该页面其他地方引用，因为ajax异步的原因一直无法成功，需将async:false，使其变成同步的。
格式：
$.ajax({ type: 'POST', ur</div>
</li>
<li><a href="/article/1496.htm"
title="Webx3框架（1）" target="_blank">Webx3框架（1）</a>
<span class="text-muted">Bill_chen</span>
<a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/ibatis/1.htm">ibatis</a>
<div>Webx是淘宝开发的一套Web开发框架，Webx3是其第三个升级版本；采用Eclipse的开发环境，现在支持java开发；
采用turbine原型的MVC框架，扩展了Spring容器，利用Maven进行项目的构建管理，灵活的ibatis持久层支持，总的来说，还是一套很不错的Web框架。
Webx3遵循turbine风格，velocity的模板被分为layout/screen/control三部</div>
</li>
<li><a href="/article/1623.htm"
title="【MongoDB学习笔记五】MongoDB概述" target="_blank">【MongoDB学习笔记五】MongoDB概述</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a>
<div>MongoDB是面向文档的NoSQL数据库，尽量业界还对MongoDB存在一些质疑的声音，比如性能尤其是查询性能、数据一致性的支持没有想象的那么好，但是MongoDB用户群确实已经够多。MongoDB的亮点不在于它的性能，而是它处理非结构化数据的能力以及内置对分布式的支持(复制、分片达到的高可用、高可伸缩)，同时它提供的近似于SQL的查询能力，也是在做NoSQL技术选型时，考虑的一个重要因素。Mo</div>
</li>
<li><a href="/article/1750.htm"
title="spring/hibernate/struts2常见异常总结" target="_blank">spring/hibernate/struts2常见异常总结</a>
<span class="text-muted">白糖_</span>
<a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a>
<div>
Spring
①ClassNotFoundException: org.aspectj.weaver.reflect.ReflectionWorld$ReflectionWorldException
缺少aspectjweaver.jar，该jar包常用于spring aop中
②java.lang.ClassNotFoundException: org.sprin</div>
</li>
<li><a href="/article/1877.htm"
title="jquery easyui表单重置(reset)扩展思路" target="_blank">jquery easyui表单重置(reset)扩展思路</a>
<span class="text-muted">bozch</span>
<a class="tag" taget="_blank" href="/search/form/1.htm">form</a><a class="tag" taget="_blank" href="/search/jquery+easyui/1.htm">jquery easyui</a><a class="tag" taget="_blank" href="/search/reset/1.htm">reset</a>
<div>在jquery easyui表单中 尚未提供表单重置的功能，这就需要自己对其进行扩展。
扩展的时候要考虑的控件有：
combo,combobox,combogrid,combotree,datebox,datetimebox
需要对其添加reset方法，reset方法就是把初始化的值赋值给当前的组件，这就需要在组件的初始化时将值保存下来。
在所有的reset方法添加完毕之后，就需要对fo</div>
</li>
<li><a href="/article/2004.htm"
title="编程之美-烙饼排序" target="_blank">编程之美-烙饼排序</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E4%B9%8B%E7%BE%8E/1.htm">编程之美</a>
<div>
package beautyOfCoding;
import java.util.Arrays;
/*
*《编程之美》的思路是：搜索+剪枝。有点像是写下棋程序：当前情况下，把所有可能的下一步都做一遍；在这每一遍操作里面，计算出如果按这一步走的话，能不能赢（得出最优结果）。
*《编程之美》上代码有很多错误，且每个变量的含义令人费解。因此我按我的理解写了以下代码：
*/
</div>
</li>
<li><a href="/article/2131.htm"
title="Struts1.X 源码分析之ActionForm赋值原理" target="_blank">Struts1.X 源码分析之ActionForm赋值原理</a>
<span class="text-muted">chenbowen00</span>
<a class="tag" taget="_blank" href="/search/struts/1.htm">struts</a>
<div>struts1在处理请求参数之前，首先会根据配置文件action节点的name属性创建对应的ActionForm。如果配置了name属性，却找不到对应的ActionForm类也不会报错，只是不会处理本次请求的请求参数。
如果找到了对应的ActionForm类，则先判断是否已经存在ActionForm的实例，如果不存在则创建实例，并将其存放在对应的作用域中。作用域由配置文件action节点的s</div>
</li>
<li><a href="/article/2258.htm"
title="[空天防御与经济]在获得充足的外部资源之前,太空投资需有限度" target="_blank">[空天防御与经济]在获得充足的外部资源之前,太空投资需有限度</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E8%B5%84%E6%BA%90/1.htm">资源</a>
<div>
这里有一个常识性的问题:
地球的资源,人类的资金是有限的,而太空是无限的.....
就算全人类联合起来,要在太空中修建大型空间站,也不一定能够成功,因为资源和资金,技术有客观的限制....
&</div>
</li>
<li><a href="/article/2385.htm"
title="ORACLE临时表—ON COMMIT PRESERVE ROWS" target="_blank">ORACLE临时表—ON COMMIT PRESERVE ROWS</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E4%B8%B4%E6%97%B6%E8%A1%A8/1.htm">临时表</a>
<div>ORACLE临时表 转
临时表：像普通表一样，有结构，但是对数据的管理上不一样，临时表存储事务或会话的中间结果集，临时表中保存的数据只对当前
会话可见，所有会话都看不到其他会话的数据，即使其他会话提交了，也看不到。临时表不存在并发行为，因为他们对于当前会话都是独立的。
创建临时表时，ORACLE只创建了表的结构（在数据字典中定义），并没有初始化内存空间，当某一会话使用临时表时，ORALCE会</div>
</li>
<li><a href="/article/2512.htm"
title="基于Nginx XSendfile+SpringMVC进行文件下载" target="_blank">基于Nginx XSendfile+SpringMVC进行文件下载</a>
<span class="text-muted">denger</span>
<a class="tag" taget="_blank" href="/search/%E5%BA%94%E7%94%A8%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">应用服务器</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%BA%94%E7%94%A8/1.htm">网络应用</a><a class="tag" taget="_blank" href="/search/lighttpd/1.htm">lighttpd</a>
<div> 在平常我们实现文件下载通常是通过普通 read-write方式，如下代码所示。
@RequestMapping("/courseware/{id}")
public void download(@PathVariable("id") String courseID, HttpServletResp</div>
</li>
<li><a href="/article/2639.htm"
title="scanf接受char类型的字符" target="_blank">scanf接受char类型的字符</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/c/1.htm">c</a>
<div>/*
2013年3月11日22:35:54
目的：学习char只接受一个字符
*/
# include <stdio.h>
int main(void)
{
int i;
char ch;
scanf("%d", &i);
printf("i = %d\n", i);
scanf("%</div>
</li>
<li><a href="/article/2766.htm"
title="学编程的价值" target="_blank">学编程的价值</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a>
<div>发一个人会编程, 想想以后可以教儿女, 是多么美好的事啊, 不管儿女将来从事什么样的职业, 教一教, 对他思维的开拓大有帮助
像这位朋友学习:
http://blog.sina.com.cn/s/articlelist_2584320772_0_1.html
VirtualGS教程 (By @林泰前): 几十年的老程序员，资深的</div>
</li>
<li><a href="/article/2893.htm"
title="二维数组（矩阵）对角线输出" target="_blank">二维数组（矩阵）对角线输出</a>
<span class="text-muted">飞天奔月</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%8C%E7%BB%B4%E6%95%B0%E7%BB%84/1.htm">二维数组</a>
<div>今天在BBS里面看到这样的面试题目,
1，二维数组（N*N），沿对角线方向，从右上角打印到左下角如N=4： 4*4二维数组
{ 1 2 3 4 }
{ 5 6 7 8 }
{ 9 10 11 12 }
{13 14 15 16 }
打印顺序
4
3 8
2 7 12
1 6 11 16
5 10 15
9 14
13
要</div>
</li>
<li><a href="/article/3020.htm"
title="Ehcache（08）——可阻塞的Cache——BlockingCache" target="_blank">Ehcache（08）——可阻塞的Cache——BlockingCache</a>
<span class="text-muted">234390216</span>
<a class="tag" taget="_blank" href="/search/%E5%B9%B6%E5%8F%91/1.htm">并发</a><a class="tag" taget="_blank" href="/search/ehcache/1.htm">ehcache</a><a class="tag" taget="_blank" href="/search/BlockingCache/1.htm">BlockingCache</a><a class="tag" taget="_blank" href="/search/%E9%98%BB%E5%A1%9E/1.htm">阻塞</a>
<div>可阻塞的Cache—BlockingCache
在上一节我们提到了显示使用Ehcache锁的问题，其实我们还可以隐式的来使用Ehcache的锁，那就是通过BlockingCache。BlockingCache是Ehcache的一个封装类，可以让我们对Ehcache进行并发操作。其内部的锁机制是使用的net.</div>
</li>
<li><a href="/article/3147.htm"
title="mysqldiff对数据库间进行差异比较" target="_blank">mysqldiff对数据库间进行差异比较</a>
<span class="text-muted">jackyrong</span>
<a class="tag" taget="_blank" href="/search/mysqld/1.htm">mysqld</a>
<div> mysqldiff该工具是官方mysql-utilities工具集的一个脚本，可以用来对比不同数据库之间的表结构，或者同个数据库间的表结构
如果在windows下，直接下载mysql-utilities安装就可以了，然后运行后，会跑到命令行下：
1） 基本用法
mysqldiff --server1=admin:12345</div>
</li>
<li><a href="/article/3274.htm"
title="spring data jpa 方法中可用的关键字" target="_blank">spring data jpa 方法中可用的关键字</a>
<span class="text-muted">lawrence.li</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>spring data jpa 支持以方法名进行查询/删除/统计。
查询的关键字为find
删除的关键字为delete/remove (>=1.7.x)
统计的关键字为count (>=1.7.x)
修改需要使用@Modifying注解
@Modifying
@Query("update User u set u.firstna</div>
</li>
<li><a href="/article/3401.htm"
title="Spring的ModelAndView类" target="_blank">Spring的ModelAndView类</a>
<span class="text-muted">nicegege</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a>
<div>项目中controller的方法跳转的到ModelAndView类，一直很好奇spring怎么实现的？
/*
* Copyright 2002-2010 the original author or authors.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* yo</div>
</li>
<li><a href="/article/3528.htm"
title="搭建 CentOS 6 服务器(13) - rsync、Amanda" target="_blank">搭建 CentOS 6 服务器(13) - rsync、Amanda</a>
<span class="text-muted">rensanning</span>
<a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a>
<div>（一）rsync
Server端
# yum install rsync
# vi /etc/xinetd.d/rsync
service rsync
{
disable = no
flags = IPv6
socket_type = stream
wait </div>
</li>
<li><a href="/article/3655.htm"
title="Learn Nodejs 02" target="_blank">Learn Nodejs 02</a>
<span class="text-muted">toknowme</span>
<a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a>
<div>（1）npm是什么
npm is the package manager for node
官方网站：https://www.npmjs.com/
npm上有很多优秀的nodejs包，来解决常见的一些问题，比如用node-mysql，就可以方便通过nodejs链接到mysql，进行数据库的操作
在开发过程往往会需要用到其他的包，使用npm就可以下载这些包来供程序调用
&nb</div>
</li>
<li><a href="/article/3782.htm"
title="Spring MVC 拦截器" target="_blank">Spring MVC 拦截器</a>
<span class="text-muted">xp9802</span>
<a class="tag" taget="_blank" href="/search/spring+mvc/1.htm">spring mvc</a>
<div>Controller层的拦截器继承于HandlerInterceptorAdapter
HandlerInterceptorAdapter.java 1 public abstract class HandlerInterceptorAdapter implements HandlerIntercep</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>
