Vue.js起步
1.Html与Vue小知识
①字体效果
...
标题字(最大)
...
标题字(最小)
...粗体字
...粗体字(强调)
...斜体字
...斜体字(强调)
...斜体字(表示定义)
...底线
...底线(表示插入文字)
...横线
...删除线
...删除线(表示删除)
...键盘文字
... 打字体
<![CDATA[...]]>固定宽度字体(在文件中空白、换行、定位功能有效)
<![CDATA[...</plaintext>固定宽度字体(不执行标记符号) <br> <listing>...</listing> 固定宽度小字体<br> <font color=00ff00>...</font>字体颜色 <br> <font size=1>...</font>最小字体</p>
<h2>②区域标记</h2>
<p></p>
<hr> 水平线
<br> <hr size=’9’>水平线(设定大小)
<br> <hr width=’80%’>水平线(设定宽度)
<br> <hr color=’ff0000’>水平线(设定颜色)
<br>
<br>(换行)
<br> <nobr>...</nobr>水域(不换行)
<br> <p>...</p>水域(段落)
<br> <center>...</center>置中
<p></p>
<h2>③链接格式</h2>
<p><base href=位址>(预设好连结路径) <br> <a href=位址></a>外部连结 <br> <a href=位址 target=’_blank’></a>外部连结(另开新视窗) <br> <a href=位址 target=’_top’></a>外部连结(全视窗连结) <br> <a href=位址 target=’页框名’></a>外部连结(在指定页框连结)</p>
<h1>2.工具的应用</h1>
<h2>①下载安装好HBuilder X：点击下载 </h2>
<h2>②运行HBuilder X，点击文件→新建→项目</h2>
<h2>③进入如下界面好如图操作
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 650px;">
<div class="image-view">
<a href="http://img.e-com-net.com/image/info10/358d86cb9b0644588a2c7b8a26ea5b6c.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/358d86cb9b0644588a2c7b8a26ea5b6c.jpg" width="650" height="509" alt="Vue.js起步_第1张图片" style="border:1px solid black;"></a>
</div>
</div>
<div class="image-caption">
QQ图片20190306201412.png
</div>
</div> </h2>
<h1>3.开始第一个文件</h1>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 403px;">
<div class="image-view">
<a href="http://img.e-com-net.com/image/info10/73e3e3682dcc4d0eb15c582284da5607.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/73e3e3682dcc4d0eb15c582284da5607.jpg" width="650" height="375" alt="Vue.js起步_第2张图片" style="border:1px solid black;"></a>
</div>
</div>
<div class="image-caption">
QQ图片20190306201613.png
</div>
</div>
<br>
<p></p> 第二个文件熟悉
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 662px;">
<div class="image-view">
<a href="http://img.e-com-net.com/image/info10/357ed92c529544dcb693f6167162bc44.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/357ed92c529544dcb693f6167162bc44.jpg" width="650" height="411" alt="Vue.js起步_第3张图片" style="border:1px solid black;"></a>
</div>
</div>
<div class="image-caption">
QQ图片20190306202139.png
</div>
</div>
</article>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1288630047887925248"></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">你可能感兴趣的:(Vue.js起步)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1891683409340723200.htm"
title="Vue.js 组件开发：构建高效、可重用的用户界面" target="_blank">Vue.js 组件开发：构建高效、可重用的用户界面</a>
<span class="text-muted">m1chiru</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a>
<div>Vue.js组件开发：构建高效、可重用的用户界面Vue.js是一个流行的JavaScript框架，它致力于通过简单的API和高度响应的设计，帮助开发者构建高效、动态的前端应用。在Vue.js中，组件是构建用户界面的核心单元。它们使得应用的结构更加模块化、可维护且易于重用。在这篇博客中，我们将深入探讨Vue.js组件的开发方法，包括组件的基本概念、创建、传递数据、事件处理以及组件之间的通信等关键内容</div>
</li>
<li><a href="/article/1891676338511736832.htm"
title="Vue.js 组件开发：构建可重用且高效的 UI 块" target="_blank">Vue.js 组件开发：构建可重用且高效的 UI 块</a>
<span class="text-muted">沉浮yu大海</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><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>
<div>在现代前端开发中，Vue.js凭借其简洁的语法、强大的数据绑定能力和灵活的组件系统，成为许多开发者的首选框架。组件化开发是Vue.js的核心特性之一，它允许我们将大型应用拆分成多个独立、可复用的部分，从而提高代码的可维护性和扩展性。本文将带你深入了解Vue.js组件开发的基本概念和最佳实践，帮助你构建高效且可重用的UI组件。一、Vue.js组件基础在Vue.js中，组件是可复用的Vue实例，它们封</div>
</li>
<li><a href="/article/1891624613050380288.htm"
title="_05JavaScript" target="_blank">_05JavaScript</a>
<span class="text-muted">The_era_achievs_hero</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/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/js/1.htm">js</a>
<div>第五次网课1.JavaScript的书写位置内部JS//页面弹出警示框alert('你好,js~')外部JS（最多）内联（行内）(以后vue框架会用这种模式）点我月薪过万2.JavaScript的注释与结束符单行注释符号：//ctrl+/多行注释符号：/**/shift+alt+a结束符用；表示结束可写可不写，要么全都写，要么全不写vue.js不加分号3.JavaScript的输入输出语法输出中文</div>
</li>
<li><a href="/article/1891563911170289664.htm"
title="uniapp uni-icons组件自定义图标" target="_blank">uniapp uni-icons组件自定义图标</a>
<span class="text-muted">xcLeigh</span>
<a class="tag" taget="_blank" href="/search/uniapp%E6%8A%80%E6%9C%AF%E7%82%B9%E8%A7%A3%E6%9E%90/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%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>文章目录1️⃣uni-icons组件1.1引用位置1.2FontEditor简介1.2FontEditor使用结束语优质源码分享uni-app是一个使用Vue.js(opensnewwindow)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。1️⃣uni-icons组件1.1引用位置1.2FontEditor简介Fo</div>
</li>
<li><a href="/article/1891448808177463296.htm"
title="HTML5 起步" target="_blank">HTML5 起步</a>
<span class="text-muted">强强学习</span>
<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/html/1.htm">html</a>
<div>HTML5是W3C与WHATWG合作的结果,WHATWG指WebHypertextApplicationTechnologyWorkingGroup。WHATWG致力于web表单和应用程序，而W3C专注于XHTML2.0。在2006年，双方决定进行合作，来创建一个新版本的HTML。HTML5中的一些有趣的新特性：用于绘画的canvas元素用于媒介回放的video和audio元素对本地离线存储的更好</div>
</li>
<li><a href="/article/1891370710446698496.htm"
title="vue h函数" target="_blank">vue h函数</a>
<span class="text-muted">月下第一风流</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>在Vue.js中，h函数是用于在渲染函数中创建虚拟DOM元素的主要工具。但是，除了h函数之外，还有其他一些辅助函数和工具可以用于渲染函数和组件开发。以下是一些常见的工具和函数：createApp:用于创建Vue应用程序的实例。在Vue3中，这是启动应用的主要方法。defineComponent:用于定义一个组件。在Vue3中，这是一种定义组件的选项式API的替代方法。resolveComponen</div>
</li>
<li><a href="/article/1891318881629302784.htm"
title="Vue3 中的 defineProps：优雅地实现子父组件传值" target="_blank">Vue3 中的 defineProps：优雅地实现子父组件传值</a>
<span class="text-muted">良月柒</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>Vue.js一直以来都是前端开发者们钟爱的框架之一，而在最新的Vue3中，引入了一些新的特性和改进，其中之一就是defineProps。defineProps提供了一种更加明确和类型安全的方式来定义子组件的props，让子父组件之间的数据传递更加清晰和可维护。本文将介绍Vue3中defineProps的用法以及如何在子组件中使用它来接收父组件传递的props数据。什么是defineProps？de</div>
</li>
<li><a href="/article/1891312449886416896.htm"
title="《vue.js前端框架技术》" target="_blank">《vue.js前端框架技术》</a>
<span class="text-muted">韩靓.</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a>
<div>一、引言在当今快速发展的互联网时代，前端开发技术不断推陈出新，众多框架和工具如雨后春笋般涌现，而Vue.js凭借其独特的优势，在前端开发领域中占据了重要的一席之地。它以简洁的语法、高效的性能和灵活的扩展性，为开发者提供了一种便捷且强大的方式来构建各类交互式的用户界面。无论是简单的企业展示网站、小型的移动应用，还是复杂的大型单页面应用（SPA），Vue.js都展现出了卓越的适应性和实用性，能够满足不</div>
</li>
<li><a href="/article/1891138556173283328.htm"
title="（萌新入门）如何从起步阶段开始学习STM32 ——2 我应该学习HAL库还是寄存器库？" target="_blank">（萌新入门）如何从起步阶段开始学习STM32 ——2 我应该学习HAL库还是寄存器库？</a>
<span class="text-muted">charlie114514191</span>
<a class="tag" taget="_blank" href="/search/%E7%B2%89%E4%B8%9D%E8%AF%B7%E6%B1%82/1.htm">粉丝请求</a><a class="tag" taget="_blank" href="/search/STM32%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">STM32学习笔记</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E7%89%87%E6%9C%BA/1.htm">单片机</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F/1.htm">嵌入式</a><a class="tag" taget="_blank" href="/search/STM32/1.htm">STM32</a><a class="tag" taget="_blank" href="/search/HAL/1.htm">HAL</a><a class="tag" taget="_blank" href="/search/%E5%BA%93%E5%AF%84%E5%AD%98%E5%99%A8/1.htm">库寄存器</a>
<div>概念笔者下面需要介绍的是库寄存器和HAL库两个重要的概念，在各位看完之后，需要决定自己的学习路线到底是学习HAL呢？还是寄存器呢？还是两者都学习呢？库寄存器库寄存器就是简单的封装了我们对寄存器的操作，至少，不用咔咔访问结构体去嗯改里面的数据，否则开发效率会低到发指。库寄存器的特征如下：低层级：直接操作硬件寄存器，代码与硬件紧密相关。高效：由于直接操作寄存器，代码执行效率高，资源占用少。灵活性：我们</div>
</li>
<li><a href="/article/1891101604044664832.htm"
title="Vue 2 路由指南：从基础到高级" target="_blank">Vue 2 路由指南：从基础到高级</a>
<span class="text-muted">鸡吃丸子</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a>
<div>注意：对于代码看不清的部分，用鼠标选中就能看到了，背景颜色和字体颜色过于接近，我也不知道怎么调，只能这样子先看着了一、VueRouter是什么？VueRouter是Vue.js官方的路由管理器，它允许你在单页面应用中通过不同的URL显示不同的组件。VueRouter与Vue.js核心深度集成，提供了声明式的路由定义、嵌套路由、动态路由、导航守卫等功能，帮助开发者构建复杂的单页面应用。二、安装与配置</div>
</li>
<li><a href="/article/1891078912692252672.htm"
title="Flux架构：构建可预测的Web应用状态管理体系" target="_blank">Flux架构：构建可预测的Web应用状态管理体系</a>
<span class="text-muted">阿珊和她的猫</span>
<a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</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》前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站。文章</div>
</li>
<li><a href="/article/1891044744973316096.htm"
title="Vue.js 新手必看：5个趣味小案例快速理解数据绑定原理" target="_blank">Vue.js 新手必看：5个趣味小案例快速理解数据绑定原理</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>Vue.js是一个渐进式JavaScript框架，用于构建用户界面。其核心特性之一是数据绑定，它允许开发者通过简单的声明式语法将数据与DOM元素绑定在一起。这种双向数据绑定机制使得数据更新和视图更新变得非常直观和高效。本文将通过5个趣味小案例，帮助Vue.js新手快速理解数据绑定的原理和实现方式。案例1：简单的文本绑定目标将输入框中的内容实时显示在页面上。实现代码Vue数据绑定-文本绑定输入框内容</div>
</li>
<li><a href="/article/1891021921319972864.htm"
title="深入理解现代前端框架：Vue.js 的进阶探秘" target="_blank">深入理解现代前端框架：Vue.js 的进阶探秘</a>
<span class="text-muted">lozhyf</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/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/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a>
<div>在当今的web开发领域，前端框架如雨后春笋般涌现，而Vue.js凭借其简洁易用和强大的功能，成为了众多开发者的心头好。本文将带领大家深入探索Vue.js的一些进阶特性，帮助你将Vue应用开发提升到新的高度。一、Vue.js的响应式原理Vue.js最核心的特性之一就是其响应式系统。当数据发生变化时，Vue能够自动更新DOM，这一过程是如何实现的呢？Vue.js使用了Object.defineProp</div>
</li>
<li><a href="/article/1890965177625538560.htm"
title="Vue.js 配置 Babel、Webpack 和 ESLint" target="_blank">Vue.js 配置 Babel、Webpack 和 ESLint</a>
<span class="text-muted">轻口味</span>
<a class="tag" taget="_blank" href="/search/VUE.JS/1.htm">VUE.JS</a><a class="tag" taget="_blank" href="/search/%E5%85%A5%E9%97%A8%E4%B8%8E%E5%AE%9E%E8%B7%B5/1.htm">入门与实践</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>Vue.js配置Babel、Webpack和ESLint今天我们来聊聊如何配置Babel、Webpack和ESLint，这三个工具在现代前端开发中扮演着重要角色。它们分别负责代码转译、模块打包和代码质量检测，合理配置它们能大大提高项目的开发效率和质量。下面我将详细介绍它们的作用，并提供具体的配置示例。1.Babel配置Babel主要用于将现代JavaScript（ES6+）代码转译为兼容性更好的版</div>
</li>
<li><a href="/article/1890877538746560512.htm"
title="探索时间的脉络：Vue.js下的Timeline组件——Timeline Vuejs" target="_blank">探索时间的脉络：Vue.js下的Timeline组件——Timeline Vuejs</a>
<span class="text-muted">房耿园Hartley</span>
<div>探索时间的脉络：Vue.js下的Timeline组件——TimelineVuejs项目地址:https://gitcode.com/gh_mirrors/ti/timeline-vuejs在数字时代，将信息以时间轴的形式展示变得日益重要，它帮助我们清晰地追踪事件的发展和变迁。今天，我们要推荐一个精巧且功能强大的Vue.js组件——TimelineVuejs。这款开源项目专为Vue爱好者设计，旨在优</div>
</li>
<li><a href="/article/1890877033727193088.htm"
title="vue框架生命周期详细解析" target="_blank">vue框架生命周期详细解析</a>
<span class="text-muted">黑码小帅</span>
<a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%B7%B1%E6%80%BB%E7%BB%93/1.htm">自己总结</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/typescript/1.htm">typescript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</a>
<div>Vue.js的生命周期钩子函数是理解Vue组件行为的关键。每个Vue实例在创建、更新和销毁过程中都会经历一系列的生命周期阶段，每个阶段都有对应的钩子函数，开发者可以在这些钩子函数中执行特定的操作。Vue生命周期概述Vue的生命周期可以分为以下几个主要阶段：创建阶段（Creation）挂载阶段（Mounting）更新阶段（Updating）销毁阶段（Destruction）每个阶段都有对应的钩子函数</div>
</li>
<li><a href="/article/1890766448721195008.htm"
title="大模型prompt实例：知识库信息质量校验模块" target="_blank">大模型prompt实例：知识库信息质量校验模块</a>
<span class="text-muted">写代码的中青年</span>
<a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%A8%A1%E5%9E%8B/1.htm">大模型</a><a class="tag" taget="_blank" href="/search/prompt/1.htm">prompt</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%A8%A1%E5%9E%8B/1.htm">大模型</a><a class="tag" taget="_blank" href="/search/LLM/1.htm">LLM</a>
<div>大模型相关目录大模型，包括部署微调prompt/Agent应用开发、知识库增强、数据库增强、知识图谱增强、自然语言处理、多模态等大模型应用开发内容从0起步，扬帆起航。大模型应用向开发路径：AI代理工作流大模型应用开发实用开源项目汇总大模型问答项目问答性能评估方法大模型数据侧总结大模型token等基本概念及参数和内存的关系大模型应用开发-华为大模型生态规划从零开始的LLaMA-Factory的指令增</div>
</li>
<li><a href="/article/1890715515962322944.htm"
title="React Hooks 与 Vue Composition API 的区别" target="_blank">React Hooks 与 Vue Composition API 的区别</a>
<span class="text-muted">阿珊和她的猫</span>
<a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</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>
<div>前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录1.设计哲学ReactHooksVueCompositionAPI2.使用方式ReactHoo</div>
</li>
<li><a href="/article/1890630143236435968.htm"
title="Vue - 在纯 HTML 普通项目中实现组件化，让原生 html 项目支持引入 *.vue 组件 / 组件与组件间的互相引用等，完美解决了引入组件出现的跨域问题（保姆级详细教程，完整示例源码及插件）" target="_blank">Vue - 在纯 HTML 普通项目中实现组件化，让原生 html 项目支持引入 *.vue 组件 / 组件与组件间的互相引用等，完美解决了引入组件出现的跨域问题（保姆级详细教程，完整示例源码及插件）</a>
<span class="text-muted">王二红</span>
<a class="tag" taget="_blank" href="/search/%2B/1.htm">+</a><a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/http-vue-loader/1.htm">http-vue-loader</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/oader%E8%B7%A8%E5%9F%9F/1.htm">oader跨域</a><a class="tag" taget="_blank" href="/search/html%E5%BC%95%E5%85%A5.vue%E7%BB%84%E4%BB%B6%E8%B7%A8%E5%9F%9F/1.htm">html引入.vue组件跨域</a><a class="tag" taget="_blank" href="/search/%E7%BA%AFhtml%E9%A1%B9%E7%9B%AE%E5%A6%82%E4%BD%95vue%E7%BB%84%E4%BB%B6%E5%8C%96/1.htm">纯html项目如何vue组件化</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>前言网上的方法千篇一律，并且都有引入组件报错“跨域”问题，本文彻底解决并提供详细的示例源码（一键复制运行）。在纯html原始项目中没有“组件”概念（意味着重复的组件，每次都需要重新写），就算引入了Vue.js包也是功能有限，根本无法引入*.vue文件，更不可能实现组件化。有些朋友不想用脚手架（webpack）创建，还想要在纯html页面中获得“组件化”能力，如下图所示。也就是说，您可以在不依赖no</div>
</li>
<li><a href="/article/1890545403284221952.htm"
title="《Foundation 起步》" target="_blank">《Foundation 起步》</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>《Foundation起步》引言在当今快速发展的科技时代，了解并掌握最新的技术是至关重要的。本文旨在为初学者提供一个全面的《Foundation》起步指南，帮助大家快速入门并掌握这一强大的技术。一、什么是Foundation？Foundation是一个流行的前端框架，由ZURB公司开发。它旨在帮助开发者快速构建响应式网站和应用程序。Foundation提供了一套完整的工具和组件，包括网格系统、导航</div>
</li>
<li><a href="/article/1890359880171188224.htm"
title="Vue.js前端开发实战学习笔记" target="_blank">Vue.js前端开发实战学习笔记</a>
<span class="text-muted">cai-4</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>Vue.js前端开发实战学习笔记一、学习教材Vue.js3前端开发实战————————张益珲github仓库地址gitee仓库地址二、第一章从前端基础到Vue.js3三、第二章Vue模板应用四、第三章Vue组件的属性和方法五、第四章处理用户交互六、第五章组件基础七、第六章组件进阶八、第七章Vue响应式编程九、第八章动画十、第九章构建工具VueCLI的使用十一、第十章基于Vue3的UI组件库——El</div>
</li>
<li><a href="/article/1890278180728664064.htm"
title="Vue.js 响应式原理与数据绑定" target="_blank">Vue.js 响应式原理与数据绑定</a>
<span class="text-muted">前端_学习之路</span>
<a class="tag" taget="_blank" href="/search/Vue.js/1.htm">Vue.js</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>在Vue.js中，响应式系统是其核心特性之一，它使得数据的变化能够自动更新到DOM上，实现了数据和视图的双向绑定。下面详细介绍Vue.js响应式系统的原理以及它是如何实现数据绑定的。原理概述Vue.js的响应式系统主要基于JavaScript的Object.defineProperty()方法（Vue2.x）和ES6的Proxy对象（Vue3.x）来实现。其核心思想是通过拦截数据对象的属性访问和修</div>
</li>
<li><a href="/article/1890278181320060928.htm"
title="vue.js之diff算法" target="_blank">vue.js之diff算法</a>
<span class="text-muted">前端_学习之路</span>
<a class="tag" taget="_blank" href="/search/Vue.js/1.htm">Vue.js</a><a class="tag" taget="_blank" href="/search/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/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a>
<div>在Vue.js中，Diff算法是一个核心的概念，它在虚拟DOM（VirtualDOM）的更新过程中起着关键作用。下面详细介绍Vue.js中的Diff算法。什么是Diff算法Diff算法是一种用于比较两个树结构差异的算法。在Vue.js里，它用于比较新旧虚拟DOM树的差异，从而找出哪些节点需要更新，避免直接操作真实DOM带来的性能开销，因为直接操作真实DOM的代价相对较高。虚拟DOM虚拟DOM是真实</div>
</li>
<li><a href="/article/1890272761503346688.htm"
title="Vue.js中的虚拟DOM" target="_blank">Vue.js中的虚拟DOM</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/1.htm">vue</a>
<div>出自深入浅出Vue.js在Vue.js中,我们使用模板来描述状态与DOM之间的映射关系,Vue.js通过编译模板转换成渲染函数(render)，执行渲染函数就可以得到一个虚拟节点树，使用这个虚拟节点树就可以渲染页面。模板---------------->渲染函数------------------>vnode-------------------->视图虚拟DOM的最终目标是将虚拟节点(vnode</div>
</li>
<li><a href="/article/1890260782248161280.htm"
title="vue.js之虚拟 DOM" target="_blank">vue.js之虚拟 DOM</a>
<span class="text-muted">前端_学习之路</span>
<a class="tag" taget="_blank" href="/search/Vue.js/1.htm">Vue.js</a><a class="tag" taget="_blank" href="/search/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%E6%A1%86%E6%9E%B6/1.htm">前端框架</a>
<div>在Vue.js中，虚拟DOM（VirtualDOM）是一个核心概念，它在提升应用性能和开发效率方面发挥着关键作用。下面将从定义、工作原理、优势以及在Vue.js中的具体应用等方面详细介绍Vue.js虚拟DOM。定义虚拟DOM是一种轻量级的JavaScript对象，它是真实DOM的抽象表示。简单来说，虚拟DOM就是用JavaScript对象来模拟真实的DOM树结构，每个虚拟DOM节点对应一个真实的D</div>
</li>
<li><a href="/article/1890168365444558848.htm"
title="Vue.js 与低代码开发：如何实现快速应用构建" target="_blank">Vue.js 与低代码开发：如何实现快速应用构建</a>
<span class="text-muted">虚无火星车</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E4%BD%8E%E4%BB%A3%E7%A0%81/1.htm">低代码</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>在当今数字化高速发展的时代，企业对应用开发的速度和效率有着迫切的需求。传统开发模式往往周期长、成本高，难以满足市场的快速变化。而低代码开发的兴起，为这一困境带来了转机。Vue.js作为一款流行的JavaScript前端框架，以其简洁高效、灵活易用的特点，与低代码开发相结合，更是为快速应用构建提供了强大的技术支撑。今天，我们就来探讨一下Vue.js与低代码开发如何携手实现快速应用构建，同时了解一下在</div>
</li>
<li><a href="/article/1890163826683342848.htm"
title="Vue.js框架深度解析：构建现代Web应用" target="_blank">Vue.js框架深度解析：构建现代Web应用</a>
<span class="text-muted">Neovyij</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>1.Vue.js概览1.1Vue.js的诞生和哲学Vue.js由尤雨溪创立，旨在创建一个简单而高效的前端库，使得前端开发更加轻松。尤雨溪在开发Vue.js时，将注意力集中在视图层，旨在帮助开发者通过简洁的API设计快速构建交互丰富的网页应用。代码示例：创建一个基本的Vue实例varapp=newVue({el:'#app',data:{message:'HelloVue!'}});这段代码简单地展</div>
</li>
<li><a href="/article/1890162942251429888.htm"
title="Vue.js组件开发：深入理解与代码实现" target="_blank">Vue.js组件开发：深入理解与代码实现</a>
<span class="text-muted">专业WP网站开发-Joyous</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/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/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a>
<div>Vue.js是一个用于构建用户界面的渐进式JavaScript框架，具有简单易用、灵活性强的特点，是目前最流行的前端框架之一。Vue.js的核心概念之一就是组件化开发，通过组件开发，开发者可以更好地复用代码和管理复杂的UI结构。本篇文章将深入探讨Vue.js组件开发的概念、实践以及具体的代码实现，帮助读者掌握如何使用Vue.js进行高效的组件化开发。1.Vue.js组件基础1.1什么是组件组件（C</div>
</li>
<li><a href="/article/1890089306328985600.htm"
title="Vue.js 在低代码开发平台中的应用与优化" target="_blank">Vue.js 在低代码开发平台中的应用与优化</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a>
<div>Vue.js在低代码开发平台中的应用与优化在数字化转型的进程中，低代码开发平台成为了企业快速构建应用的得力助手。而Vue.js作为一款广受欢迎的前端框架，在低代码开发平台中发挥着举足轻重的作用。它不仅提升了开发效率，还优化了应用的用户体验，今天我们就来深入探讨Vue.js在低代码开发平台中的应用与优化，同时为大家介绍在这方面表现卓越的JNPF快速开发平台。Vue.js在低代码开发平台中的核心应用高</div>
</li>
<li><a href="/article/1890073615265755136.htm"
title="基于Django以及vue的电子商城系统设计与实现" target="_blank">基于Django以及vue的电子商城系统设计与实现</a>
<span class="text-muted">放学-别走</span>
<a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%AF%95%E8%AE%BE/1.htm">毕设</a><a class="tag" taget="_blank" href="/search/%E6%AF%95%E4%B8%9A%E8%AE%BE%E8%AE%A1/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/%E9%9B%B6%E5%94%AE/1.htm">零售</a>
<div>基于Django以及vue的电子商城系统设计与实现引言随着电子商务的快速发展，越来越多的企业和个人选择搭建线上商城，以提供更加便捷的购物体验。本文基于Python开发了一套电子商城系统，后端采用Django框架，前端使用Vue.js，并使用MySQL数据库进行数据存储和管理。本文将详细介绍该系统的设计、实现及测试过程，以供开发者参考。1.电子商城系统概述1.1背景与意义电子商务已经成为现代商业的重</div>
</li>
<li><a href="/article/40.htm"
title="java线程Thread和Runnable区别和联系" target="_blank">java线程Thread和Runnable区别和联系</a>
<span class="text-muted">zx_code</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</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/Runnable/1.htm">Runnable</a>
<div>我们都晓得java实现线程2种方式，一个是继承Thread，另一个是实现Runnable。
模拟窗口买票，第一例子继承thread，代码如下
package thread;
public class ThreadTest {
public static void main(String[] args) {
Thread1 t1 = new Thread1(</div>
</li>
<li><a href="/article/167.htm"
title="【转】JSON与XML的区别比较" target="_blank">【转】JSON与XML的区别比较</a>
<span class="text-muted">丁_新</span>
<a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a>
<div>1.定义介绍
(1).XML定义
扩展标记语言 (Extensible Markup Language, XML) ，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。 XML使用DTD(document type definition)文档类型定义来组织数据;格式统一，跨平台和语言，早已成为业界公认的标准。
XML是标</div>
</li>
<li><a href="/article/294.htm"
title="c++ 实现五种基础的排序算法" target="_blank">c++ 实现五种基础的排序算法</a>
<span class="text-muted">CrazyMizzz</span>
<a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><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<iostream>
using namespace std;
//辅助函数，交换两数之值
template<class T>
void mySwap(T &x, T &y){
T temp = x;
x = y;
y = temp;
}
const int size = 10;
//一、用直接插入排</div>
</li>
<li><a href="/article/421.htm"
title="我的软件" target="_blank">我的软件</a>
<span class="text-muted">麦田的设计者</span>
<a class="tag" taget="_blank" href="/search/%E6%88%91%E7%9A%84%E8%BD%AF%E4%BB%B6/1.htm">我的软件</a><a class="tag" taget="_blank" href="/search/%E9%9F%B3%E4%B9%90%E7%B1%BB/1.htm">音乐类</a><a class="tag" taget="_blank" href="/search/%E5%A8%B1%E4%B9%90/1.htm">娱乐</a><a class="tag" taget="_blank" href="/search/%E6%94%BE%E6%9D%BE/1.htm">放松</a>
<div> 这是我写的一款app软件，耗时三个月，是一个根据央视节目开门大吉改变的，提供音调，猜歌曲名。1、手机拥有者在android手机市场下载本APP，同意权限，安装到手机上。2、游客初次进入时会有引导页面提醒用户注册。（同时软件自动播放背景音乐）。3、用户登录到主页后，会有五个模块。a、点击不胫而走，用户得到开门大吉首页部分新闻，点击进入有新闻详情。b、</div>
</li>
<li><a href="/article/548.htm"
title="linux awk命令详解" target="_blank">linux awk命令详解</a>
<span class="text-muted">被触发</span>
<a class="tag" taget="_blank" href="/search/linux+awk/1.htm">linux awk</a>
<div>awk是行处理器: 相比较屏幕处理的优点，在处理庞大文件时不会出现内存溢出或是处理缓慢的问题，通常用来格式化文本信息
awk处理过程: 依次对每一行进行处理，然后输出
awk命令形式:
awk [-F|-f|-v] ‘BEGIN{} //{command1; command2} END{}’ file
[-F|-f|-v]大参数，-F指定分隔符，-f调用脚本，-v定义变量 var=val</div>
</li>
<li><a href="/article/675.htm"
title="各种语言比较" target="_blank">各种语言比较</a>
<span class="text-muted">_wy_</span>
<a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80/1.htm">编程语言</a>
<div> Java Ruby PHP 擅长领域 </div>
</li>
<li><a href="/article/802.htm"
title="oracle 中数据类型为clob的编辑" target="_blank">oracle 中数据类型为clob的编辑</a>
<span class="text-muted">知了ing</span>
<a class="tag" taget="_blank" href="/search/oracle+clob/1.htm">oracle clob</a>
<div>public void updateKpiStatus(String kpiStatus,String taskId){
Connection dbc=null;
Statement stmt=null;
PreparedStatement ps=null;
try {
dbc = new DBConn().getNewConnection();
//stmt = db</div>
</li>
<li><a href="/article/929.htm"
title="分布式服务框架 Zookeeper -- 管理分布式环境中的数据" target="_blank">分布式服务框架 Zookeeper -- 管理分布式环境中的数据</a>
<span class="text-muted">矮蛋蛋</span>
<a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a>
<div>原文地址：
http://www.ibm.com/developerworks/cn/opensource/os-cn-zookeeper/
安装和配置详解
本文介绍的 Zookeeper 是以 3.2.2 这个稳定版本为基础，最新的版本可以通过官网 http://hadoop.apache.org/zookeeper/来获取，Zookeeper 的安装非常简单，下面将从单机模式和集群模式两</div>
</li>
<li><a href="/article/1056.htm"
title="tomcat数据源" target="_blank">tomcat数据源</a>
<span class="text-muted">alafqq</span>
<a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a>
<div>数据库
JNDI(Java Naming and Directory Interface，Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API。
没有使用JNDI时我用要这样连接数据库：
03. Class.forName("com.mysql.jdbc.Driver");
04. conn</div>
</li>
<li><a href="/article/1183.htm"
title="遍历的方法" target="_blank">遍历的方法</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/%E9%81%8D%E5%8E%86/1.htm">遍历</a>
<div> 遍历
在java的泛</div>
</li>
<li><a href="/article/1310.htm"
title="linux查看硬件信息的命令" target="_blank">linux查看硬件信息的命令</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
<div>linux查看硬件信息的命令
一.查看CPU：
cat /proc/cpuinfo
二.查看内存：
free
三.查看硬盘：
df
linux下查看硬件信息
1、lspci 列出所有PCI 设备；
lspci - list all PCI devices:列出机器中的PCI设备（声卡、显卡、Modem、网卡、USB、主板集成设备也能</div>
</li>
<li><a href="/article/1437.htm"
title="java常见的ClassNotFoundException" target="_blank">java常见的ClassNotFoundException</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>1.java.lang.ClassNotFoundException: org.apache.commons.logging.LogFactory 添加包common-logging.jar2.java.lang.ClassNotFoundException: javax.transaction.Synchronization </div>
</li>
<li><a href="/article/1564.htm"
title="【Gson五】日期对象的序列化和反序列化" target="_blank">【Gson五】日期对象的序列化和反序列化</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/%E5%8F%8D%E5%BA%8F%E5%88%97%E5%8C%96/1.htm">反序列化</a>
<div>对日期类型的数据进行序列化和反序列化时，需要考虑如下问题：
1. 序列化时，Date对象序列化的字符串日期格式如何
2. 反序列化时，把日期字符串序列化为Date对象，也需要考虑日期格式问题
3. Date A -> str -> Date B,A和B对象是否equals
默认序列化和反序列化
import com</div>
</li>
<li><a href="/article/1691.htm"
title="【Spark八十六】Spark Streaming之DStream vs. InputDStream" target="_blank">【Spark八十六】Spark Streaming之DStream vs. InputDStream</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/Stream/1.htm">Stream</a>
<div> 1. DStream的类说明文档：
/**
* A Discretized Stream (DStream), the basic abstraction in Spark Streaming, is a continuous
* sequence of RDDs (of the same type) representing a continuous st</div>
</li>
<li><a href="/article/1818.htm"
title="通过nginx获取header信息" target="_blank">通过nginx获取header信息</a>
<span class="text-muted">ronin47</span>
<a class="tag" taget="_blank" href="/search/nginx+header/1.htm">nginx header</a>
<div>1. 提取整个的Cookies内容到一个变量，然后可以在需要时引用，比如记录到日志里面，
if ( $http_cookie ~* "(.*)$") {
set $all_cookie $1;
}
变量$all_cookie就获得了cookie的值，可以用于运算了
</div>
</li>
<li><a href="/article/1945.htm"
title="java-65.输入数字n，按顺序输出从1最大的n位10进制数。比如输入3，则输出1、2、3一直到最大的3位数即999" target="_blank">java-65.输入数字n，按顺序输出从1最大的n位10进制数。比如输入3，则输出1、2、3一直到最大的3位数即999</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>参考了网上的http://blog.csdn.net/peasking_dd/article/details/6342984
写了个java版的：
public class Print_1_To_NDigit {
/**
* Q65.输入数字n，按顺序输出从1最大的n位10进制数。比如输入3，则输出1、2、3一直到最大的3位数即999
* 1.使用字符串</div>
</li>
<li><a href="/article/2072.htm"
title="Netty源码学习-ReplayingDecoder" target="_blank">Netty源码学习-ReplayingDecoder</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/netty/1.htm">netty</a>
<div>ReplayingDecoder是FrameDecoder的子类，不熟悉FrameDecoder的，可以先看看
http://bylijinnan.iteye.com/blog/1982618
API说，ReplayingDecoder简化了操作，比如：
FrameDecoder在decode时，需要判断数据是否接收完全：
public class IntegerH</div>
</li>
<li><a href="/article/2199.htm"
title="js特殊字符过滤" target="_blank">js特殊字符过滤</a>
<span class="text-muted">cngolon</span>
<a class="tag" taget="_blank" href="/search/js%E7%89%B9%E6%AE%8A%E5%AD%97%E7%AC%A6/1.htm">js特殊字符</a><a class="tag" taget="_blank" href="/search/js%E7%89%B9%E6%AE%8A%E5%AD%97%E7%AC%A6%E8%BF%87%E6%BB%A4/1.htm">js特殊字符过滤</a>
<div>1.js中用正则表达式 过滤特殊字符, 校验所有输入域是否含有特殊符号function stripscript(s) { var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）&mdash;—|{}【】‘；：”“'。，、？]"</div>
</li>
<li><a href="/article/2326.htm"
title="hibernate使用sql查询" target="_blank">hibernate使用sql查询</a>
<span class="text-muted">ctrain</span>
<a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a>
<div>
import java.util.Iterator;
import java.util.List;
import java.util.Map;
import org.hibernate.Hibernate;
import org.hibernate.SQLQuery;
import org.hibernate.Session;
import org.hibernate.Transa</div>
</li>
<li><a href="/article/2453.htm"
title="linux shell脚本中切换用户执行命令方法" target="_blank">linux shell脚本中切换用户执行命令方法</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a><a class="tag" taget="_blank" href="/search/%E5%91%BD%E4%BB%A4/1.htm">命令</a><a class="tag" taget="_blank" href="/search/%E5%88%87%E6%8D%A2%E7%94%A8%E6%88%B7/1.htm">切换用户</a>
<div>经常在写shell脚本时，会碰到要以另外一个用户来执行相关命令，其方法简单记下：
1、执行单个命令：su - user -c "command"
如：下面命令是以test用户在/data目录下创建test123目录
[root@slave19 /data]# su - test -c "mkdir /data/test123" </div>
</li>
<li><a href="/article/2580.htm"
title="好的代码里只要一个 return 语句" target="_blank">好的代码里只要一个 return 语句</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/return/1.htm">return</a>
<div>别再这样写了：public boolean foo() { if (true) { return true; } else { return false; </div>
</li>
<li><a href="/article/2707.htm"
title="Android动画效果学习" target="_blank">Android动画效果学习</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>1、透明动画效果
方法一：代码实现
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
{
View rootView = inflater.inflate(R.layout.fragment_main, container, fals</div>
</li>
<li><a href="/article/2834.htm"
title="linux复习笔记之bash shell (4)管道命令" target="_blank">linux复习笔记之bash shell (4)管道命令</a>
<span class="text-muted">eksliang</span>
<a class="tag" taget="_blank" href="/search/linux%E7%AE%A1%E9%81%93%E5%91%BD%E4%BB%A4%E6%B1%87%E6%80%BB/1.htm">linux管道命令汇总</a><a class="tag" taget="_blank" href="/search/linux%E7%AE%A1%E9%81%93%E5%91%BD%E4%BB%A4/1.htm">linux管道命令</a><a class="tag" taget="_blank" href="/search/linux%E5%B8%B8%E7%94%A8%E7%AE%A1%E9%81%93%E5%91%BD%E4%BB%A4/1.htm">linux常用管道命令</a>
<div>转载请出自出处：
http://eksliang.iteye.com/blog/2105461
bash命令执行的完毕以后，通常这个命令都会有返回结果，怎么对这个返回的结果做一些操作呢？那就得用管道命令‘|’。
上面那段话，简单说了下管道命令的作用，那什么事管道命令呢？
答：非常的经典的一句话，记住了，何为管</div>
</li>
<li><a href="/article/2961.htm"
title="Android系统中自定义按键的短按、双击、长按事件" target="_blank">Android系统中自定义按键的短按、双击、长按事件</a>
<span class="text-muted">gqdy365</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>在项目中碰到这样的问题：
由于系统中的按键在底层做了重新定义或者新增了按键，此时需要在APP层对按键事件（keyevent）做分解处理，模拟Android系统做法，把keyevent分解成：
1、单击事件：就是普通key的单击；
2、双击事件：500ms内同一按键单击两次；
3、长按事件：同一按键长按超过1000ms（系统中长按事件为500ms）；
4、组合按键：两个以上按键同时按住； </div>
</li>
<li><a href="/article/3088.htm"
title="asp.net获取站点根目录下子目录的名称" target="_blank">asp.net获取站点根目录下子目录的名称</a>
<span class="text-muted">hvt</span>
<a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a><a class="tag" taget="_blank" href="/search/hovertree/1.htm">hovertree</a><a class="tag" taget="_blank" href="/search/Web+Forms/1.htm">Web Forms</a>
<div>使用Visual Studio建立一个.aspx文件(Web Forms)，例如hovertree.aspx,在页面上加入一个ListBox代码如下：
<asp:ListBox runat="server" ID="lbKeleyiFolder" />
那么在页面上显示根目录子文件夹的代码如下：
string[] m_sub</div>
</li>
<li><a href="/article/3215.htm"
title="Eclipse程序员要掌握的常用快捷键" target="_blank">Eclipse程序员要掌握的常用快捷键</a>
<span class="text-muted">justjavac</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/%E5%BF%AB%E6%8D%B7%E9%94%AE/1.htm">快捷键</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a>
<div> 判断一个人的编程水平，就看他用键盘多，还是鼠标多。用键盘一是为了输入代码（当然了，也包括注释），再有就是熟练使用快捷键。 曾有人在豆瓣评
《卓有成效的程序员》：“人有多大懒，才有多大闲”。之前我整理了一个
程序员图书列表，目的也就是通过读书，让程序员变懒。 写道 程序员作为特殊的群体，有的人可以这么懒，懒到事情都交给机器去做，而有的人又可</div>
</li>
<li><a href="/article/3342.htm"
title="c++编程随记" target="_blank">c++编程随记</a>
<span class="text-muted">lx.asymmetric</span>
<a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a>
<div> 为了字体更好看，改变了格式……
&&运算符：
#include<iostream>
using namespace std;
int main(){
int a=-1,b=4,k;
k=(++a<0)&&!(b--</div>
</li>
<li><a href="/article/3469.htm"
title="linux标准IO缓冲机制研究" target="_blank">linux标准IO缓冲机制研究</a>
<span class="text-muted">音频数据</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
<div>一、什么是缓存I/O(Buffered I/O)缓存I/O又被称作标准I/O,大多数文件系统默认I/O操作都是缓存I/O。在Linux的缓存I/O机制中，操作系统会将I/O的数据缓存在文件系统的页缓存(page cache)中，也就是说，数据会先被拷贝到操作系统内核的缓冲区中，然后才会从操作系统内核的缓冲区拷贝到应用程序的地址空间。1.缓存I/O有以下优点:A.缓存I/O使用了操作系统内核缓冲区，</div>
</li>
<li><a href="/article/3596.htm"
title="随想 生活" target="_blank">随想 生活</a>
<span class="text-muted">暗黑小菠萝</span>
<a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%BB/1.htm">生活</a>
<div>其实账户之前就申请了，但是决定要自己更新一些东西看也是最近。从毕业到现在已经一年了。没有进步是假的，但是有多大的进步可能只有我自己知道。
毕业的时候班里12个女生，真正最后做到软件开发的只要两个包括我，PS：我不是说测试不好。当时因为考研完全放弃找工作，考研失败，我想这只是我的借口。那个时候才想到为什么大学的时候不能好好的学习技术，增强自己的实战能力，以至于后来找工作比较费劲。我</div>
</li>
<li><a href="/article/3723.htm"
title="我认为POJO是一个错误的概念" target="_blank">我认为POJO是一个错误的概念</a>
<span class="text-muted">windshome</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/J2EE/1.htm">J2EE</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1/1.htm">设计</a>
<div>
这篇内容其实没有经过太多的深思熟虑，只是个人一时的感觉。从个人风格上来讲，我倾向简单质朴的设计开发理念；从方法论上，我更加倾向自顶向下的设计；从做事情的目标上来看，我追求质量优先，更愿意使用较为保守和稳妥的理念和方法。
&</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>]]></plaintext></article></div></div></div></div></div></div></div></body> 