FrequencyStar
FrequencyStar

Vue自学官方文档入门【一】

Vue入门之一

1、介绍

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

2、起步

可以通过下面的CDN引入Vue（入门过程中暂时不使用vue-cli）


<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>

<script src="https://cdn.jsdelivr.net/npm/vue">script>

3、声明式渲染

Vue的核心是一个允许采用简洁模板语法来声明式地将数据渲染进DOM的系统

文本插值


<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Documenttitle>
    
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
  head>
  <body>
    <h1 id="app">{
    {message}}h1>

    <script>
      let vue = new Vue({
      
        el: '#app',
        data: {
      
          message: 'hello vue'
        }
      })
    script>
  body>
html>

Vue自学官方文档入门【一】_第1张图片

绑定元素attribute


<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Documenttitle>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
  head>
  <body>
    <h1 id="app">
      <span v-bind:title="message">鼠标悬停查看信息span>
    h1>

    <script>
      let vue = new Vue({
      
        el: '#app',
        data: {
      
          message: '页面加载于' + new Date().toLocaleString()
        }
      })
    script>
  body>
html>

在这里插入图片描述

4、条件与循环

v-if和v-for

v-if ：当seen是true时，h1标签显示，是false时，h1标签隐藏。


<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Documenttitle>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
  head>
  <body>
    <h1 id="app" v-if="seen">你能看到我吗？h1>

    <script>
      let vue = new Vue({
      
        el: '#app',
        data: {
      
          seen: true
        }
      })
    script>
  body>
html>

v-for


<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Documenttitle>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
  head>
  <body>
    <div id="app">
      <ol>
        <li v-for="(todo, index) in todos" :key="index">
          {
    {todo.text}}
        li>
      ol>
    div>

    <script>
      let vue = new Vue({
      
        el: '#app',
        data: {
      
          todos: [{
       text: 'Java' }, {
       text: 'Vue' }, {
       text: 'Python' }]
        }
      })
    script>
  body>
html>

Vue自学官方文档入门【一】_第2张图片

5、处理用户输入

v-on指令添加一个事件监听器，通过它调用在Vue实例中定义的方法。


<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Documenttitle>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
  head>
  <body>
    <h1 id="app">
      <span>{
    {message}}span><br />
      <button v-on:click="reverseMessage">逆转消息button>
    h1>

    <script>
      let vue = new Vue({
      
        el: '#app',
        data: {
      
          message: 'Hello Vue.js'
        },
        methods: {
      
          /*
           * Vue methods中使用箭头函数要注意，this的指向
           */
          // reverseMessage: () => {
      
          //   console.log(this) //这里this指向windows
          //   vue.message = vue.message.split('').reverse().join('')
          // }

          reverseMessage: function () {
      
            console.log(this) //这里this指向vue
            this.message = this.message.split('').reverse().join('')
          }
        }
      })
    script>
  body>
html>

v-model指令实现表单输入和应用状态之间的双向绑定


<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Documenttitle>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
  head>
  <body>
    <div id="app">
      <span>{
    {message}}span><br />
      <input type="text" v-model="message" />
    div>

    <script>
      let vue = new Vue({
      
        el: '#app',
        data: {
      
          message: 'Hello Vue.js!'
        }
      })
    script>
  body>
html>

在这里插入图片描述

6、组件化应用构建

组件系统是Vue的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型的应用。

几乎任意类型的应用界面都可以抽象为一个组件树：


<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Documenttitle>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
  head>
  <body>
    <div id="app">
      <ul>
        <todo-items
          v-for="(item, index) in groceryList"
          v-bind:key="item.id"
          v-bind:todo="item"
        >todo-items>
      ul>
    div>

    <script>
      Vue.component('todo-items', {
      
        props: ['todo'],
        template: `
  • {
       {todo.text}}
    • `    
      })
      let vue = new Vue({
      
        el: '#app',
        data: {
      
          groceryList: [
            {
       id: 0, text: '今天要早起' },
            {
       id: 1, text: '吃午饭' },
            {
       id: 2, text: '早睡' }
          ]
        }
      })
        script>
  body>
