LIKKKKKK.

uni-app入门指南

uni-app 是一个基于 Vue.js 的跨平台应用开发框架，它可以让开发者使用 Vue.js 的语法来开发同时运行在多个平台（包括微信小程序、H5、iOS、Android等）的应用程序。以下是一些 uni-app 的知识点：

一、框架介绍

1.跨平台适配

解释： 虽然 uni-app 提供了跨平台开发的便利性，但不同平台之间仍存在一些差异，比如组件支持度、样式表现、API调用方式等。因此，在开发过程中需要根据不同平台的特性做出相应的适配和调整。

举例： 假设我们正在开发一个在微信小程序和 H5 平台上运行的应用，我们使用了组件来实现轮播功能。在微信小程序中，组件的 API 和功能可能会与在 H5 平台上略有不同，比如参数的命名、事件的触发方式等。因此，我们需要在代码中进行平台判断，针对不同平台做出相应的调整，以确保应用在各个平台上的表现一致。

在上面的例子中，我们使用了 uni.getSystemInfoSync().platform 来判断当前运行环境是否是微信小程序，根据判断结果来渲染不同平台下的轮播内容。

2. 组件库和插件

解释： uni-app 提供了丰富的组件库和插件，开发者可以利用这些组件和插件来快速构建应用，提高开发效率。

举例： 假设我们需要在应用中使用地图功能，uni-app 提供了 uniMap 插件来实现地图功能。我们可以通过安装插件并在代码中引入来使用地图功能。

npm install @dcloudio/uni-plugin-map

在上面的例子中，我们通过 uni-map 组件来展示地图，并通过传入经纬度数据来指定地图的位置。

3. 性能优化

解释： 在跨平台开发中，需要注意应用的性能问题，包括启动速度、页面加载时间、资源消耗等。通过优化代码和资源，可以提高应用的性能和用户体验。

举例： 假设我们的应用需要加载大量的图片资源，为了提高页面加载速度，我们可以采用懒加载的方式加载图片，即只在图片即将进入可视区域时才加载图片资源。

在上面的例子中，我们使用了 v-lazyload 指令来实现图片的懒加载，只有当图片即将进入可视区域时才会加载图片资源，从而减少页面加载时间。

4.调试和测试

在开发过程中，调试和测试是至关重要的步骤，它们有助于发现和修复潜在的问题，提高应用的质量和稳定性。对于 uni-app，你可以采用以下方法进行调试和测试：

Chrome 调试工具： uni-app 提供了 Chrome DevTools 的调试工具插件，可以帮助你在 Chrome 浏览器中进行调试。

HBuilderX 调试器： HBuilderX 是一款专为 uni-app 开发的 IDE，内置了调试器，可以方便地在不同平台下进行调试。
单元测试和端到端测试： 使用适合的测试框架和工具，如 Jest、Mocha、Cypress 等，编写单元测试和端到端测试用例，确保应用的各个部分都能正常运行。

5.社区资源和文档

拥有一个活跃的社区和完善的文档对于开发者来说是非常重要的，它们可以提供支持和帮助，加速开发过程。对于 uni-app，你可以从以下渠道获取社区资源和文档：

官方文档： uni-app 官方提供了详细的文档，包括入门指南、组件文档、API 文档等，可以帮助你快速上手 uni-app 的开发。
GitHub 社区： uni-app 在 GitHub 上有一个活跃的社区，你可以在这里提问问题、提交 bug 报告、参与讨论等。
开发者论坛： uni-app 官方提供了开发者论坛，你可以在这里和其他开发者交流经验、分享技巧等。

6. 持续学习和更新

技术领域日新月异，持续学习和更新是成为一名优秀开发者的必备素质。针对 uni-app，你可以采取以下策略来保持学习和更新：

关注官方动态： 定期关注 uni-app 官方发布的更新和动态，了解最新的功能和改进。
阅读技术博客和文章： 关注行业内的技术博客和文章，了解前沿技术和最佳实践。
参加技术交流活动： 参加线下或线上的技术交流活动，与其他开发者交流经验、分享心得。

二、特点和优势

uni-app 的特点和优势包括：

一套代码多端运行：开发者只需编写一次代码，即可在多个平台上运行，包括 Web、iOS、Android 等。
Vue.js 生态：uni-app 基于 Vue.js 生态，开发者可以充分利用 Vue.js 的组件化开发、响应式数据流等特性进行开发。
丰富的组件库：uni-app 提供了丰富的内置组件和扩展组件库，开发者可以快速构建各种复杂的界面和交互效果。
性能优化：uni-app 在编译阶段会根据目标平台的特性和限制进行适配处理，以保证生成的应用在不同平台上具有良好的性能和用户体验。
开发者社区支持：uni-app 拥有庞大的开发者社区，提供了丰富的文档、教程和资源，帮助开发者更好地学习和使用该框架
原生能力支持：uni-app 提供了丰富的原生能力支持，包括调用原生 API、访问设备硬件等功能，使开发者可以轻松地实现与设备和操作系统的交互。
灵活的构建配置：uni-app 提供了灵活的构建配置选项，开发者可以根据项目需求进行定制和调整，包括样式预处理器、代码混淆、图标字体等。
生态整合：uni-app 与各种第三方生态整合良好，例如支持使用 Vuex 进行状态管理、使用 Vue Router 进行路由管理等，使开发更加便捷和高效。
持续更新和改进：uni-app 团队持续进行框架的更新和改进，包括性能优化、功能增强等，确保开发者始终能够使用到最新的技术和功能。
商业化支持：uni-app 提供了丰富的商业化支持，包括广告组件、支付组件等，使开发者可以轻松地实现应用的商业化运营。

综上所述，uni-app 是一个功能强大、灵活易用的跨平台开发框架，适用于各种规模和类型的应用开发项目，具有广阔的应用前景和发展空间。

三、基础知识

1. 前端基础知识

HTML（HyperText Markup Language）： HTML 是网页的标记语言，用于描述网页的结构和内容。掌握 HTML 的基本语法和常用标签，可以帮助你构建出具有良好结构的网页。

