Hexo+git建站流程及注意事项
建站基本流程
1、安装nodejs、git
2、安装hexo
$ npm install -g hexo-cli
3、建站，folder为站点文件夹名称
$ hexo init
$ cd
$ npm install 4、 本地试运行
$ git clean //清除原有服务器数据
$ git generate //生成静态文件，可简写为 git g
$ git server //启动本地服务启动服务器后，默认情况下本地访问网址为： http://localhost:4000/
注意：网站信息配置参考官网 hexo
发布文章
$ hexo new post
</code></pre>
<p>使用上述命令发布新文章后，会在/source/_posts 文件夹下生成以 <code><title></code> 命名的 .md文件，在该文件中编辑文章内容。</p>
<h6 id="如何引用本地图片">如何引用本地图片？</h6>
<p>1、 将 _config.yml 配置文件中的 post_asset_folder 项修改为 true； <br> 2、修改上述属性后，再次执行发布文章命令，在生成以 <code><title></code> 命名的 md. 文件的同时，还会生成同名文件夹，将需要引用的图片放在此文件夹中； <br> 3、通过如下语法在 .md 文件中引用图片</p>
<pre class="prettyprint"><code class=" hljs mathematica"><span class="hljs-list">{% asset_img 图片名称.jpg 图片的说明 %}</span></code></pre>
<p><br></p>
<h4 id="部署到github">部署到github</h4>
<p>1、注册github账号，并新建仓库，注意，<strong>仓库名必须与账号名相同</strong>； <br> 2、修改 _config.yml 配置文件中的部署参数</p>
<pre class="prettyprint"><code class=" hljs avrasm"><span class="hljs-preprocessor"># Deployment</span>
<span class="hljs-preprocessor">## Docs: https://hexo.io/docs/deployment.html</span>
<span class="hljs-label">deploy:</span>
type: git
repo: git@github<span class="hljs-preprocessor">.com</span>:flyoob/flyoob<span class="hljs-preprocessor">.github</span><span class="hljs-preprocessor">.io</span><span class="hljs-preprocessor">.git</span> //github仓库地址
branch: master</code></pre>
<p>3、为 Hexo 安装 Git 插件</p>
<pre class="prettyprint"><code class=" hljs lasso">npm install hexo<span class="hljs-attribute">-deployer</span><span class="hljs-attribute">-git</span> <span class="hljs-subst">--</span>save</code></pre>
<p>4、部署命令</p>
<pre class="prettyprint"><code class=" hljs ruby"><span class="hljs-variable">$ </span>hexo deploy
<span class="hljs-variable">$ </span>hexo d</code></pre>
<p>部署成功后即可通过网址 <code>https://username.github.io/</code> https://jiajiaaz.github.io/ 访问博客主页。</p>
<h6 id="注意">注意：</h6>
<p>如果本地的git还未曾与 github建立连接，则需要初始化用户信息并验证 ssh key 以建立连接。 <br> 配置用户身份信息：</p>
<pre class="prettyprint"><code class=" hljs ruby"> <span class="hljs-variable">$ </span>git config --global user.name <span class="hljs-string">"JiajiaAz"</span>
<span class="hljs-variable">$ </span>git config --global user.email <span class="hljs-string">"635439054@qq.com"</span></code></pre>
<p>生成秘钥：</p>
<pre class="prettyprint"><code class=" hljs lasso">$ ssh<span class="hljs-attribute">-keygen</span> <span class="hljs-attribute">-t</span> rsa <span class="hljs-attribute">-C</span> <span class="hljs-string">"635439054@qq.com"</span></code></pre>
<p>连续三个回车后生成密钥，存储在：C:\Users\Administrator.sshid_rsa.pub 文件中。复制秘钥，并粘贴到github的ssh key 选中。 <br> 验证秘钥是否添加成功：</p>
<pre class="prettyprint"><code class=" hljs ruby"><span class="hljs-variable">$ </span>ssh -<span class="hljs-constant">T</span> git<span class="hljs-variable">@github</span>.com</code></pre>
<p><br></p>
<h4 id="更换主题">更换主题</h4>
<p>1、挑选到合适的主题后，复制其github地址，并将其克隆到themes文件夹下； <br> 2、将 _config.yml 配置文件中的theme 属性修改为新的主题名。 <br> <br></p>
<h4 id="cannot-getxxx的解决办法">“cannot get/xxx”的解决办法</h4>
<p>博客搭建好后，在点击某些菜单时，遇到 “cannot get/xxx”的问题，例如，在点击 About 菜单时，弹出的页面显示 “cannot get/about/”。这是因为没有初始化 about目录，可通过以下命令解决：</p>
<pre class="prettyprint"><code class=" hljs cs">$ hexo <span class="hljs-keyword">new</span> page <span class="hljs-string">"about"</span></code></pre>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1293195028973297664"></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">你可能感兴趣的:(前端开发)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1950119224630374400.htm"
title="大厂都在用的前端缓存策略，你掌握了吗？" target="_blank">大厂都在用的前端缓存策略，你掌握了吗？</a>
<span class="text-muted">AI架构全栈开发实战笔记</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%BC%93%E5%AD%98/1.htm">缓存</a><a class="tag" taget="_blank" href="/search/ai/1.htm">ai</a>
<div>大厂都在用的前端缓存策略，你掌握了吗？关键词：前端缓存、HTTP缓存、ServiceWorker、CDN缓存、缓存策略、性能优化、浏览器缓存摘要：本文将深入探讨前端开发中常用的缓存策略，从浏览器缓存到ServiceWorker，从HTTP缓存头到CDN缓存，全面解析大厂都在使用的高效缓存技术。通过生动的比喻和实际代码示例，帮助开发者理解并掌握这些提升Web应用性能的关键技术。背景介绍目的和范围本文</div>
</li>
<li><a href="/article/1950112039502409728.htm"
title="H5UI微信小程序前端框架实战指南" target="_blank">H5UI微信小程序前端框架实战指南</a>
<span class="text-muted">ai</span>
<div>本文还有配套的精品资源，点击获取简介：H5UI是一个为微信小程序开发设计的前端框架，基于H5技术，提供简洁高效的组件库。框架集成了丰富的UI元素，如按钮、表格、导航栏等，简化了界面布局和交互的实现。通过安装、引入、使用组件和事件绑定四个步骤，开发者可以轻松构建功能齐全的应用。了解性能优化等注意事项对于高效开发同样重要。1.微信小程序前端开发框架介绍微信小程序概述微信小程序是微信官方推出的一种无需下</div>
</li>
<li><a href="/article/1950104727928762368.htm"
title="震惊！DOM变化监控神器MutationObserver，前端开发必知的隐藏武器！" target="_blank">震惊！DOM变化监控神器MutationObserver，前端开发必知的隐藏武器！</a>
<span class="text-muted">coding随想</span>
<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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a>
<div>一、什么是MutationObserver？如果你是一个前端开发者，一定会遇到这样的场景：页面动态加载内容后，某些操作失效了。比如，你写了一个监听按钮点击的代码，但按钮是通过AJAX动态加载的，你的代码根本无法触发。这个时候，你就需要一个“监控哨兵”——MutationObserver，它能实时监听DOM树的变化，帮你捕获那些“暗中作祟”的节点变动。MutationObserver是HTML5引入</div>
</li>
<li><a href="/article/1950053798433058816.htm"
title="页面开发样式和布局入门：Vite + Vue 3 + Less" target="_blank">页面开发样式和布局入门：Vite + Vue 3 + Less</a>
<span class="text-muted"></span>
<div>页面开发样式和布局入门：Vite+Vue3+Less引言在现代前端开发中，样式和布局是页面开发的核心部分。随着技术的不断发展，Vite、Vue3和Less等工具和框架的出现，使得前端开发变得更加高效和灵活。然而，尽管这些工具和框架提供了强大的功能，但在实际开发中仍然会遇到各种样式和布局的问题。本文将结合Vite、Vue3和Less，详细介绍在页面开发中常见的样式和布局问题，并提供解决方案和最佳实践</div>
</li>
<li><a href="/article/1949984445817745408.htm"
title="Vue 工程化开发入门" target="_blank">Vue 工程化开发入门</a>
<span class="text-muted">dawn191228</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/1.htm">前端学习</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><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a>
<div>文章目录一、Vue工程化开发概述二、Vue脚手架三、项目运行流程四、组件化开发五、组件注册六、总结在当今的前端开发领域，Vue.js以其简洁、高效的特性受到了广泛的欢迎。Vue的工程化开发能够帮助我们更好地组织和管理项目，提高开发效率和代码质量。本文将带你了解Vue工程化开发入门知识，包括脚手架、项目运行流程、组件化以及组件注册。一、Vue工程化开发概述工程化开发是一种将软件开发过程规范化、标准化</div>
</li>
<li><a href="/article/1949941942867521536.htm"
title="Websocket使用简单示例" target="_blank">Websocket使用简单示例</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/websocket/1.htm">websocket</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>在前端开发中，WebSocket用于建立客户端与服务器的持久化双向通信连接，相比HTTP的单向请求响应模式，能更高效地实现实时数据交互（如聊天、实时通知、数据更新等场景）。基本步骤如下：1.建立WebSocket连接通过WebSocket构造函数创建连接，传入服务器WebSocket接口地址（协议为ws://或加密的wss://）：//连接服务器WebSocket端点constsocket=new</div>
</li>
<li><a href="/article/1949858838740004864.htm"
title="告别UI卡顿：深入 Web Worker 与 Comlink，解锁浏览器多线程编程的真正威力" target="_blank">告别UI卡顿：深入 Web Worker 与 Comlink，解锁浏览器多线程编程的真正威力</a>
<span class="text-muted">码力无边-OEC</span>
<a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>告别UI卡顿：深入WebWorker与Comlink，解锁浏览器多线程编程的真正威力你一定遇到过这样的场景：点击一个按钮后，页面突然“冻结”了，UI失去响应，动画卡住，滚动条也无法拖动。几秒钟后，页面才恢复正常。这种糟糕的体验，就是前端开发者永远的噩梦——主线程阻塞。Part1:痛点重现——当主线程不堪重负让我们先来制造一个经典的UI卡顿场景：计算大量斐波那契数。HTML(index.html):</div>
</li>
<li><a href="/article/1949854043165749248.htm"
title="今日Github热门仓库推荐 第八期" target="_blank">今日Github热门仓库推荐 第八期</a>
<span class="text-muted">桃白白大人</span>
<a class="tag" taget="_blank" href="/search/Github%E7%83%AD%E9%97%A8%E9%A1%B9%E7%9B%AE%E6%8E%A8%E8%8D%90/1.htm">Github热门项目推荐</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
<div>今日Github热门仓库推荐2025-07-22如果让AI分别扮演后端开发人员和前端开发人员，然后看看他们分别对github每天的trending仓库感兴趣的有哪些，并且给出他感兴趣的理由，那会发生什么呢？本内容通过Python+AI生成，项目地址跳转后端开发人员推荐仓库名称：donnemartin/system-design-primer仓库推荐理由：作为后端开发工程师，系统设计是核心技能之一。</div>
</li>
<li><a href="/article/1949747133095669760.htm"
title="前端开发面试问题及答案整理" target="_blank">前端开发面试问题及答案整理</a>
<span class="text-muted">邓波home</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/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">前端开发</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a>
<div>说说你对闭包的理解使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。闭包有三个特性:1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收请你谈谈Cookie的弊端cookie虽然在持久保存客户端数据提供了方便，分担了服务器存储的负担，但还是有很多局限性的。第一：每个特定</div>
</li>
<li><a href="/article/1949724874503155712.htm"
title="web开发学习日志1" target="_blank">web开发学习日志1</a>
<span class="text-muted">奋斗的岑爸</span>
<div>之前在一个学习编程的网站花费一万多元，没多久就坚持不下去了，感觉自己虎头蛇尾（确切的说是虎头无尾）的性格一时间也无法改变。从此，对学习新东西彻底失去信心。上个月在微博上看吴主任转了一条微博，是关于某编程网站的推广视频，两位google开发者在2分钟左右时间里生动而清晰的介绍了编程里面“对象”这一概念，完全颠覆了我对视频教学的认知，原来编程课可以这样讲。二话不说，立马报了前端开发入门课程（webde</div>
</li>
<li><a href="/article/1949573518538633216.htm"
title="CSS预处理器与后处理器对比解析" target="_blank">CSS预处理器与后处理器对比解析</a>
<span class="text-muted">代码的余温</span>
<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>CSS预处理器和后处理器是现代前端开发中用于增强和优化CSS的强大工具，它们解决了原生CSS在大型项目中的维护和兼容性问题，但工作方式和目标不同：CSS预处理器（CSSPreprocessor）定义：CSS预处理器是一种扩展CSS语言的脚本工具。开发者使用预处理器特有的语法（如变量、嵌套、函数等）编写代码，再通过编译器将其转换为标准CSS。核心特性：变量：存储颜色、尺寸等重复值，方便全局修改。$p</div>
</li>
<li><a href="/article/1949555872946515968.htm"
title="小输入框，大讲究：Table 数字输入框 debounce 实战分享" target="_blank">小输入框，大讲究：Table 数字输入框 debounce 实战分享</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a>
<div>前言大家好，我是陈三心，热爱技术和分享，欢迎大家交流，一起学习进步！个人主页：陈三心Table表格在前端开发中是十分常见的，用于展示结构化数据，如商品列表、用户信息等。本文分享一下自己在表格开发中遇到的一个奇葩问题，以及采取的解决方法。目录背景编辑数量极端情况闭包结语背景项目中使用AntDesignVue进行表格的开发，允许用户直接在表格内编辑数量，如下：上述就是本次任务需要实现的目标，是的，你没</div>
</li>
<li><a href="/article/1949554232298369024.htm"
title="【CSS-6】深入理解CSS复合选择器：提升样式表的精确性与效率" target="_blank">【CSS-6】深入理解CSS复合选择器：提升样式表的精确性与效率</a>
<span class="text-muted">AllenBright</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/CSS/1.htm">CSS</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>CSS选择器是前端开发的基石，而复合选择器则是其中最强大且实用的工具之一。本文将全面解析CSS复合选择器的类型、用法、优先级规则以及最佳实践，帮助你编写更高效、更精确的样式表。1.什么是复合选择器？复合选择器是通过组合多个简单选择器来创建更具体的选择规则。它们允许开发者精确地定位文档树中的特定元素，而无需添加过多的类或ID。/*简单选择器*/p{color:blue;}/*复合选择器*/artic</div>
</li>
<li><a href="/article/1949551705125351424.htm"
title="深入掌握CSS Grid布局：每个属性详解与实战示例" target="_blank">深入掌握CSS Grid布局：每个属性详解与实战示例</a>
<span class="text-muted"></span>
<div>CSSGrid布局是前端开发者的“布局神器”，能让你轻松搞定复杂的网页排版。想从零基础到熟练运用Grid？别急，这篇文章会带你逐一拆解Grid的每个核心属性，配上直观的代码示例和效果分析，确保你不仅看懂，还能自己写出来！无论你是新手还是想进阶，这篇指南都帮你打牢基础，学会用Grid玩转布局！1.为什么要学CSSGrid？Grid是CSS提供的一种二维布局系统，比Flexbox更强大，因为它能同时控</div>
</li>
<li><a href="/article/1949541616150704128.htm"
title="【CSS-7】深入解析CSS伪类：从基础到高级应用" target="_blank">【CSS-7】深入解析CSS伪类：从基础到高级应用</a>
<span class="text-muted">AllenBright</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/CSS/1.htm">CSS</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>CSS伪类是前端开发中不可或缺的强大工具，它们允许我们根据文档树之外的信息或简单选择器无法表达的状态来样式化元素。本文将全面探讨CSS伪类的各种类型、使用场景和最佳实践。1.伪类基础概念1.1什么是伪类？伪类（Pseudo-class）是CSS中的一种特殊关键字，用于选择元素的特定状态或特征。它们以冒号(:)开头，可以附加到选择器末尾来定义元素在特定状态下的样式。/*语法*/selector:ps</div>
</li>
<li><a href="/article/1949435571432648704.htm"
title="零基础学后端-PHP语言（第二期-PHP基础语法）（通过php内置服务器运行php文件）" target="_blank">零基础学后端-PHP语言（第二期-PHP基础语法）（通过php内置服务器运行php文件）</a>
<span class="text-muted">恰薯条的屑海鸥</span>
<a class="tag" taget="_blank" href="/search/php%E9%9B%B6%E5%9F%BA%E7%A1%80%E5%AD%A6%E4%B9%A0/1.htm">php零基础学习</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</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/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/php%E5%85%A5%E9%97%A8/1.htm">php入门</a><a class="tag" taget="_blank" href="/search/php%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">php服务器</a><a class="tag" taget="_blank" href="/search/php%E6%96%87%E4%BB%B6%E8%BF%90%E8%A1%8C/1.htm">php文件运行</a>
<div>经过上期的配置，我们已经有了php的开发环境，编辑器我们继续使用VScode，如果是新来的朋友可以看这期文章来配置VScode零基础学前端-传统前端开发（第一期-开发软件介绍与本系列目标）（VScode安装教程）_vscode启动前端详细步骤-CSDN博客（本系列不过多介绍php的vscode插件，没有插件也是可以用的，只是打代码的速度慢一点）接下来我们来了解php的语法看过我之前网络安全-皮卡丘</div>
</li>
<li><a href="/article/1949354134566137856.htm"
title="JavaScript异步编程艺术：深入浅出回调函数与异步挑战【含代码示例】" target="_blank">JavaScript异步编程艺术：深入浅出回调函数与异步挑战【含代码示例】</a>
<span class="text-muted">DTcode7</span>
<a class="tag" taget="_blank" href="/search/HTML%E7%BD%91%E7%AB%99%E5%BC%80%E5%8F%91/1.htm">HTML网站开发</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E5%85%A5%E9%97%A8%E4%B8%89%E5%A4%A7%E6%A0%B8%E5%BF%83%E4%B9%8BJS/1.htm">前端基础入门三大核心之JS</a><a class="tag" taget="_blank" href="/search/HTML5/1.htm">HTML5</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/%E5%89%8D%E7%AB%AF%E4%B8%89%E5%A4%A7%E6%A0%B8%E5%BF%83/1.htm">前端三大核心</a><a class="tag" taget="_blank" href="/search/JS/1.htm">JS</a>
<div>JavaScript异步编程艺术：深入浅出回调函数与异步挑战【含代码示例】异步编程基础：为何我们需要它？回调函数：异步的起点深入回调：多层嵌套的挑战解决方案：Promise与async/await案例一：Promise的优雅案例二：async/await的丝滑体验异步的最佳实践与性能优化遇到问题怎么办？问题排查思路结语：异步的未来与讨论在JavaScript的奇妙世界里，异步编程是每位前端开发者绕</div>
</li>
<li><a href="/article/1949303945088266240.htm"
title="JS异步编程：从回调地狱到Async/Await的华丽转身" target="_blank">JS异步编程：从回调地狱到Async/Await的华丽转身</a>
<span class="text-muted">PineappleCode</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><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a>
<div>深入浅出JS异步编程：从回调地狱到Async/Await的华丽转身嗨，各位掘友们！欢迎来到我的掘金小课堂。今天我们要聊一个让无数前端开发者又爱又恨，但又不得不面对的话题——JavaScript异步编程。别看它名字听起来有点“高大上”，其实理解起来就像谈恋爱一样，充满了等待、承诺和惊喜（也可能是惊吓）！想象一下，你点了一份外卖，你不会傻傻地站在厨房门口，看着厨师一步步切菜、炒菜、打包，直到外卖送到你</div>
</li>
<li><a href="/article/1949198772189851648.htm"
title="算法在前端框架中的集成" target="_blank">算法在前端框架中的集成</a>
<span class="text-muted"></span>
<div>引言算法是前端开发中提升性能和用户体验的重要工具。随着Web应用复杂性的增加，现代前端框架如React、Vue和Angular提供了强大的工具集，使得将算法与框架特性（如状态管理、虚拟DOM和组件化）无缝集成成为可能。从排序算法优化列表渲染到动态规划提升复杂计算效率，算法的集成能够显著改善应用的响应速度和资源利用率。本文将探讨如何将常见算法（排序、搜索和动态规划）集成到前端框架中，重点介绍框架特性</div>
</li>
<li><a href="/article/1949167129051852800.htm"
title="学习web前端开发的经验分享" target="_blank">学习web前端开发的经验分享</a>
<span class="text-muted">小猿圈加加</span>
<div>我们不管学习什么，必不可缺少的一定是恒心和毅力，学习web也一样，更需要不断地学习和练习，因为语言嘛，就是不断地练习才能说得更好，所以不要偷懒，偷懒一定学不会，这就是计算机语言，下面看一下小编的分享吧。感想：1.学习一个技术，不是一看见源代码就是copy，而是仔细阅读后，找到自己想要的，并且自己写出来，自己理解了，下次遇到同样的问题，自己才能解决。2.在电脑上学习的过程中，我总是先建立一个txt，</div>
</li>
<li><a href="/article/1949091974061551616.htm"
title="大学生HTML期末大作业——HTML+CSS+JavaScript音乐网站（爱莫）" target="_blank">大学生HTML期末大作业——HTML+CSS+JavaScript音乐网站（爱莫）</a>
<span class="text-muted">无·糖</span>
<a class="tag" taget="_blank" href="/search/Web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">Web前端期末大作业</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><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/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%AD%A6%E7%94%9F/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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a>
<div>HTML+CSS+JS【音乐网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️如何学习进步七、☠️更多干货文章目录一、网站题目音乐网站7页含网页设计报告二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮播图</div>
</li>
<li><a href="/article/1949038883052253184.htm"
title="【原生JS】 前端JS字符串最常用 20 道面试题总结（含详细代码解析）" target="_blank">【原生JS】 前端JS字符串最常用 20 道面试题总结（含详细代码解析）</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/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><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a>
<div>原生JavaScript字符串最常用20道面试题总结（含详细代码解析）字符串是前端开发中最常见的数据类型之一，也是各大公司高频考察点。以下是老曹总结的原生JS字符串相关的20道高频面试题，涵盖字符串操作、正则表达式、性能优化、常见陷阱等多个方面，每道题都配有详细的代码示例和讲解。面试题目录序号题目考察点1slice,substring,substr的区别？截取方法2如何判断一个字符串是否包含另一个</div>
</li>
<li><a href="/article/1949025650937491456.htm"
title="JS与Go：编程语言双星的碰撞与共生" target="_blank">JS与Go：编程语言双星的碰撞与共生</a>
<span class="text-muted">万能小贤哥</span>
<a class="tag" taget="_blank" href="/search/ffmpeg/1.htm">ffmpeg</a><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><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a>
<div>在编程语言的璀璨星河中，JavaScript（简称JS）与Go语言凭借各自独特的魅力，成为不同领域的佼佼者。前者以灵活多变的姿态征服了前端世界，后者则以高效稳健的特性在后端领域崭露头角，二者的碰撞与共生，勾勒出当代编程世界的多元图景。JS：从前端霸主到全栈多面手JavaScript诞生于浏览器环境，凭借“只要有浏览器就能运行”的特性，迅速成为前端开发的基石。它是动态脚本语言，语法灵活，无需编译即可</div>
</li>
<li><a href="/article/1949010270730907648.htm"
title="WebAssembly：前端性能优化的新利器" target="_blank">WebAssembly：前端性能优化的新利器</a>
<span class="text-muted">大力出奇迹985</span>
<a class="tag" taget="_blank" href="/search/wasm/1.htm">wasm</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a>
<div>WebAssembly作为一种新型二进制指令格式，为前端性能优化带来了革命性突破。它能与JavaScript协同工作，弥补了JS在计算密集型任务中的性能短板，可将执行效率提升数倍甚至数十倍。本文将从WebAssembly的核心特性出发，解析其优化原理，介绍在游戏开发、视频处理、数据加密等场景的应用案例，详解从开发到部署的实践流程，并探讨其未来发展趋势，为前端开发者提供一套完整的性能优化解决方案。一</div>
</li>
<li><a href="/article/1948891766690213888.htm"
title="HTML5和SVG篝火动画实战：月亮下的野营炊烟效果" target="_blank">HTML5和SVG篝火动画实战：月亮下的野营炊烟效果</a>
<span class="text-muted">申增浩</span>
<div>本文还有配套的精品资源，点击获取简介：HTML5是网页标记语言的最新标准，支持更加动态和丰富的用户体验。本项目源码展示了如何使用HTML5的SVG来绘制篝火和炊烟动画，通过CSS3动画、JavaScript交互、Canvas与SVG的选择以及Web动画性能优化，实现了一个月亮下的篝火和野营炊烟效果。项目还考虑了响应式设计和数据结构的使用，为开发者提供了一个学习Web前端开发的实践案例。1.HTML</div>
</li>
<li><a href="/article/1948787757023293440.htm"
title="本地存储（Local Storage）、会话存储（Session Storage）、IndexedDB 和 Cookies 区别及抗清除能力" target="_blank">本地存储（Local Storage）、会话存储（Session Storage）、IndexedDB 和 Cookies 区别及抗清除能力</a>
<span class="text-muted">郭靖8</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a>
<div>本地存储（LocalStorage）、会话存储（SessionStorage）、IndexedDB和Cookies是前端开发中常用的客户端存储技术，它们在用途、生命周期、容量和特性上有显著区别。以下是它们的详细对比：1.本地存储（LocalStorage）特点：持久性：数据永久存储，除非手动清除（通过代码或浏览器设置）。作用域：同一域名下的所有页面共享数据。容量：约5MB（不同浏览器可能略有差异）</div>
</li>
<li><a href="/article/1948714136661716992.htm"
title="前端开发性能监控详解" target="_blank">前端开发性能监控详解</a>
<span class="text-muted">艾光远</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%9E%B6%E6%9E%84/1.htm">前端架构</a><a class="tag" taget="_blank" href="/search/React/1.htm">React</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/%E7%B3%BB%E7%BB%9F%E6%9E%B6%E6%9E%84/1.htm">系统架构</a><a class="tag" taget="_blank" href="/search/React/1.htm">React</a>
<div>Sentry是一个强大的错误跟踪和性能监控工具，能够帮助开发者在React应用中监控并诊断问题。它可以记录和报告前端应用中的错误和性能瓶颈，使开发者能够快速识别和解决问题。以下是关于Sentry在React应用中集成和使用的详细说明。1.创建Sentry项目访问Sentry官网并注册一个账号。登录后，创建一个新项目，选择平台为JavaScript或React。创建完成后，Sentry会给出一段初始</div>
</li>
<li><a href="/article/1948714137194393600.htm"
title="前端开发 Vue 组件优化" target="_blank">前端开发 Vue 组件优化</a>
<span class="text-muted"></span>
<div>1.按需导入与代码分割对于一些大型库，尽可能只导入需要的部分：//好的做法import{Button,Select}from'element-plus'//避免这样做//importElementPlusfrom'element-plus'代码分割是一种将应用分解成分成较小的块的技术，可以显著提高加载性能。在Vue中，我们可以结合动态导入和异步组件来实现：配置路由：//router.jsimpor</div>
</li>
<li><a href="/article/1948707201363275776.htm"
title="Vue.js 性能优化指南：掌握 keep-alive 的使用技巧" target="_blank">Vue.js 性能优化指南：掌握 keep-alive 的使用技巧</a>
<span class="text-muted">乐闻x</span>
<a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/%E8%BF%9B%E9%98%B6%E7%AC%94%E8%AE%B0%E6%89%8B%E5%86%8C/1.htm">进阶笔记手册</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>前言在现代前端开发中，性能优化和用户体验一直是开发者关注的重点。对于使用Vue.js构建的单页应用（SPA）来说，频繁的组件切换可能带来性能问题和状态丢失等挑战。Vue提供的keep-alive组件为这一问题提供了优雅的解决方案。本文将深入探讨keep-alive的作用及其使用方法，帮助开发者在实际项目中充分利用这一功能实现高效的组件管理。什么是keep-alive？简单来说，keep-alive</div>
</li>
<li><a href="/article/1948691059982790656.htm"
title="前端开发命名规范" target="_blank">前端开发命名规范</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>前言优秀的代码往往是最通俗易懂的代码，在于它的易于维护。在开发过程中，变量/方法优秀的命名往往有助于理解该变量/方法的用途，起到命名即注释的作用。而糟糕的命名往往会让人摸不着头脑。为了提高代码的可维护性，我们需要更优雅的命名方式。一.常见命名种类目前收集到的常见的命名方式主要有以下4种：驼峰命名法（camelCase）首字母小写，从第二个单词开始首字母大写，例如：myProjectFolder帕斯</div>
</li>
<li><a href="/article/80.htm"
title="java杨辉三角" target="_blank">java杨辉三角</a>
<span class="text-muted">3213213333332132</span>
<a class="tag" taget="_blank" href="/search/java%E5%9F%BA%E7%A1%80/1.htm">java基础</a>
<div>
package com.algorithm;
/**
* @Description 杨辉三角
* @author FuJianyong
* 2015-1-22上午10:10:59
*/
public class YangHui {
public static void main(String[] args) {
//初始化二维数组长度
int[][] y</div>
</li>
<li><a href="/article/207.htm"
title="《大话重构》之大布局的辛酸历史" target="_blank">《大话重构》之大布局的辛酸历史</a>
<span class="text-muted">白糖_</span>
<a class="tag" taget="_blank" href="/search/%E9%87%8D%E6%9E%84/1.htm">重构</a>
<div>《大话重构》中提到“大布局你伤不起”，如果企图重构一个陈旧的大型系统是有非常大的风险，重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”，下面我就分享这个“大布局”项目经验给大家。
背景
公司专注于企业级管理产品软件，企业有大中小之分，在2000年初公司用JSP/Servlet开发了一套针对中</div>
</li>
<li><a href="/article/334.htm"
title="电驴链接在线视频播放源码" target="_blank">电驴链接在线视频播放源码</a>
<span class="text-muted">dubinwei</span>
<a class="tag" taget="_blank" href="/search/%E6%BA%90%E7%A0%81/1.htm">源码</a><a class="tag" taget="_blank" href="/search/%E7%94%B5%E9%A9%B4/1.htm">电驴</a><a class="tag" taget="_blank" href="/search/%E6%92%AD%E6%94%BE%E5%99%A8/1.htm">播放器</a><a class="tag" taget="_blank" href="/search/%E8%A7%86%E9%A2%91/1.htm">视频</a><a class="tag" taget="_blank" href="/search/ed2k/1.htm">ed2k</a>
<div>本项目是个搜索电驴（ed2k）链接的应用,借助于磁力视频播放器（官网：
http://loveandroid.duapp.com/ 开放平台），可以实现在线播放视频，也可以用迅雷或者其他下载工具下载。
项目源码：
http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。
项目源码依赖于两个库项目，库项目一链接：
http://git.oschina.</div>
</li>
<li><a href="/article/461.htm"
title="Javascript中函数的toString()方法" target="_blank">Javascript中函数的toString()方法</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/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/toString/1.htm">toString</a><a class="tag" taget="_blank" href="/search/function/1.htm">function</a><a class="tag" taget="_blank" href="/search/object/1.htm">object</a>
<div>简述
The toString() method returns a string representing the source code of the function.
简译之，Javascript的toString()方法返回一个代表函数源代码的字符串。
句法
function.</div>
</li>
<li><a href="/article/588.htm"
title="struts处理自定义异常" target="_blank">struts处理自定义异常</a>
<span class="text-muted">g21121</span>
<a class="tag" taget="_blank" href="/search/struts/1.htm">struts</a>
<div>很多时候我们会用到自定义异常来表示特定的错误情况，自定义异常比较简单，只要分清是运行时异常还是非运行时异常即可，运行时异常不需要捕获，继承自RuntimeException，是由容器自己抛出，例如空指针异常。
非运行时异常继承自Exception，在抛出后需要捕获，例如文件未找到异常。
此处我们用的是非运行时异常，首先定义一个异常LoginException:
/**
* 类描述：登录相</div>
</li>
<li><a href="/article/715.htm"
title="Linux中find常见用法示例" target="_blank">Linux中find常见用法示例</a>
<span class="text-muted">510888780</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
<div>Linux中find常见用法示例
·find path -option [ -print ] [ -exec -ok command ] {} \;
find命令的参数；</div>
</li>
<li><a href="/article/842.htm"
title="SpringMVC的各种参数绑定方式" target="_blank">SpringMVC的各种参数绑定方式</a>
<span class="text-muted">Harry642</span>
<a class="tag" taget="_blank" href="/search/springMVC/1.htm">springMVC</a><a class="tag" taget="_blank" href="/search/%E7%BB%91%E5%AE%9A/1.htm">绑定</a><a class="tag" taget="_blank" href="/search/%E8%A1%A8%E5%8D%95/1.htm">表单</a>
<div>1. 基本数据类型(以int为例，其他类似)：
Controller代码：
@RequestMapping("saysth.do")
public void test(int count) {
}
表单代码：
<form action="saysth.do" method="post&q</div>
</li>
<li><a href="/article/969.htm"
title="Java 获取Oracle ROWID" target="_blank">Java 获取Oracle ROWID</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a>
<div>
A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row.
The oracle.sql.ROWID class i</div>
</li>
<li><a href="/article/1096.htm"
title="java获取方法的参数名" target="_blank">java获取方法的参数名</a>
<span class="text-muted">antlove</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><a class="tag" taget="_blank" href="/search/parameter/1.htm">parameter</a><a class="tag" taget="_blank" href="/search/method/1.htm">method</a><a class="tag" taget="_blank" href="/search/reflect/1.htm">reflect</a>
<div>reflect.ClassInformationUtil.java
package reflect;
import javassist.ClassPool;
import javassist.CtClass;
import javassist.CtMethod;
import javassist.Modifier;
import javassist.bytecode.CodeAtt</div>
</li>
<li><a href="/article/1223.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/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a><a class="tag" taget="_blank" href="/search/%E6%9B%BF%E6%8D%A2/1.htm">替换</a><a class="tag" taget="_blank" href="/search/%E6%8F%90%E5%8F%96/1.htm">提取</a><a class="tag" taget="_blank" href="/search/%E6%9F%A5%E6%89%BE/1.htm">查找</a>
<div>正则表达式的查找;主要是用到String类中的split();
String str;
str.split();方法中传入按照什么规则截取,返回一个String数组
常见的截取规则:
str.split("\\.")按照.来截取
str.</div>
</li>
<li><a href="/article/1350.htm"
title="Java中equals()与hashCode()方法详解" target="_blank">Java中equals()与hashCode()方法详解</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/set/1.htm">set</a><a class="tag" taget="_blank" href="/search/equals%28%29/1.htm">equals()</a><a class="tag" taget="_blank" href="/search/hashCode%28%29/1.htm">hashCode()</a>
<div>一.equals()方法详解
equals()方法在object类中定义如下：
public boolean equals(Object obj) {
return (this == obj);
}
很明显是对两个对象的地址值进行的比较（即比较引用是否相同）。但是我们知道，String 、Math、I</div>
</li>
<li><a href="/article/1477.htm"
title="精通Oracle10编程SQL(4)使用SQL语句" target="_blank">精通Oracle10编程SQL(4)使用SQL语句</a>
<span class="text-muted">bijian1013</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/plsql/1.htm">plsql</a>
<div>--工资级别表
create table SALGRADE
(
GRADE NUMBER(10),
LOSAL NUMBER(10,2),
HISAL NUMBER(10,2)
)
insert into SALGRADE values(1,0,100);
insert into SALGRADE values(2,100,200);
inser</div>
</li>
<li><a href="/article/1604.htm"
title="【Nginx二】Nginx作为静态文件HTTP服务器" target="_blank">【Nginx二】Nginx作为静态文件HTTP服务器</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/HTTP%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">HTTP服务器</a>
<div> Nginx作为静态文件HTTP服务器
在本地系统中创建/data/www目录，存放html文件(包括index.html)
创建/data/images目录，存放imags图片
在主配置文件中添加http指令
http {
server {
listen 80;
server_name </div>
</li>
<li><a href="/article/1731.htm"
title="kafka获得最新partition offset" target="_blank">kafka获得最新partition offset</a>
<span class="text-muted">blackproof</span>
<a class="tag" taget="_blank" href="/search/kafka/1.htm">kafka</a><a class="tag" taget="_blank" href="/search/partition/1.htm">partition</a><a class="tag" taget="_blank" href="/search/offset/1.htm">offset</a><a class="tag" taget="_blank" href="/search/%E6%9C%80%E6%96%B0/1.htm">最新</a>
<div>kafka获得partition下标，需要用到kafka的simpleconsumer
import java.util.ArrayList;
import java.util.Collections;
import java.util.Date;
import java.util.HashMap;
import java.util.List;
import java.</div>
</li>
<li><a href="/article/1858.htm"
title="centos 7安装docker两种方式" target="_blank">centos 7安装docker两种方式</a>
<span class="text-muted">ronin47</span>
<div> 第一种是采用yum 方式
yum install -y docker
</div>
</li>
<li><a href="/article/1985.htm"
title="java-60-在O(1)时间删除链表结点" target="_blank">java-60-在O(1)时间删除链表结点</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>
public class DeleteNode_O1_Time {
/**
* Q 60 在O(1)时间删除链表结点
* 给定链表的头指针和一个结点指针(!!)，在O(1)时间删除该结点
*
* Assume the list is:
* head->...->nodeToDelete->mNode->nNode->..</div>
</li>
<li><a href="/article/2112.htm"
title="nginx利用proxy_cache来缓存文件" target="_blank">nginx利用proxy_cache来缓存文件</a>
<span class="text-muted">cfyme</span>
<a class="tag" taget="_blank" href="/search/cache/1.htm">cache</a>
<div>user zhangy users;
worker_processes 10;
error_log /var/vlogs/nginx_error.log crit;
pid /var/vlogs/nginx.pid;
#Specifies the value for ma</div>
</li>
<li><a href="/article/2239.htm"
title="[JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题" target="_blank">[JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F/1.htm">嵌入式</a>
<div>
假如我们需要用JWFD的语法分析模块定义一个带负号的方程式，直接在方程式之前添加负号是不正确的，而必须这样做：
string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))"
定义一个0整数c,然后用这个整数c去</div>
</li>
<li><a href="/article/2366.htm"
title="如何集成支付宝官方文档" target="_blank">如何集成支付宝官方文档</a>
<span class="text-muted">dai_lm</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>官方文档下载地址
https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash
集成的必要条件
1. 需要有自己的Server接收支付宝的消息
2. 需要先制作app，然后提交支付宝审核，通过后才能集成
调试的时候估计会真的扣款，请注意
</div>
</li>
<li><a href="/article/2493.htm"
title="应该在什么时候使用Hadoop" target="_blank">应该在什么时候使用Hadoop</a>
<span class="text-muted">datamachine</span>
<a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a>
<div>原帖地址：http://blog.chinaunix.net/uid-301743-id-3925358.html
存档，某些观点与我不谋而合，过度技术化不可取，且hadoop并非万能。
--------------------------------------------万能的分割线--------------------------------
有人问我，“你在大数据和Hado</div>
</li>
<li><a href="/article/2620.htm"
title="在GridView中对于有外键的字段使用关联模型进行搜索和排序" target="_blank">在GridView中对于有外键的字段使用关联模型进行搜索和排序</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a>
<div>在GridView中使用关联模型进行搜索和排序
首先我们有两个模型它们直接有关联:
class Author extends CActiveRecord {
...
}
class Post extends CActiveRecord {
...
function relations() {
return array(
'</div>
</li>
<li><a href="/article/2747.htm"
title="使用NSString 的格式化大全" target="_blank">使用NSString 的格式化大全</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/Objective-C/1.htm">Objective-C</a>
<div>格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c</div>
</li>
<li><a href="/article/2874.htm"
title="使用activeX插件对象object滚动有重影" target="_blank">使用activeX插件对象object滚动有重影</a>
<span class="text-muted">蕃薯耀</span>
<a class="tag" taget="_blank" href="/search/activeX%E6%8F%92%E4%BB%B6/1.htm">activeX插件</a><a class="tag" taget="_blank" href="/search/%E6%BB%9A%E5%8A%A8%E6%9C%89%E9%87%8D%E5%BD%B1/1.htm">滚动有重影</a>
<div>
使用activeX插件对象object滚动有重影 <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#</div>
</li>
<li><a href="/article/3001.htm"
title="SpringMVC4零配置" target="_blank">SpringMVC4零配置</a>
<span class="text-muted">hanqunfeng</span>
<a class="tag" taget="_blank" href="/search/springmvc4/1.htm">springmvc4</a>
<div>基于Servlet3.0规范和SpringMVC4注解式配置方式，实现零xml配置，弄了个小demo，供交流讨论。
项目说明如下：
1.db.sql是项目中用到的表，数据库使用的是oracle11g
2.该项目使用mvn进行管理，私服为自搭建nexus,项目只用到一个第三方 jar，就是oracle的驱动；
3.默认项目为零配置启动，如果需要更改启动方式，请</div>
</li>
<li><a href="/article/3128.htm"
title="《开源框架那点事儿16》：缓存相关代码的演变" target="_blank">《开源框架那点事儿16》：缓存相关代码的演变</a>
<span class="text-muted">j2eetop</span>
<a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90%E6%A1%86%E6%9E%B6/1.htm">开源框架</a>
<div>问题引入
上次我参与某个大型项目的优化工作，由于系统要求有比较高的TPS，因此就免不了要使用缓冲。
该项目中用的缓冲比较多，有MemCache，有Redis，有的还需要提供二级缓冲，也就是说应用服务器这层也可以设置一些缓冲。
当然去看相关实现代代码的时候，大致是下面的样子。
[java]
view plain
copy
print
?
public vo</div>
</li>
<li><a href="/article/3255.htm"
title="AngularJS浅析" target="_blank">AngularJS浅析</a>
<span class="text-muted">kvhur</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
<div>概念
AngularJS is a structural framework for dynamic web apps.
了解更多详情请见原文链接：http://www.gbtags.com/gb/share/5726.htm
Directive
扩展html，给html添加声明语句，以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称，ng是angular的命名空间</div>
</li>
<li><a href="/article/3382.htm"
title="架构师之jdk的bug排查(一)---------------split的点号陷阱" target="_blank">架构师之jdk的bug排查(一)---------------split的点号陷阱</a>
<span class="text-muted">nannan408</span>
<a class="tag" taget="_blank" href="/search/split/1.htm">split</a>
<div>1.前言.
jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug.
2.代码
String[] paths = "object.object2.prop11".split("'");
System.ou</div>
</li>
<li><a href="/article/3509.htm"
title="如何对10亿数据量级的mongoDB作高效的全表扫描" target="_blank">如何对10亿数据量级的mongoDB作高效的全表扫描</a>
<span class="text-muted">quentinXXZ</span>
<a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a>
<div> 本文链接:
http://quentinXXZ.iteye.com/blog/2149440
一、正常情况下，不应该有这种需求
首先，大家应该有个概念，标题中的这个问题，在大多情况下是一个伪命题，不应该被提出来。要知道，对于一般较大数据量的数据库，全表查询，这种操作一般情况下是不应该出现的，在做正常查询的时候，如果是范围查询，你至少应该要加上limit。
说一下，</div>
</li>
<li><a href="/article/3636.htm"
title="C语言算法之水仙花数" target="_blank">C语言算法之水仙花数</a>
<span class="text-muted">qiufeihu</span>
<a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a>
<div>/**
* 水仙花数
*/
#include <stdio.h>
#define N 10
int main()
{
int x,y,z;
for(x=1;x<=N;x++)
for(y=0;y<=N;y++)
for(z=0;z<=N;z++)
if(x*100+y*10+z == x*x*x</div>
</li>
<li><a href="/article/3763.htm"
title="JSP指令" target="_blank">JSP指令</a>
<span class="text-muted">wyzuomumu</span>
<a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a>
<div>
jsp指令的一般语法格式： <%@ 指令名 属性 =”值 ” %>
常用的三种指令： page,include,taglib
page指令语法形式： <%@ page 属性 1=”值 1” 属性 2=”值 2”%>
include指令语法形式： <%@include file=”relative url”%> (jsp可以通过 include</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>