html>

    你可能感兴趣的:(Vue官方文档入门,vue)

    • YOLOv8n-OBB使用C#在windows10进行部署（CPU） cd_Ww777 YOLO
      1.训练YOLOv8-OBB模型1.1数据集制作所用标注工具：X-AnyLabeling下载链接：https://github.com/CVHub520/X-AnyLabeling/releases/download/v2.3.6/X-AnyLabeling-CPU.exe附上两张图片为标注过程中的重要步骤；标注快捷键的使用具体参考官方文档，附图为简单实用的快捷键。https://github.c
    • 基于 Vue.js 和 Element UI 实现九宫格按钮拖拽排序功能 | 详细教程与代码实现 小杰~ vue.jsjavascriptvuedraggableCSSGrid
      在Vue.js项目中使用vue-element-template（基于ElementUI）实现按钮的九宫格拖拽排序功能，可以通过以下步骤实现。我们将使用vuedraggable库来实现拖拽排序功能。1.安装依赖首先，确保你已经安装了vuedraggable库：npminstallvuedraggable2.创建组件接下来，创建一个Vue组件来实现九宫格拖拽排序功能。{{button.label}}
    • Linux系统运维工程师入门绝招放送 云计算运维工程师 资讯
      运维是干嘛的？安装服务器系统？重装系统再装系统？背锅的？我就稀里糊涂的，这样报着必死的决心，考下RHCE认证，走上了Linux运维的道路，成为了一名linux运维工程师。有些心得跟大家分享下，避免小白多走冤路。Linux运维必须要掌握的工具，我列出这几方面，这样的话入门就基本没问题。Linux系统学习可以选用redhat或者centos，特别是centos在企业中用得最多，当然还会有其它版本的，以
    • Python weakref --- 弱引用详解 tekin Python高阶工坊Python编程秘籍库pythonweakref弱引用
      Pythonweakref—弱引用详解在Python中，内存管理是一个重要的话题。weakref模块提供了弱引用的功能，它允许我们在不增加对象引用计数的情况下引用对象，从而避免影响对象的垃圾回收机制。本教程将依据Python官方文档，详细介绍weakref模块的使用，通过图文并茂的方式帮助理解，对相关联知识点进行扩展深化，用表格对比相近问题，包括与其他引用类型的区别、实际项目应用示例以及类似模块介
    • Vue和React的区别 酒江 vue.jsreact.jsjavascript
      1.设计理念Vue：Vue是一个渐进式框架，意味着你可以从简单的部分开始使用它，并逐步引入更多的功能。它专注于模板驱动的开发，提供更清晰和直观的API。Vue也试图在易用性与功能性之间找到平衡。React：React是一个UI库，专注于构建用户界面的组件。它不包含像Vue那样的框架级别的功能，而是提供一个非常灵活的工具集，允许开发者自由选择其他库和工具来构建应用。2.学习曲线Vue：Vue的学习曲
    • 2024年运维最新【Linux】基础IO —— 缓冲区深度剖析_linux io 缓冲区大小(2)，2024年最新张口就来 JavaScript高级 程序员运维linux服务器
      最全的Linux教程，Linux从入门到精通======================linux从入门到精通(第2版)Linux系统移植Linux驱动开发入门与实战LINUX系统移植第2版Linux开源网络全栈详解从DPDK到OpenFlow第一份《Linux从入门到精通》466页====================内容简介====本书是获得了很多读者好评的Linux经典畅销书**《Linu
    • STM32 MY1690语音芯片实现智能时间播报系统 | 零基础入门STM32第七十一步 触角01010001 STM32入门教程（100步）stm32嵌入式硬件单片机驱动开发物联网
      主题内容教学目的/扩展视频MP3播放芯片电路原理，跳线设置，手册分析，驱动程序与调用。了解指令表。师从洋桃电子，杜洋老师文章目录一、系统架构与核心组件1.1硬件拓扑图1.2核心组件说明二、语音播报原理分析2.1语音文件命名规范2.2播报指令协议三、两种播报方式对比3.1无语法播报（机械式）3.2有语法播报（智能优化）四、核心代码解析4.1时间读取与显示4.2智能播报算法五、系统扩展方案5.1多语言
    • 云贝餐饮独立连锁版v3源码 扫码点餐毕业设计参考好选择 可二开 DeepinThinks 源码分享课程设计php小程序
      云贝V3最新版，采用PHP语言和Laravel9框架，前端使用VUE3和小程序uniapp开发。️云贝V3特点：全开源：提供完整的源代码，无版权纠纷。免授权：无需支付额外授权费用。可二开：支持二次开发，满足个性化需求。技术支持：提供开发者技术支持，确保项目顺利进行。最新版本号：V1.7.9新增会员价显示会员价开关(设置-订单设置-商品设置)新增异地外卖下单开关(门店-业务设置-外送设置)新增套餐固
    • Tomcat 新手入门指南：从零开始掌握安装与配置 超级小狗 tomcatjava
      Tomcat新手入门指南：从零开始掌握安装与配置一、Tomcat是什么？ApacheTomcat是一个开源的轻量级Web应用服务器，专为运行JavaServlet和JSP设计。它是初学JavaWeb开发的必备工具，也是企业级应用的常见选择。核心功能：处理HTTP请求、管理Servlet生命周期、支持动态网页渲染。适用场景：开发测试环境、中小型Web应用部署、微服务架构中的容器化组件。二、快速安装T
    • Apache Tomcat 新手入门指南：从安装到部署的全流程解析 小志开发 服务apachetomcatjava
      ApacheTomcat作为一款轻量级的JavaServlet容器，被广泛应用于开发和运行基于Java的Web应用程序（如Servlet和JSP）。对于刚接触Tomcat的开发者来说，快速掌握其基本操作至关重要。本文将从零开始，详细介绍Tomcat的安装、配置、部署及常见问题的解决方法，助你轻松入门。第一部分：环境准备与安装1.确认JDK环境Tomcat依赖Java运行环境，因此需提前安装JDK8
    • Python 爬虫入门（六）：urllib库的使用方法 blues_C Python爬虫实战python爬虫开发语言
      Python爬虫入门（六）：urllib库的使用方法前言1.urllib概述2.urllib.request模块2.1发送GET请求2.2发送POST请求2.3添加headers2.4处理异常3.urllib.error模块4.urllib.parse模块4.1URL解析4.2URL编码和解码4.3拼接URL5.urllib.robotparser模块6.实战示例:爬取豆瓣电影Top2507.ur
    • 人工智能与机器学习入门：基尼系数（Gini Index）和基于熵（Entropy） 基尼系数基于熵机器学习入门
      在决策树应用一文中，在构建决策分类树应用决策算法时，介绍了基尼系数（GiniIndex）和基于熵（Entropy）两种算法。本文通过实例来更加深入的介绍一下这两个算法。仍然以简单的数据为例：id喜欢颜色是否有喉结身高性别1绿否165女2蓝是170男3粉否172女4绿是175男基尼系数分别对喜欢颜色是否有喉结求基尼系数如下：喜欢的颜色id喜欢颜色性别1绿女2蓝男3粉女4绿男对于姓别女分类而言，数据如
    • Tomcat新手入门指南：从零开始搭建Web服务器 xiaoyu❅ javatomcat前端服务器
      目录一、Tomcat是什么？二、快速安装指南1.环境准备2.下载安装3.验证安装三、目录结构解析四、第一个Web应用部署1.创建标准目录结构2.编写测试JSP3.部署方式对比五、核心配置详解1.修改端口号2.配置虚拟主机3.JVM参数优化六、常用操作命令七、常见问题排查1.端口冲突2.应用热更新失败3.内存溢出八、最佳实践建议九、学习资源推荐一、Tomcat是什么？ApacheTomcat是一个开
    • Tomcat新手入门指南，从零开始，快速掌握Tomcats安装与基本配置技巧 日记成书 反正看不懂系列tomcatfirefoxjava
      以下是Tomcat新手入门指南，从零开始快速掌握安装与基本配置技巧：一、安装前准备确认Java环境Tomcat依赖JDK运行，需提前安装JDK8及以上版本。验证Java环境：命令行输入java-version和javac，若无报错则配置成功。下载Tomcat访问Tomcat官网，选择与系统匹配的版本（如Windows解压版）。二、安装步骤解压安装包将下载的Tomcat压缩包解压至无中文路径的目录（
    • 入门网络安全工程师要学习哪些内容【2025年寒假最新学习计划】 白帽黑客2659 web安全学习安全python网络安全
      基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包大家都知道网络安全行业很火，这个行业因为国家政策趋势正在大力发展，大有可为!但很多人对网络安全工程师还是不了解，不知道网络安全工程师需要学什么?知了堂小编总结出以下要点。网络安全工程师是一个概称，学习的东西很多，具体学什么看自己以后的职业定位。如果你以后想成为安全产品工程师，学的内容侧重点就和渗透测试工程师不一样，如果你想成为安全开发
    • OpenAI Agents SDK 中文文档 中文教程 （6） wtsolutions openaiagentssdkopenaiagentssdkpython中文
      英文文档原文详见OpenAIAgentsSDKhttps://openai.github.io/openai-agents-python/本文是OpenAI-agents-sdk-python使用翻译软件翻译后的中文文档/教程。分多个帖子发布，帖子的目录如下：(1)OpenAI代理SDK，介绍及快速入门(2)OpenAIagentssdk,agents，运行agents，结果，流，工具，交接(3)
    • 〖Python 数据库开发实战 - MySQL篇⑰〗- 聚合函数的使用 哈哥撩编程 #⑤-数据库开发实战篇Python全栈白宝书python数据库开发mysql聚合函数
      订阅Python全栈白宝书-零基础入门篇可报销！白嫖入口-请点击我。推荐他人订阅，可获取扣除平台费用后的35%收益，文末名片加V！说明：该文属于Python全栈白宝书专栏，免费阶段订阅数量4300+，购买任意白宝书体系化专栏可加入TFS-CLUB私域社区。福利：加入社区的小伙伴们，除了可以获取博主所有付费专栏的阅读权限之外，还有机会加入星荐官共赢计划，详情请戳我。作者：不渴望力量的哈士奇(哈哥)，
    • 最新计算机专业毕设论文选题大全基于BeautifulSoup的毕业设计详细题目100套优质毕设项目分享(源码+论文)✅ 会写代码的羊 毕设选题课程设计beautifulsoup毕业设计毕业设计题目毕设题目python网络爬虫
      文章目录前言最新毕设选题（建议收藏起来）基于BeautifulSoup的毕业设计选题毕设作品推荐前言2025全新毕业设计项目博主介绍：✌全网粉丝10W+,CSDN全栈领域优质创作者，博客之星、掘金/华为云/阿里云等平台优质作者。技术范围：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、大数据、机器学习等设计与开发。主要内容：免费
    • 鸿蒙系统liteos_m开发环境配置 dreamczf harmonyos华为嵌入式软件
      在工作中开发基于HC32F4A0的鸿蒙liteos_m的操作系统移植时，开发环境选的命令行模式，官方的参考请看链接《快速入门概述》在ubuntu18.04环境中安装时，安装库和工具集时官方提供的安装库的指令无法进行安装，部分库应该是有安装顺序的要求，重新整理后写了如下脚本，用sudo./install.sh进行安装即可。设置python3.8时按照官方的设置方式如下，会出现问题，导致18.04的整
    • 【JSON-RPC】 python+JSON-RPC示例与入门 魔都吴所谓 jsonrpcpython
      JSON-RPC是一种无状态的、轻量级的远程过程调用（RPC）协议。它定义了几种数据结构及其处理规则。它使用JSON（JavaScriptObjectNotation）作为数据格式，允许实现相同功能的程序以松散耦合的方式跨网络通信。以下是一个简单的JSON-RPC使用Python的示例。我们将使用jsonrpclib这个库来创建一个JSON-RPC服务端和一个客户端。首先，你需要安装jsonrpc
    • 芯片制造、汽车制造行业网站，如何用插件增强富文本编辑器的WORD粘贴功能？ 全武凌(荆门泽优) 金融编辑器wordumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片
      要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
    • 金融行业网页编辑器对WORD图文混排有哪些特殊需求？ 全武凌(荆门泽优) 金融编辑器wordumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片
      要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
    • HTML编辑器CKEDITOR支持哪些格式的WORD内容导入？ 2501_90699640 html编辑器wordckeditor粘贴wordckeditor导入wordckeditor导入pdfckeditor导入ppt
      要求：开源，免费，技术支持编辑器：ckeditor前端：vue2,vue3.vue-cli后端：asp,java,jsp,springboot,php,asp.net,.netcore功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,Ubuntu,CentO
    • 金融行业Vue应用如何利用wangEditor实现WORD文档高效上传？ 2501_90699640 金融vue.jswordumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片
      要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
    • 2025年入职/转行网络安全，该如何规划？网络安全职业规划 教网络安全的毛老师 web安全安全运维云计算python
      网络安全是一个日益增长的行业，对于打算进入或转行进入该领域的人来说，制定一个清晰且系统的职业规划非常重要。2025年，网络安全领域将继续发展并面临新的挑战，包括不断变化的技术、法规要求以及日益复杂的威胁环境。以下是一个关于网络安全职业规划的详细指南，涵盖了从入门到高级岗位的成长路径、技能要求、资源获取等方面的内容。第一部分：网络安全行业概述1.1网络安全的现状与未来网络安全已经成为全球企业和政府的
    • 新手如何成为一名顶尖黑客？只需这十二个步骤轻松入门！ 网络安全淼叔 黑客渗透测试白帽黑客网络安全副业
      成为一名黑客的过程涉及不断学习和实践技术，既要掌握基础的计算机知识，也要具备足够的安全意识和道德责任感。以下是成为一名黑客的12个基本步骤，为小白提供系统的入门指导。对于从来没有接触过黑客的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。1.了解计算机基础要成为一名黑客，首先需要了解计算机硬件、操作系统和网络的基础。你需要理解计算机如何处
    • wsl2中配置docker weixin_42172114 docker容器运维
      DOCKER的配置还是太麻烦了，想再探索一个方法，实现核心算法和接口的更理想的解耦方式。缺少的不是一劳永逸的到处迁移而是保持核心算法的清洁、整洁、简洁，作为一个完整的包，在不同环境下去部署。即使一些基本的部署动作必不可少，就把这些部署动作搞清楚。配置好以后，尝试跟一下这个作业docker的入门使用—太详细了需要wsl2?wsl--set-default-version2转换为wsl2wsl-l-v
    • vue3修改el-tree样式 不想上班只想要钱 前端vuevue.jsjavascriptelementui
      vue3修改el-tree样式:deep(.el-tree){width:100%;.el-tree-node{.el-tree-node__content{height:32px;.hightlight{color:#189cf1;}.el-tree-node__expand-icon{//transform:rotate(0);transform-origin:center;backgroun
    • Navigation组件导航 秃顶老男孩. HarmonyOSharmonyos华为ui路由Navigation
      Navigation详情见官方文档https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V14/ts-basic-components-navigation-V14#navpathstack10概念Navigation组件是路由导航的根视图容器，一般作为Page页面的根容器使用其内部默认包含：标题栏，内容区，工具栏，其容
    • 入门笔记STA1.C++的编译，变量，new，引用 逐梦云间 c++c++java开发语言
      目录1.简介1、C++简介2、书写一个C++的helloworld程序。3、编译代码。4、变量。5、常量。六、字符串。七、数据的输入八、递增递减运算符九、内存分区模型。十、程序运行前。十一、程序运行后。十二、new操作符开辟堆空间。十三、引用的基本使用。十四、引用注意事项。十五、引用做函数参数。十六、引用做函数返回值。1.简介1、C++简介1、C语言与C++区别？C语言是一种面向过程的开发语言。-
    • jsonp 常用util方法 hw1287789687 jsonpjsonp常用方法jsonp callback
      jsonp 常用java方法 (1)以jsonp的形式返回:函数名(json字符串) /*** * 用于jsonp调用 * @param map : 用于构造json数据 * @param callback : 回调的javascript方法名 * @param filters : <code>SimpleBeanPropertyFilter theFilt
    • 多线程场景 alafqq 多线程
      0 能不能简单描述一下你在java web开发中需要用到多线程编程的场景？0 对多线程有些了解，但是不太清楚具体的应用场景，能简单说一下你遇到的多线程编程的场景吗？ Java多线程 2012年11月23日 15:41 Young9007 Young9007 4 0 0 4 Comment添加评论关注(2) 3个答案 按时间排序 按投票排序 0 0 最典型的如： 1、
    • Maven学习——修改Maven的本地仓库路径 Kai_Ge maven
            安装Maven后我们会在用户目录下发现.m2 文件夹。默认情况下，该文件夹下放置了Maven本地仓库.m2/repository。所有的Maven构件(artifact)都被存储到该仓库中，以方便重用。但是windows用户的操作系统都安装在C盘，把Maven仓库放到C盘是很危险的，为此我们需要修改Maven的本地仓库路径。    
    • placeholder的浏览器兼容 120153216 placeholder
      【前言】 自从html5引入placeholder后，问题就来了， 不支持html5的浏览器也先有这样的效果， 各种兼容，之前考虑，今天测试人员逮住不放， 想了个解决办法，看样子还行，记录一下。   【原理】 不使用placeholder，而是模拟placeholder的效果， 大概就是用focus和focusout效果。   【代码】 <scrip
    • debian_用iso文件创建本地apt源 2002wmj Debian
      1.将N个debian-506-amd64-DVD-N.iso存放于本地或其他媒介内，本例是放在本机/iso/目录下 2.创建N个挂载点目录 如下： debian:~#mkdir –r /media/dvd1 debian:~#mkdir –r /media/dvd2 debian:~#mkdir –r /media/dvd3 …. debian:~#mkdir –r /media
    • SQLSERVER耗时最长的SQL 357029540 SQL Server
      对于DBA来说，经常要知道存储过程的某些信息： 1.   执行了多少次 2.   执行的执行计划如何 3.   执行的平均读写如何 4.   执行平均需要多少时间 列名          &
    • com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 7454103 eclipse
      今天eclipse突然报了com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 错误，并且工程文件打不开了，在网上找了一下资料，然后按照方法操作了一遍，好了，解决方法如下： 错误提示信息： An error has occurred.See error log for more details. Reason: com/genuitec/
    • 用正则删除文本中的html标签 adminjun javahtml正则表达式去掉html标签
      使用文本编辑器录入文章存入数据中的文本是HTML标签格式，由于业务需要对HTML标签进行去除只保留纯净的文本内容，于是乎Java实现自动过滤。 如下： public static String Html2Text(String inputString) { String htmlStr = inputString; // 含html标签的字符串 String textSt
    • 嵌入式系统设计中常用总线和接口 aijuans linux 基础
                     嵌入式系统设计中常用总线和接口         任何一个微处理器都要与一定数量的部件和外围设备连接，但如果将各部件和每一种外围设备都分别用一组线路与CPU直接连接，那么连线
    • Java函数调用方式——按值传递 ayaoxinchao java按值传递对象基础数据类型
      Java使用按值传递的函数调用方式，这往往使我感到迷惑。因为在基础数据类型和对象的传递上，我就会纠结于到底是按值传递，还是按引用传递。其实经过学习，Java在任何地方，都一直发挥着按值传递的本色。   首先，让我们看一看基础数据类型是如何按值传递的。   public static void main(String[] args) { int a = 2;
    • ios音量线性下降 bewithme ios音量
      直接上代码吧   //second 几秒内下降为0 - (void)reduceVolume:(int)second { KGVoicePlayer *player = [KGVoicePlayer defaultPlayer]; if (!_flag) { _tempVolume = player.volume;
    • 与其怨它不如爱它 bijian1013 选择理想职业规划
              抱怨工作是年轻人的常态，但爱工作才是积极的心态，与其怨它不如爱它。         一般来说，在公司干了一两年后，不少年轻人容易产生怨言，除了具体的埋怨公司“扭门”，埋怨上司无能以外，也有许多人是因为根本不爱自已的那份工作，工作完全成了谋生的手段，跟自已的性格、专业、爱好都相差甚远。  
    • 一边时间不够用一边浪费时间 bingyingao 工作时间浪费
      一方面感觉时间严重不够用，另一方面又在不停的浪费时间。 每一个周末，晚上熬夜看电影到凌晨一点，早上起不来一直睡到10点钟，10点钟起床，吃饭后玩手机到下午一点。 精神还是很差，下午像一直野鬼在城市里晃荡。 为何不尝试晚上10点钟就睡，早上7点就起，时间完全是一样的，把看电影的时间换到早上，精神好，气色好，一天好状态。 控制让自己周末早睡早起，你就成功了一半。 有多少个工作
    • 【Scala八】Scala核心二：隐式转换 bit1129 scala
      Implicits work like this: if you call a method on a Scala object, and the Scala compiler does not see a definition for that method in the class definition for that object, the compiler will try to con
    • sudoku slover in Haskell (2) bookjovi haskellsudoku
      继续精简haskell版的sudoku程序，稍微改了一下，这次用了8行，同时性能也提高了很多，对每个空格的所有解不是通过尝试算出来的，而是直接得出。   board = [0,3,4,1,7,0,5,0,0, 0,6,0,0,0,8,3,0,1, 7,0,0,3,0,0,0,0,6, 5,0,0,6,4,0,8,0,7,
    • Java-Collections Framework学习与总结-HashSet和LinkedHashSet BrokenDreams linkedhashset
              本篇总结一下两个常用的集合类HashSet和LinkedHashSet。         它们都实现了相同接口java.util.Set。Set表示一种元素无序且不可重复的集合；之前总结过的java.util.List表示一种元素可重复且有序
    • 读《研磨设计模式》-代码笔记-备忘录模式-Memento bylijinnan java设计模式
      声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; /* * 备忘录模式的功能是，在不破坏封装性的前提下，捕获一个对象的内部状态，并在对象之外保存这个状态，为以后的状态恢复作“备忘”
    • 《RAW格式照片处理专业技法》笔记 cherishLC PS
      注意，这不是教程！仅记录楼主之前不太了解的 一、色彩（空间）管理 作者建议采用ProRGB（色域最广），但camera raw中设为ProRGB，而PS中则在ProRGB的基础上，将gamma值设为了1.8（更符合人眼） 注意：bridge、camera raw怎么设置显示、输出的颜色都是正确的（会读取文件内的颜色配置文件），但用PS输出jpg文件时，必须先用Edit->conv
    • 使用 Git 下载 Spring 源码 编译 for Eclipse crabdave eclipse
      使用 Git 下载 Spring 源码 编译 for Eclipse   1、安装gradle，下载 http://www.gradle.org/downloads 配置环境变量GRADLE_HOME，配置PATH  %GRADLE_HOME%/bin，cmd，gradle -v   2、spring4 用jdk8 下载 https://jdk8.java.
    • mysql连接拒绝问题 daizj mysql登录权限
      mysql中在其它机器连接mysql服务器时报错问题汇总 一、[running][email protected]:~$mysql -uroot -h 192.168.9.108 -p   //带-p参数，在下一步进行密码输入 Enter password:    //无字符串输入 ERROR 1045 (28000): Access
    • Google Chrome 为何打压 H.264 dsjt applehtml5chromeGoogle
      Google 今天在 Chromium 官方博客宣布由于 H.264 编解码器并非开放标准，Chrome 将在几个月后正式停止对 H.264 视频解码的支持，全面采用开放的 WebM 和 Theora 格式。 Google 在博客上表示，自从 WebM 视频编解码器推出以后，在性能、厂商支持以及独立性方面已经取得了很大的进步，为了与 Chromium 现有支持的編解码器保持一致，Chrome
    • yii 获取控制器名 和方法名 dcj3sjt126com yiiframework
      1. 获取控制器名 在控制器中获取控制器名:  $name = $this->getId(); 在视图中获取控制器名:    $name = Yii::app()->controller->id;    2. 获取动作名  在控制器beforeAction()回调函数中获取动作名:  $name =
    • Android知识总结（二） come_for_dream android
      明天要考试了，速速总结如下   1、Activity的启动模式        standard：每次调用Activity的时候都创建一个（可以有多个相同的实例，也允许多个相同Activity叠加。）        singleTop：可以有多个实例，但是不允许多个相同Activity叠加。即，如果Ac
    • 高洛峰收徒第二期：寻找未来的“技术大牛” ——折腾一年，奖励20万元 gcq511120594 工作项目管理
      高洛峰，兄弟连IT教育合伙人、猿代码创始人、PHP培训第一人、《细说PHP》作者、软件开发工程师、《IT峰播》主创人、PHP讲师的鼻祖！ 首期现在的进程刚刚过半，徒弟们真的很棒，人品都没的说，团结互助，学习刻苦，工作认真积极，灵活上进。我几乎会把他们全部留下来，现在已有一多半安排了实际的工作，并取得了很好的成绩。等他们出徒之日，凭他们的能力一定能够拿到高薪，而且我还承诺过一个徒弟，当他拿到大学毕
    • linux expect heipark expect
      1. 创建、编辑文件go.sh   #!/usr/bin/expect spawn sudo su admin expect "*password*" { send "13456\r\n" } interact    2. 设置权限   chmod u+x go.sh  3.
    • Spring4.1新特性——静态资源处理增强 jinnianshilongnian spring 4.1
      目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
    • idea ubuntuxia 乱码 liyonghui160com
        1.首先需要在windows字体目录下或者其它地方找到simsun.ttf 这个 字体文件。 2.在ubuntu 下可以执行下面操作安装该字体： sudo mkdir /usr/share/fonts/truetype/simsun sudo cp simsun.ttf /usr/share/fonts/truetype/simsun fc-cache -f -v
    • 改良程序的11技巧 pda158 技巧
      有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。   让我们看一些基本的编程技巧：   尽量保持方法简短 永远永远不要把同一个变量用于多个不同的
    • 300个涵盖IT各方面的免费资源（下）——工作与学习篇 shoothao 创业免费资源学习课程远程工作
      工作与生产效率:   A. 背景声音 Noisli:背景噪音与颜色生成器。 Noizio:环境声均衡器。 Defonic:世界上任何的声响都可混合成美丽的旋律。 Designers.mx:设计者为设计者所准备的播放列表。 Coffitivity:这里的声音就像咖啡馆里放的一样。 B. 避免注意力分散 Self Co
    • 深入浅出RPC uule rpc
      深入浅出RPC-浅出篇 深入浅出RPC-深入篇   RPC Remote Procedure Call Protocol 远程过程调用协议   它是一种通过网络从远程计算机程序上请求服务，而不需要了解底层网络技术的协议。RPC协议假定某些传输协议的存在，如TCP或UDP，为通信程序之间携带信息数据。在OSI网络通信模型中，RPC跨越了传输层和应用层。RPC使得开发
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他