标签和元素： HTML 由一系列标签组成，每个标签用于定义页面的不同部分，例如
、
、等。
语义化： 使用合适的 HTML 标签来描述内容的含义，如使用
、
、
等标签来增强页面的语义化。
表单： HTML 提供了一系列表单元素，如、</code>、<code><select></code> 等，用于收集用户输入的数据。</li> </ul> <p><strong>CSS（Cascading Style Sheets）：</strong> CSS 用于描述网页的样式和布局，包括颜色、字体、边距、背景等方面。了解 CSS 的选择器、属性和单位，可以帮助你实现各种视觉效果和布局。</p> <ul> <li><strong>选择器：</strong> CSS 选择器用于选择要样式化的 HTML 元素，包括元素选择器、类选择器、ID 选择器、属性选择器等。</li> <li><strong>盒模型：</strong> 每个 HTML 元素在页面中都被视为一个矩形的盒子，盒模型包括内容、内边距、边框和外边距。</li> <li><strong>布局技术：</strong> CSS 提供了多种布局技术，如浮动、定位、Flexbox 和 Grid 等，用于实现不同的页面布局效果。</li> </ul> <p><strong>JavaScript： </strong>JavaScript 是一种基于对象和事件驱动的脚本语言，用于网页的交互和动态效果。掌握 JavaScript 的语法、数据类型、函数和事件处理等知识，可以让你实现更丰富和动态的网页功能。</p> <ul> <li><strong>数据类型和变量：</strong> JavaScript 包括基本数据类型（如字符串、数字、布尔值）和复杂数据类型（如对象、数组、函数）。</li> <li><strong>函数和作用域：</strong> JavaScript 允许定义函数并在程序中进行调用，函数可以访问其作用域内的变量和函数。</li> <li><strong>DOM 操作：</strong> JavaScript 可以通过 DOM（文档对象模型）操作 HTML 文档的结构和内容，实现动态效果和用户交互。</li> </ul> <p></p> <h3>2. Vue.js 框架</h3> <p><strong>Vue.js 基础：</strong> Vue.js 是一款流行的前端 JavaScript 框架，用于构建用户界面。了解 Vue.js 的基本原理、数据绑定、指令和生命周期等内容，可以帮助你快速上手 uni-app 开发。</p> <ul> <li><strong>数据绑定：</strong> Vue.js 支持双向数据绑定，通过 <code>v-model</code> 指令可以实现表单元素和数据模型的绑定。</li> <li><strong>指令和事件：</strong> Vue.js 提供了一系列内置指令和事件，如 <code>v-if</code>、<code>v-for</code>、<code>@click</code> 等，用于控制页面的显示和行为。</li> <li><strong>生命周期：</strong> Vue.js 组件有自己的生命周期钩子函数，包括 <code>created</code>、<code>mounted</code>、<code>updated</code>、<code>destroyed</code> 等，在组件不同阶段执行相应的操作。</li> </ul> <p><strong>Vue 组件化开发：</strong> Vue.js 支持组件化开发，可以将页面拆分成多个组件，提高代码的可维护性和复用性。学习如何编写和使用 Vue 组件，可以让你更高效地开发 uni-app 应用。</p> <ul> <li><strong>组件通信：</strong> Vue.js 支持父子组件之间的数据传递和事件通信，可以通过 props 和事件机制实现组件之间的交互。</li> <li><strong>单文件组件：</strong> Vue.js 推荐使用单文件组件（.vue 文件）来组织和管理组件的结构、样式和行为，提高代码的可维护性和复用性。</li> </ul> <p><strong>Vue Router 和 Vuex：</strong> Vue.js 提供了 Vue Router 和 Vuex 两个核心插件，用于实现路由管理和状态管理。了解如何使用 Vue Router 进行路由导航和 Vuex 进行状态管理，可以让你更好地组织和管理应用的数据和逻辑。</p> <ul> <li><strong>路由导航：</strong> Vue Router 可以实现单页面应用（SPA）的路由导航，通过配置路由表和路由参数来管理页面的跳转和传参。</li> <li><strong>状态管理：</strong> Vuex 提供了集中式的状态管理机制，用于管理应用的状态和数据，包括状态的读取、修改和响应式更新。</li> </ul> <p></p> <h3>3. CSS 预处理器</h3> <p><strong>SASS 或 LESS：</strong> SASS 和 LESS 是两种常见的 CSS 预处理器，它们可以为 CSS 添加变量、嵌套、混合等功能，提高代码的可读性和维护性。学习如何使用 SASS 或 LESS，可以让你更快地编写和管理样式代码。</p> <ul> <li><strong>SASS 或 LESS：</strong> <ul> <li><strong>变量和混合：</strong> SASS 和 LESS 允许定义变量和混合（Mixin），可以在样式表中重复使用，提高代码的可维护性。</li> <li><strong>嵌套规则：</strong> SASS 和 LESS 支持嵌套 CSS 规则，可以更清晰地表示元素之间的层级关系，减少代码的嵌套深度。</li> </ul></li> </ul> <h3>4. 前端工程化和构建工具</h3> <p><strong>Webpack：</strong> Webpack 是一个前端构建工具，用于打包、优化和管理前端资源。了解如何配置和使用 Webpack，可以帮助你优化项目结构、提高开发效率和性能表现。</p> <ul> <li><strong>打包配置：</strong> Webpack 允许通过配置文件定义打包规则和插件，包括入口、输出、加载器（Loader）和插件（Plugin）等。 <ul> <li><strong>代码分割：</strong> Webpack 支持代码分割（Code Splitting），可以将代码分割成多个块，按需加载，提高页面的加载速度和性能表现。</li> </ul></li> </ul> <p><strong>Parcel：</strong> Parcel 是一个快速、零配置的前端打包工具，适用于小型项目和快速原型开发。学习如何使用 Parcel，可以让你更快地启动项目并进行开发。</p> <ul> <li><strong>零配置：</strong> Parcel 是一个零配置的打包工具，支持自动识别和转换多种文件类型，无需手动配置，简化了项目的搭建和维护流程。</li> </ul> <p></p> <h3>5. 跨平台开发原理</h3> <p><strong>原生与跨平台开发：</strong> 跨平台开发指的是一套代码可以同时运行在多个平台上，包括 Web、iOS 和 Android 等。了解不同平台的特性和限制，可以帮助你设计和优化跨平台应用，提高用户体验和性能表现。</p> <ul> <li><strong>优缺点比较：</strong> 原生开发可以获得最佳的性能和体验，但需要针对不同平台编写不同的代码；而跨平台开发可以减少开发成本和维护成本，但可能牺牲一定的性能和体验。</li> <li><strong>选择适用场景：</strong> 根据项目需求和资源情况选择合适的开发方式，可以平衡开发成本、性能和用户体验的关系。</li> </ul> <p><strong>uni-app 跨平台开发原理：</strong> uni-app 是一个基于 Vue.js 的跨平台应用框架，通过一套代码可以生成多个平台的应用。了解 uni-app 的原理和机制，包括代码编译和运行时的适配处理，可以帮助你更好地开发和调试跨平台应用。</p> <ul> <li><strong>编译原理：</strong> uni-app 使用基于 Vue.js 的语法和组件，通过编译器将代码转换成不同平台的原生代码，实现跨平台运行。</li> <li><strong>适配处理：</strong> uni-app 在编译阶段会根据目标平台的特性和限制进行适配处理，保证生成的应用在不同平台上具有一致的表现和体验。</li> </ul> <p></p> <h2>四、例举实践</h2> <h3><strong>1. HTML（超文本标记语言）</strong></h3> <p>假设我们要创建一个简单的网页，其中包含标题、段落和图像。HTML代码如下：</p> <pre><code class="language-html"><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>简单网页</title> </head> <body> <header> <h1>欢迎来到我的网站</h1> </header> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">关于我们</a></li> <li><a href="#">联系我们</a></li> </ul> </nav> <section> <h2>关于我们</h2> <p>我们是一家专业的网站开发公司，致力于为客户提供优质的服务。</p> <img src="company-logo.png" alt="公司logo"> </section> <footer> <p>© 2024 我的网站</p> </footer> </body> </html> </code></pre> <p>在这个例子中，我们使用HTML标记创建了一个简单的网页结构。我们有一个标题 (<code><h1></code>)，一个导航菜单 (<code><nav></code>)，一个内容部分 (<code><section></code>) 包括一段文字 (<code><p></code>) 和一张图片 (<code><img></code>)，最后是页脚 (<code><footer></code>)。</p> <h3>2. CSS（层叠样式表）</h3> <p>现在，我们想要为这个网页添加一些样式，使其看起来更美观。我们可以使用CSS来实现这一点：</p> <pre><code class="language-css">body { font-family: Arial, sans-serif; margin: 0; padding: 0; } header { background-color: #333; color: #fff; text-align: center; padding: 20px 0; } nav ul { list-style-type: none; margin: 0; padding: 0; } nav li { display: inline; margin-right: 20px; } nav a { color: #333; text-decoration: none; } section { padding: 20px; } footer { background-color: #333; color: #fff; text-align: center; padding: 10px 0; } </code></pre> <p></p> <p>在这个CSS示例中，我们定义了一些基本样式，如页面的字体、页眉、导航菜单、内容部分和页脚的样式。</p> <p></p> <h3>3. JavaScript</h3> <p>现在，我们想要在网页上添加一些交互性，比如当用户点击导航菜单时，页面滚动到相应的部分。我们可以使用JavaScript来实现这一点：</p> <pre><code class="language-javascript">// 获取导航菜单中的所有链接 const navLinks = document.querySelectorAll('nav a'); // 遍历每个链接并添加点击事件监听器 navLinks.forEach(link => { link.addEventListener('click', (event) => { // 阻止默认行为，即链接的跳转 event.preventDefault(); // 获取目标部分的 ID const targetId = link.getAttribute('href').substring(1); // 根据目标 ID 获取相应的元素 const targetElement = document.getElementById(targetId); // 使用 smooth 滚动到目标部分 targetElement.scrollIntoView({ behavior: 'smooth' }); }); }); </code></pre> <p>在这个JavaScript示例中，我们为导航菜单中的每个链接添加了一个点击事件监听器。当用户点击链接时，页面会平滑滚动到相应的部分。</p> <p>通过这些例子，你可以更清晰地理解HTML、CSS和JavaScript的应用，以及它们如何共同工作来创建动态且吸引人的网页。</p> <p></p> <p></p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1919274663972761600"></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">  <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>  <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>  <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">你可能感兴趣的:(uni-app)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1949801227403456512.htm" title="uni-app—— uniapp 苹果手机ios系统中打开doc、xls、pdf、ppt等文件提示文件已过期或被清理" target="_blank">uni-app—— uniapp 苹果手机ios系统中打开doc、xls、pdf、ppt等文件提示文件已过期或被清理</a> <span class="text-muted">dbt@L</span> <a class="tag" taget="_blank" href="/search/%E5%B0%8F%E6%8A%80%E5%B7%A7/1.htm">小技巧</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a> <div>使用以下即可触发//file是当前文件在线链接downLoadFile(file){uni.showLoading({title:"下载中",})</div> </li> <li><a href="/article/1949792149339959296.htm" title="宽屏适配指南：让uni-app在PC端也能“变形金刚”！" target="_blank">宽屏适配指南：让uni-app在PC端也能“变形金刚”！</a> <span class="text-muted">脑袋大大的</span> <a class="tag" taget="_blank" href="/search/uniappx%E7%94%9F%E6%80%81%E4%B8%93%E6%A0%8F/1.htm">uniappx生态专栏</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/APP%E5%BC%80%E5%8F%91/1.htm">APP开发</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><a class="tag" taget="_blank" href="/search/uniappx/1.htm">uniappx</a><a class="tag" taget="_blank" href="/search/%E6%B7%B7%E5%90%88%E5%BC%80%E5%8F%91/1.htm">混合开发</a> <div>uni-app以移动为先的理念诞生，但自2.9版本起，它悄悄练就了一项“绝技”——宽屏适配，将全端统一的梦想照进现实。想象一下，你的应用不仅能优雅地运行在手机上，还能无缝切换到PC端，甚至在iPad横屏时自动变身“双面间谍”，是不是很酷？今天，我们就来聊聊如何让uni-app在不同屏幕上玩转“变形金刚”。一、窗体级适配：leftWindow、rightWindow、topWindow的“魔法阵”u</div> </li> <li><a href="/article/1949785845972135936.htm" title="uni-app小程序证件拍照" target="_blank">uni-app小程序证件拍照</a> <span class="text-muted">胡说先森</span> <a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>uni-app是一款跨平台的移动应用开发框架，可以用来开发同时运行在多个平台(如iOS、Android、H5、小程序等)的应用。在uni-app中，可以使用以下方式进行证件拍照：使用uni.chooseImageAPI调用系统相机拍照：uni.chooseImage({count:1,//最多可以选择的图片张数，默认9sizeType:['original','compre</div> </li> <li><a href="/article/1948989846794072064.htm" title="uni-app 鸿蒙平台条件编译指南" target="_blank">uni-app 鸿蒙平台条件编译指南</a> <span class="text-muted">程序媛夏天</span> <a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%99%BD%E5%AD%A6%E9%B8%BF%E8%92%99/1.htm">小白学鸿蒙</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BA/1.htm">华为</a> <div>在uni-app开发中，针对不同平台进行条件编译是一项重要技能。尤其是对于鸿蒙平台，合理运用条件编译可以优化代码，实现平台差异化功能。以下是针对鸿蒙平台的条件编译规则及示例详解：一、条件编译指令APP-HARMONY：仅在鸿蒙平台编译时命中，用于编写鸿蒙平台专属代码。APP：安卓、苹果、鸿蒙平台会编译，小程序和Web平台不会编译，适用于多端（非小程序和Web）通用代码。APP-PLUS：安卓、苹果</div> </li> <li><a href="/article/1948907776386330624.htm" title="前端 JavaScript 跨端开发框架对比" target="_blank">前端 JavaScript 跨端开发框架对比</a> <span class="text-muted">AI实战架构笔记</span> <a class="tag" taget="_blank" href="/search/AI%E6%9E%B6%E6%9E%84%E5%BC%80%E5%8F%91%E5%AE%9E%E6%88%98/1.htm">AI架构开发实战</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%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ai/1.htm">ai</a> <div>前端JavaScript跨端开发框架对比关键词：JavaScript、跨端开发、ReactNative、Flutter、Weex、Taro、Uni-app、性能优化摘要：本文深入对比了当前主流的JavaScript跨端开发框架，包括ReactNative、Flutter、Weex、Taro和Uni-app。我们将从架构原理、性能表现、开发体验、生态支持和实际应用场景等多个维度进行全面分析，帮助开发</div> </li> <li><a href="/article/1948092878291005440.htm" title="uni-app跨平台开发知识点总结" target="_blank">uni-app跨平台开发知识点总结</a> <span class="text-muted"></span> <div>uni-app简介uni-app概述：uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。uni-app由来：是为了解决跨平台开发的问题。在移动应用开发中，不同平台（如iOS、Android）有不同的开发语言和技术栈，这导致开发者</div> </li> <li><a href="/article/1947895095520980992.htm" title="前端Vue自定义顶部搜索框热门搜索历史搜索用于搜索跳转使用" target="_blank">前端Vue自定义顶部搜索框热门搜索历史搜索用于搜索跳转使用</a> <span class="text-muted">前端组件分享</span> <div>前端Vue自定义顶部搜索框热门搜索历史搜索用于搜索跳转使用，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13128效果图如下：####自定义顶部搜索框用于搜索跳转使用方法```使用方法```####HTML代码实现部分```htmlimportCCBProjectListfrom'../../components/CCPro</div> </li> <li><a href="/article/1947764516745965568.htm" title="uniapp基本使用" target="_blank">uniapp基本使用</a> <span class="text-muted">shadouqi</span> <a class="tag" taget="_blank" href="/search/uniapp/1.htm">uniapp</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a> <div>资料咸虾米视频黑马视频uniapp官方文档hbuilder1.uniapp页面生命周期1.1onLoad还拿不到dom适合接受上页的参数，联网取数据，更新data。相当于created和beforeCreated期间主要的作用是比如说获取url上的query参数*url:***/**?name=张三&age=18import{onLoad}from"@dcloudio/uni-app"onLoad</div> </li> <li><a href="/article/1947759213677703168.htm" title="uni-app开发小程序，根据图片提取主题色值" target="_blank">uni-app开发小程序，根据图片提取主题色值</a> <span class="text-muted"></span> <div>需求，在页面根据传入的图片提取图片主色值并用来设置区块背景色{{item.name}}{{item.calorie}}千卡/{{item.unit}}分钟importproductChangefrom'./product-change.vue'exportdefault{name:'productItem',components:{productChange},props:{name:{type:</div> </li> <li><a href="/article/1947730228763750400.htm" title="uView UI 组件大全" target="_blank">uView UI 组件大全</a> <span class="text-muted"></span> <div>uViewUI是一个基于uni-app的高质量UI组件库，提供丰富的跨平台组件（支持H5、小程序、App等）。以下是其核心组件的分类大全及功能说明，结合最新版本（1.2.10）整理：一、基础组件按钮(Button)支持主题色、镂空、禁用等样式，可设置openType（如微信小程序授权）和回调事件。图标(Icon)内置多种图标，支持自定义颜色、大小、背景色和渐变色。布局(Layout)提供栅格系统（</div> </li> <li><a href="/article/1947718005777559552.htm" title="全新开发范式：uni-app X助力全平台原生应用" target="_blank">全新开发范式：uni-app X助力全平台原生应用</a> <span class="text-muted">程序媛夏天</span> <a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%99%BD%E5%AD%A6%E9%B8%BF%E8%92%99/1.htm">小白学鸿蒙</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a> <div>在2025年数字技术发展的关键节点上，国产操作系统正在经历从愿景走向现实的深刻变革。DCloud于5月12日发布的HBuilderX4.64正式版，标志着uni-appx已实现对鸿蒙、Android、iOS、Web、微信小程序等主流平台的全覆盖，为开发者带来了全新的跨平台开发体验。一、技术革新：Web技术栈与原生性能的完美融合uni-appx的突破性在于其独特的设计理念：“开发态基于Web技术栈，</div> </li> <li><a href="/article/1947455136565620736.htm" title="uni 读取网络json_uni-app怎么使用路由守卫，并且路由配置和pages.json中只写一套..." target="_blank">uni 读取网络json_uni-app怎么使用路由守卫，并且路由配置和pages.json中只写一套...</a> <span class="text-muted">天天很向上</span> <a class="tag" taget="_blank" href="/search/uni/1.htm">uni</a><a class="tag" taget="_blank" href="/search/%E8%AF%BB%E5%8F%96%E7%BD%91%E7%BB%9Cjson/1.htm">读取网络json</a> <div>背景uni-app本身没有路由，无法使用路由守卫。那么有这么一个功能：当某些页面需要登录，进入之前需要判断是否登录，如果没有登录则跳转到登录页。可以封装公共方法或混入实现，但是不太优雅，这时使用路由守卫实在是太方便了！幸好，插件uni-simple-router给我们提供了1.uni-simple-router使用方法uni-simple-router是专为uni-app打造的路由管理器。它保留了</div> </li> <li><a href="/article/1947260884728475648.htm" title="小程序框架单元测试：Jest在不同框架中的配置与使用" target="_blank">小程序框架单元测试：Jest在不同框架中的配置与使用</a> <span class="text-muted">小程序开发2020</span> <a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%BC%80%E5%8F%91%E5%AE%9D%E5%85%B8/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/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a><a class="tag" taget="_blank" href="/search/log4j/1.htm">log4j</a><a class="tag" taget="_blank" href="/search/ai/1.htm">ai</a> <div>小程序框架单元测试：Jest在不同框架中的配置与使用关键词：Jest、单元测试、小程序、Taro、uni-app、WePY、测试配置摘要：本文将深入探讨如何在不同的小程序框架（Taro、uni-app、WePY）中配置和使用Jest进行单元测试。我们将从基础概念讲起，逐步深入到具体配置和实战案例，帮助开发者掌握小程序单元测试的核心技能，提升代码质量和开发效率。背景介绍目的和范围本文旨在帮助小程序开</div> </li> <li><a href="/article/1947258114214522880.htm" title="从零开发推客小程序系统：完整技术方案与实战经验" target="_blank">从零开发推客小程序系统：完整技术方案与实战经验</a> <span class="text-muted">wx_ywyy6798</span> <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%8E%A8%E5%AE%A2%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%BC%80%E5%8F%91/1.htm">推客小程序开发</a><a class="tag" taget="_blank" href="/search/%E6%8E%A8%E5%AE%A2%E7%B3%BB%E7%BB%9F%E5%BC%80%E5%8F%91/1.htm">推客系统开发</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E6%8E%A8%E5%AE%A2%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">推客小程序</a><a class="tag" taget="_blank" href="/search/%E6%8E%A8%E5%AE%A2%E7%B3%BB%E7%BB%9F/1.htm">推客系统</a><a class="tag" taget="_blank" href="/search/%E6%8E%A8%E5%AE%A2%E5%88%86%E9%94%80%E7%B3%BB%E7%BB%9F%E5%BC%80%E5%8F%91/1.htm">推客分销系统开发</a> <div>一、推客小程序的市场价值社交电商爆发式增长背景推客模式的优势：低成本获客、用户裂变小程序作为推客系统载体的天然优势二、技术架构设计text1.前端技术栈：-微信小程序原生开发/uni-app跨平台方案-自定义分享组件开发-可视化数据看板实现2.后端技术选型：-Node.js/PHP/JavaSpringBoot等后端框架对比-高性能分销关系链存储方案-佣金结算系统的设计要点3.数据库设计：-用户层</div> </li> <li><a href="/article/1947007569344131072.htm" title="Event Loop 在浏览器和 Node.js 中的区别" target="_blank">Event Loop 在浏览器和 Node.js 中的区别</a> <span class="text-muted">阿珊和她的猫</span> <a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录一、事件循环的阶段浏览器Node.js二、微任务队列的处理浏览器Node</div> </li> <li><a href="/article/1946895864450576384.htm" title="uni-app使用web-view组件APP实现返回上一页" target="_blank">uni-app使用web-view组件APP实现返回上一页</a> <span class="text-muted">极客编程坊</span> <a class="tag" taget="_blank" href="/search/WEB%E5%89%8D%E7%AB%AF/1.htm">WEB前端</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一、功能概述本案例实现了在Uniapp中内嵌H5网页并深度控制的三项核心功能：隐藏指定特征的内链元素自定义导航栏返回逻辑Webview原生特性保留二、代码解析2.1基础结构webview-styles：控制原生Webview样式src：指定加载的H5页面地址2.2核心控制逻辑exportdefault{onReady(){constcurrentWebview=this.$scope.$getAp</div> </li> <li><a href="/article/1946858600987160576.htm" title="小程序, uni-app等不支持svg标签的情况下,svg图标解决方案" target="_blank">小程序, uni-app等不支持svg标签的情况下,svg图标解决方案</a> <span class="text-muted">非常帅气的昵称吧</span> <div>SVG因其缩放不失真,可动态改变颜色等特点,在web开发中得到了广泛的使用,目前常见的使用方式有两种1.转换成字体文件线上的网站很多,像iconfont,iconmoon等,可以把选定的图标整合成一套字体文件,然后以特定的标签+类名进行使用2.使用symbol引用主要原理就是把所有要用到的svg文件代码,整合到一个代码块内,并给定每个svg图片一个唯一ID,使用时候通个这个ID引入具体的svg图片</div> </li> <li><a href="/article/1946846079735623680.htm" title="JAVA打手俱乐部护航陪玩小程序+APP+公众号+h5 源码陪玩系统" target="_blank">JAVA打手俱乐部护航陪玩小程序+APP+公众号+h5 源码陪玩系统</a> <span class="text-muted">2401_89605681</span> <a class="tag" taget="_blank" href="/search/%E5%97%96%E5%BE%AEmiui52086/1.htm">嗖微miui52086</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a> <div>万亿游戏社交蓝海：JAVA打手俱乐部护航陪玩系统源码解析（小程序+APP+H5全端覆盖）在电竞产业爆发与社交需求升级的双重驱动下，全球游戏陪玩市场规模突破120亿美元（2025年Newzoo数据），而传统平台面临信任危机、匹配低效、变现单一等痛点。JAVA打手俱乐部护航陪玩系统源码以SpringBoot+MyBatisPlus+MySQL为核心，通过Uni-app跨端开发实现小程序/APP/公众号</div> </li> <li><a href="/article/1946845953432547328.htm" title="JAVA打手俱乐部护航陪玩小程序+APP+公众号+h5 源码陪玩系统" target="_blank">JAVA打手俱乐部护航陪玩小程序+APP+公众号+h5 源码陪玩系统</a> <span class="text-muted">源码_V_saaskw</span> <a class="tag" taget="_blank" href="/search/%E5%97%96%E5%BE%AEmiui52086/1.htm">嗖微miui52086</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%85%AC%E4%BC%97%E5%B9%B3%E5%8F%B0/1.htm">微信公众平台</a> <div>万亿游戏社交蓝海：JAVA打手俱乐部护航陪玩系统源码解析（小程序+APP+H5全端覆盖）在电竞产业爆发与社交需求升级的双重驱动下，全球游戏陪玩市场规模突破120亿美元（2025年Newzoo数据），而传统平台面临信任危机、匹配低效、变现单一等痛点。JAVA打手俱乐部护航陪玩系统源码以SpringBoot+MyBatisPlus+MySQL为核心，通过Uni-app跨端开发实现小程序/APP/公众号</div> </li> <li><a href="/article/1946845574925971456.htm" title="JAVA打手俱乐部护航陪玩小程序+APP+公众号+h5 源码陪玩系统" target="_blank">JAVA打手俱乐部护航陪玩小程序+APP+公众号+h5 源码陪玩系统</a> <span class="text-muted">狂团商城小师妹</span> <a class="tag" taget="_blank" href="/search/%E5%97%96%E5%BE%AEmiui52086/1.htm">嗖微miui52086</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>万亿游戏社交蓝海：JAVA打手俱乐部护航陪玩系统源码解析（小程序+APP+H5全端覆盖）在电竞产业爆发与社交需求升级的双重驱动下，全球游戏陪玩市场规模突破120亿美元（2025年Newzoo数据），而传统平台面临信任危机、匹配低效、变现单一等痛点。JAVA打手俱乐部护航陪玩系统源码以SpringBoot+MyBatisPlus+MySQL为核心，通过Uni-app跨端开发实现小程序/APP/公众号</div> </li> <li><a href="/article/1946845322793775104.htm" title="JAVA无人系统台球室源码自助开台约球交友系统源码小程序" target="_blank">JAVA无人系统台球室源码自助开台约球交友系统源码小程序</a> <span class="text-muted"></span> <div>全域无人化运营革命：JAVA无人系统台球室源码解析（支持茶室/棋牌/KTV多业态）在共享经济与无人化浪潮的推动下，全球自助娱乐市场规模突破千亿美元，传统台球室、棋牌室面临人力成本高、运营效率低、用户粘性弱等痛点。JAVA无人系统台球室源码以SpringBoot+MyBatisPlus+MySQL为核心技术栈，通过Uni-app跨端开发实现小程序/H5/APP全渠道覆盖，集成AI裁判、社交裂变、多支</div> </li> <li><a href="/article/1946588858506342400.htm" title="关于uniapp中的拖拽图片排序，类似发布朋友圈功能的组件学习" target="_blank">关于uniapp中的拖拽图片排序，类似发布朋友圈功能的组件学习</a> <span class="text-muted">一路向前的月光</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/uniapp/1.htm">uniapp</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>仅供学习记录和帮作者shm***@163.com推广一下他的插件如果侵权请联系我进行文章删除图片拖拽排序-DCloud插件市场GitHub-shmilyany/shmily-drag-image:uni-app图片拖拽排序插件一、项目背景在uniapp中编写类似发布朋友圈功能时候需要用户可以自己决定上传图片的顺序二、基本功能组件movable-area可拖动区域由于app和小程序的架构是逻辑层与视</div> </li> <li><a href="/article/1946459770160476160.htm" title="uniapp下拉选择组件" target="_blank">uniapp下拉选择组件</a> <span class="text-muted">王旭晨</span> <a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a> <div>目录背景实现思路代码实现配置项使用尾巴背景最近遇到一个这样的需求，在输入框中输入关键字，通过接口查询到结果之后，以下拉框列表形式展现供用户选择。查询了下uni-app官网和项目中使用的uv-ui库，没找到符合条件的组件。唯一一个有点类似的就是uni官方下拉框组件，但是不支持input组件，所以我们自己来实现一个。实现思路那么实现这样一个组件要有哪些注意点了？我大概罗列了一下：1、下拉框默认是不显示</div> </li> <li><a href="/article/1943828499173273600.htm" title="uni-app X APP在线升级解决【uni-upgrade-center-app】未配置uni-upgrade-center 问题" target="_blank">uni-app X APP在线升级解决【uni-upgrade-center-app】未配置uni-upgrade-center 问题</a> <span class="text-muted"></span> <div>着急解决问题的同学可以直接查看第7项和7.3项。1、按照官网的指导文档进行升级中心配置。App升级中心uni-upgrade-center|uniCloud2、升级中心分为两个部分：uni-upgrade-centerAdmin管理后台和uni-upgrade-center-app前台检测更新3、后台管理部分按照上面的连接操作即可。4、当执行到前台检测更新时遇到了这个问题“PossibleUnha</div> </li> <li><a href="/article/1943823706568585216.htm" title="使用Adb wifi Android真机运行Uni-app" target="_blank">使用Adb wifi Android真机运行Uni-app</a> <span class="text-muted">pony1688</span> <a class="tag" taget="_blank" href="/search/adb/1.htm">adb</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>1、手机安装Adbwifi,我的用是这个：ADBWiFi(com.rair.adbwifi)-5.1.5-应用-酷安2、手机上运行ADB，运行后点击开始后界面如下3、如果手机已root,在电脑上运行adbconnect192.168.200.33:5555就可以连上了（注意:(1)不要进PowerShell,否则报错：无法将“adb”项识别为cmdlet、函数、脚本文件或可运行程序的名称。...(</div> </li> <li><a href="/article/1943821307460251648.htm" title="Uni-app 生命周期与钩子：程序的“生命”旅程" target="_blank">Uni-app 生命周期与钩子：程序的“生命”旅程</a> <span class="text-muted">普宁Max</span> <a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a> <div>Uni-app生命周期与钩子一、应用生命周期(AppLifecycle)onLaunch什么时候触发？常用场景？onShow什么时候触发？常用场景？onHide什么时候触发？常用场景？onError什么时候触发？常用场景？onPageNotFound什么时候触发？常用场景？onUnhandledRejection什么时候触发？常用场景？onThemeChange什么时候触发？常用场景？二、页面生命</div> </li> <li><a href="/article/1943785369174601728.htm" title="从卡顿到丝滑：uni-app房产App性能优化实践" target="_blank">从卡顿到丝滑：uni-app房产App性能优化实践</a> <span class="text-muted">儿歌八万首</span> <a class="tag" taget="_blank" href="/search/uniapp/1.htm">uniapp</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a> <div>1.性能优化概述在移动互联网时代，用户对应用性能的要求越来越高。据统计，如果一个应用的启动时间超过3秒，将有53%的用户选择放弃使用。对于房产行业的移动应用来说，性能优化更是至关重要，因为它直接影响到用户的看房体验和决策效率。房产应用的独特挑战房产应用相比其他类型的应用，面临着更多的性能挑战：数据量大：房源、客户、跟进记录等海量数据需要高效处理和展示图片密集：房源图片、户型图、实景照片等大量高清图</div> </li> <li><a href="/article/1943579016548118528.htm" title="uni-app跨平台开发：高效构建多端应用" target="_blank">uni-app跨平台开发：高效构建多端应用</a> <span class="text-muted">2301_81335708</span> <a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a> <div>引言：开发者之痛-多端开发的十字路口你是否曾为这些难题彻夜难眠？同一业务需维护iOS、Android、Web三套代码小程序平台各异（微信/支付宝/字节跳动），API差异令人抓狂团队技能栈分散，ReactNative、Flutter、原生开发各自为战产品迭代缓慢，50%时间消耗在跨平台适配uni-app：破局者登场由DCloud推出的uni-app基于Vue.js生态，用一套代码同步生成：iOS/A</div> </li> <li><a href="/article/1942767322414510080.htm" title="Session：在多个请求之间跟踪用户状态" target="_blank">Session：在多个请求之间跟踪用户状态</a> <span class="text-muted"></span> <div>前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录一、Session的基本概念1.SessionID2.Session数据</div> </li> <li><a href="/article/1942767322909437952.htm" title="CORS（跨域资源共享）：跨域请求的解决方案" target="_blank">CORS（跨域资源共享）：跨域请求的解决方案</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>前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录一、CORS的基本概念1.简单请求2.预检请求二、设置CORS使用Nod</div> </li> <li><a href="/article/86.htm" title="linux系统服务器下jsp传参数乱码" target="_blank">linux系统服务器下jsp传参数乱码</a> <span class="text-muted">3213213333332132</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>在一次解决乱码问题中，发现jsp在windows下用js原生的方法进行编码没有问题，但是到了linux下就有问题， escape,encodeURI,encodeURIComponent等都解决不了问题但是我想了下既然原生的方法不行，我用el标签的方式对中文参数进行加密解密总该可以吧。于是用了java的java.net.URLDecoder,结果还是乱码，最后在绝望之际，用了下面的方法解决了</div> </li> <li><a href="/article/213.htm" title="Spring 注解区别以及应用" target="_blank">Spring 注解区别以及应用</a> <span class="text-muted">BlueSkator</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>1. @Autowired @Autowired是根据类型进行自动装配的。如果当Spring上下文中存在不止一个UserDao类型的bean，或者不存在UserDao类型的bean，会抛出 BeanCreationException异常，这时可以通过在该属性上再加一个@Qualifier注解来声明唯一的id解决问题。 2. @Qualifier 当spring中存在至少一个匹</div> </li> <li><a href="/article/340.htm" title="printf和sprintf的应用" target="_blank">printf和sprintf的应用</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/sprintf/1.htm">sprintf</a><a class="tag" taget="_blank" href="/search/printf/1.htm">printf</a> <div><?php printf('b: %b <br>c: %c <br>d: %d <bf>f: %f', 80,80, 80, 80); echo '<br />'; printf('%0.2f <br>%+d <br>%0.2f <br>', 8, 8, 1235.456); printf('th</div> </li> <li><a href="/article/467.htm" title="config.getInitParameter" target="_blank">config.getInitParameter</a> <span class="text-muted">171815164</span> <a class="tag" taget="_blank" href="/search/parameter/1.htm">parameter</a> <div>web.xml <servlet> <servlet-name>servlet1</servlet-name> <jsp-file>/index.jsp</jsp-file> <init-param> <param-name>str</param-name> </div> </li> <li><a href="/article/594.htm" title="Ant标签详解--基础操作" target="_blank">Ant标签详解--基础操作</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/ant/1.htm">ant</a> <div> Ant的一些核心概念： build.xml：构建文件是以XML 文件来描述的，默认构建文件名为build.xml。 project：每个构建文</div> </li> <li><a href="/article/721.htm" title="[简单]代码片段_数据合并" target="_blank">[简单]代码片段_数据合并</a> <span class="text-muted">53873039oycg</span> <a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81/1.htm">代码</a> <div> 合并规则:删除家长phone为空的记录,若一个家长对应多个孩子,保留一条家长记录,家长id修改为phone,对应关系也要修改。代码如下: </div> </li> <li><a href="/article/848.htm" title="java 通信技术" target="_blank">java 通信技术</a> <span class="text-muted">云端月影</span> <a class="tag" taget="_blank" href="/search/Java+%E8%BF%9C%E7%A8%8B%E9%80%9A%E4%BF%A1%E6%8A%80%E6%9C%AF/1.htm">Java 远程通信技术</a> <div>在分布式服务框架中，一个最基础的问题就是远程服务是怎么通讯的，在Java领域中有很多可实现远程通讯的技术，例如：RMI、MINA、ESB、Burlap、Hessian、SOAP、EJB和JMS等，这些名词之间到底是些什么关系呢，它们背后到底是基于什么原理实现的呢，了解这些是实现分布式服务框架的基础知识，而如果在性能上有高的要求的话，那深入了解这些技术背后的机制就是必须的了，在这篇blog中我们将来</div> </li> <li><a href="/article/975.htm" title="string与StringBuilder 性能差距到底有多大" target="_blank">string与StringBuilder 性能差距到底有多大</a> <span class="text-muted">aijuans</span> <div> 之前也看过一些对string与StringBuilder的性能分析，总感觉这个应该对整体性能不会产生多大的影响，所以就一直没有关注这块！由于学程序初期最先接触的string拼接，所以就一直没改变过自己的习惯！ </div> </li> <li><a href="/article/1102.htm" title="今天碰到 java.util.ConcurrentModificationException 异常" target="_blank">今天碰到 java.util.ConcurrentModificationException 异常</a> <span class="text-muted">antonyup_2006</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/IBM/1.htm">IBM</a> <div>今天改bug，其中有个实现是要对map进行循环，然后有删除操作，代码如下： Iterator<ListItem> iter = ItemMap.keySet.iterator(); while(iter.hasNext()){ ListItem it = iter.next(); //...一些逻辑操作 ItemMap.remove(it); } 结果运行报Con</div> </li> <li><a href="/article/1229.htm" title="PL/SQL的类型和JDBC操作数据库" target="_blank">PL/SQL的类型和JDBC操作数据库</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/PL%2FSQL%E8%A1%A8/1.htm">PL/SQL表</a><a class="tag" taget="_blank" href="/search/%E6%A0%87%E9%87%8F%E7%B1%BB%E5%9E%8B/1.htm">标量类型</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%A0%87/1.htm">游标</a><a class="tag" taget="_blank" href="/search/PL%2FSQL%E8%AE%B0%E5%BD%95/1.htm">PL/SQL记录</a> <div>PL/SQL的标量类型: 字符,数字,时间,布尔,%type五中类型的 --标量：数据库中预定义类型的变量 --定义一个变长字符串 v_ename varchar2(10); --定义一个小数,范围 -9999.99~9999.99 v_sal number(6,2); --定义一个小数并给一个初始值为5.4 :=是pl/sql的赋值号 </div> </li> <li><a href="/article/1356.htm" title="Mockito：一个强大的用于 Java 开发的模拟测试框架实例" target="_blank">Mockito：一个强大的用于 Java 开发的模拟测试框架实例</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/mockito/1.htm">mockito</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a> <div>Mockito框架： Mockito是一个基于MIT协议的开源java测试框架。 Mockito区别于其他模拟框架的地方主要是允许开发者在没有建立“预期”时验证被测系统的行为。对于mock对象的一个评价是测试系统的测</div> </li> <li><a href="/article/1483.htm" title="精通Oracle10编程SQL(10)处理例外" target="_blank">精通Oracle10编程SQL(10)处理例外</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>/* *处理例外 */ --例外简介 --处理例外-传递例外 declare v_ename emp.ename%TYPE; begin SELECT ename INTO v_ename FROM emp where empno=&no; dbms_output.put_line('雇员名：'||v_ename); exceptio</div> </li> <li><a href="/article/1610.htm" title="【Java】Java执行远程机器上Linux命令" target="_blank">【Java】Java执行远程机器上Linux命令</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/linux%E5%91%BD%E4%BB%A4/1.htm">linux命令</a> <div>Java使用ethz通过ssh2执行远程机器Linux上命令，封装定义Linux机器的环境信息 package com.tom; import java.io.File; public class Env { private String hostaddr; //Linux机器的IP地址 private Integer po</div> </li> <li><a href="/article/1737.htm" title="java通信之Socket通信基础" target="_blank">java通信之Socket通信基础</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/socket/1.htm">socket</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a> <div>正处于网络环境下的两个程序，它们之间通过一个交互的连接来实现数据通信。每一个连接的通信端叫做一个Socket。一个完整的Socket通信程序应该包含以下几个步骤： ①创建Socket； ②打开连接到Socket的输入输出流； ④按照一定的协议对Socket进行读写操作； ④关闭Socket。 Socket通信分两部分：服务器端和客户端。服务器端必须优先启动，然后等待soc</div> </li> <li><a href="/article/1864.htm" title="angular.bind" target="_blank">angular.bind</a> <span class="text-muted">boyitech</span> <a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/angular.bind/1.htm">angular.bind</a><a class="tag" taget="_blank" href="/search/AngularJS+API/1.htm">AngularJS API</a><a class="tag" taget="_blank" href="/search/bind/1.htm">bind</a> <div>angular.bind 描述：上下文，函数以及参数动态绑定，返回值为绑定之后的函数. 其中args是可选的动态参数，self在fn中使用this调用。使用方法： angular.bind(se</div> </li> <li><a href="/article/1991.htm" title="java-13个坏人和13个好人站成一圈，数到7就从圈里面踢出一个来，要求把所有坏人都给踢出来，所有好人都留在圈里。请找出初始时坏人站的位置。" target="_blank">java-13个坏人和13个好人站成一圈，数到7就从圈里面踢出一个来，要求把所有坏人都给踢出来，所有好人都留在圈里。请找出初始时坏人站的位置。</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> import java.util.ArrayList; import java.util.List; public class KickOutBadGuys { /** * 题目：13个坏人和13个好人站成一圈，数到7就从圈里面踢出一个来，要求把所有坏人都给踢出来，所有好人都留在圈里。请找出初始时坏人站的位置。 * Maybe you can find out </div> </li> <li><a href="/article/2118.htm" title="Redis.conf配置文件及相关项说明（自查备用）" target="_blank">Redis.conf配置文件及相关项说明（自查备用）</a> <span class="text-muted">Kai_Ge</span> <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a> <div> Redis.conf配置文件及相关项说明 # Redis configuration file example # Note on units: when memory size is needed, it is possible to specifiy # it in the usual form of 1k 5GB 4M and so forth: # </div> </li> <li><a href="/article/2245.htm" title="[强人工智能]实现大规模拓扑分析是实现强人工智能的前奏" target="_blank">[强人工智能]实现大规模拓扑分析是实现强人工智能的前奏</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div> 真不好意思,各位朋友...博客再次更新... 节点数量太少,网络的分析和处理能力肯定不足,在面对机器人控制的需求方面,显得力不从心.... 但是,节点数太多,对拓扑数据处理的要求又很高,设计目标也很高,实现起来难度颇大... </div> </li> <li><a href="/article/2372.htm" title="记录一些常用的函数" target="_blank">记录一些常用的函数</a> <span class="text-muted">dai_lm</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> public static String convertInputStreamToString(InputStream is) { StringBuilder result = new StringBuilder(); if (is != null) try { InputStreamReader inputReader = new InputStreamRead</div> </li> <li><a href="/article/2499.htm" title="Hadoop中小规模集群的并行计算缺陷" target="_blank">Hadoop中小规模集群的并行计算缺陷</a> <span class="text-muted">datamachine</span> <a class="tag" taget="_blank" href="/search/mapreduce/1.htm">mapreduce</a><a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/%E5%B9%B6%E8%A1%8C%E8%AE%A1%E7%AE%97/1.htm">并行计算</a> <div>注：写这篇文章的初衷是因为Hadoop炒得有点太热，很多用户现有数据规模并不适用于Hadoop，但迫于扩容压力和去IOE（Hadoop的廉价扩展的确非常有吸引力）而尝试。尝试永远是件正确的事儿，但有时候不用太突进，可以调优或调需求，发挥现有系统的最大效用为上策。 -----------------------------------------------------------------</div> </li> <li><a href="/article/2626.htm" title="小学4年级英语单词背诵第二课" target="_blank">小学4年级英语单词背诵第二课</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/english/1.htm">english</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a> <div>egg 蛋 twenty 二十 any 任何 well 健康的，好 twelve 十二 farm 农场 every 每一个 back 向后，回 fast 快速的 whose 谁的 much 许多 flower 花 watch 手表 very 非常，很 sport 运动 Chinese 中国的 </div> </li> <li><a href="/article/2753.htm" title="自己实践了github的webhooks, linux上面的权限需要注意" target="_blank">自己实践了github的webhooks, linux上面的权限需要注意</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/webhook/1.htm">webhook</a> <div>环境, 阿里云服务器 1. 本地创建项目, push到github服务器上面 2. 生成www用户的密钥 sudo -u www ssh-keygen -t rsa -C "xxx@xx.com" 3. 将密钥添加到github帐号的SSH_KEYS里面 3. 用www用户执行克隆, 源使</div> </li> <li><a href="/article/2880.htm" title="Java冒泡排序" target="_blank">Java冒泡排序</a> <span class="text-muted">蕃薯耀</span> <a class="tag" taget="_blank" href="/search/%E5%86%92%E6%B3%A1%E6%8E%92%E5%BA%8F/1.htm">冒泡排序</a><a class="tag" taget="_blank" href="/search/Java%E5%86%92%E6%B3%A1%E6%8E%92%E5%BA%8F/1.htm">Java冒泡排序</a><a class="tag" taget="_blank" href="/search/Java%E6%8E%92%E5%BA%8F/1.htm">Java排序</a> <div>冒泡排序 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月23日 10:40:14 星期二 http://fanshuyao.iteye.com/</div> </li> <li><a href="/article/3007.htm" title="Excle读取数据转换为实体List【基于apache-poi】" target="_blank">Excle读取数据转换为实体List【基于apache-poi】</a> <span class="text-muted">hanqunfeng</span> <a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a> <div>1.依赖apache-poi 2.支持xls和xlsx 3.支持按属性名称绑定数据值 4.支持从指定行、列开始读取 5.支持同时读取多个sheet 6.具体使用方式参见org.cpframework.utils.excelreader.CP_ExcelReaderUtilTest.java 比如： Str</div> </li> <li><a href="/article/3134.htm" title="3个处于草稿阶段的Javascript API介绍" target="_blank">3个处于草稿阶段的Javascript API介绍</a> <span class="text-muted">jackyrong</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>原文： http://www.sitepoint.com/3-new-javascript-apis-may-want-follow/?utm_source=html5weekly&utm_medium=email 本文中，介绍3个仍然处于草稿阶段，但应该值得关注的Javascript API. 1) Web Alarm API &</div> </li> <li><a href="/article/3261.htm" title="6个创建Web应用程序的高效PHP框架" target="_blank">6个创建Web应用程序的高效PHP框架</a> <span class="text-muted">lampcy</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a> <div>以下是创建Web应用程序的PHP框架，有coder bay网站整理推荐： 1. CakePHP CakePHP是一个PHP快速开发框架，它提供了一个用于开发、维护和部署应用程序的可扩展体系。CakePHP使用了众所周知的设计模式，如MVC和ORM，降低了开发成本，并减少了开发人员写代码的工作量。 2. CodeIgniter CodeIgniter是一个非常小且功能强大的PHP框架，适合需</div> </li> <li><a href="/article/3388.htm" title="评"救市后中国股市新乱象泛起"谣言" target="_blank">评"救市后中国股市新乱象泛起"谣言</a> <span class="text-muted">nannan408</span> <div>首先来看百度百家一位易姓作者的新闻：三个多星期来股市持续暴跌，跌得投资者及上市公司都处于极度的恐慌和焦虑中，都要寻找自保及规避风险的方式。面对股市之危机，政府突然进入市场救市，希望以此来重建市场信心，以此来扭转股市持续暴跌的预期。而政府进入市场后，由于市场运作方式发生了巨大变化，投资者及上市公司为了自保及为了应对这种变化，中国股市新的乱象也自然产生。首先，中国股市这两天</div> </li> <li><a href="/article/3515.htm" title="页面全屏遮罩的实现方式" target="_blank">页面全屏遮罩的实现方式</a> <span class="text-muted">Rainbow702</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/%E9%81%AE%E7%BD%A9/1.htm">遮罩</a><a class="tag" taget="_blank" href="/search/mask/1.htm">mask</a> <div>之前做了一个页面，在点击了某个按钮之后，要求页面出现一个全屏遮罩，一开始使用了position:absolute来实现的。当时因为画面大小是固定的，不可以resize的，所以，没有发现问题。最近用了同样的做法做了一个遮罩，但是画面是可以进行resize的，所以就发现了一个问题，当画面被reisze到浏览器出现了滚动条的时候，就发现，用absolute 的做法是有问题的。后来改成fixed定位就</div> </li> <li><a href="/article/3642.htm" title="关于angularjs的点滴" target="_blank">关于angularjs的点滴</a> <span class="text-muted">tntxia</span> <a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a> <div> angular是一个新兴的JS框架，和以往的框架不同的事，Angularjs更注重于js的建模，管理，同时也提供大量的组件帮助用户组建商业化程序，是一种值得研究的JS框架。 Angularjs使我们可以使用MVC的模式来写JS。Angularjs现在由谷歌来维护。这里我们来简单的探讨一下它的应用。首先使用Angularjs我</div> </li> <li><a href="/article/3769.htm" title="Nutz--->>反复新建ioc容器的后果" target="_blank">Nutz--->>反复新建ioc容器的后果</a> <span class="text-muted">xiaoxiao1992428</span> <a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a><a class="tag" taget="_blank" href="/search/IOC/1.htm">IOC</a><a class="tag" taget="_blank" href="/search/nutz/1.htm">nutz</a> <div>问题： public class DaoZ { public static Dao dao() { // 每当需要使用dao的时候就取一次 Ioc ioc = new NutIoc(new JsonLoader("dao.js")); return ioc.get(</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.  </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>