vue.js学习笔记

up主：ilovecoding

1. 认识vue

• vue：读音类似于view，莫说成v-u-e。
• vue是一个渐进式的框架。vue可以作为应用的一部分嵌入其中，可广泛用于一点一点的项目重构。
• 常见高级功能：解耦视图和数据；可复用组件；前端路由技术；状态管理；虚拟dom

vue.js安装

1.直接cdn应用，参考官方文档。
2.下载和引入，参考官方文档。
3.nmp安装。

vue初学习

1. 官网下载vue.js。
2. 引入vue.js    
3. 创建div元素，设定元素id   
{{message}}
4. 创建vue对象，管理div元素

 let app = new Vue({
       el:'#app',  //用于挂载要管理的元素 
       data:{  // 定义数据
           message:'hello , world'
       },
       method:{
            change:function (){ this.message = '今天天气真好' }
       }
   })

Vue中的MVVM

 Model : Plain javascript Objects       
 View : DOM 
 ViewModel: Vue实例

Vue的options选项
① el :string类型 || HTMLElement
el:’#app’, 可以用HTMLElement替换字符串‘#app’，例如 el:document.querySelector()
② data： Object || Function（组件当中data必须是一个函数）
③ methods ： {[key:string]:function}
④ 生命周期函数
拓展：开发中什么叫函数？什么叫方法
方法：method，写在实例里，类里，和实例对象挂钩
函数：function，写在实例外面，类外面。直接写在
java只有方法没有函数。

Vue的生命周期

生命周期：vue实例从创建到销毁的过程。
beforeCreate：
created：
beforeMount：
mounted：
beforeUpdate：
updated：
beforeDestroy：
destroyed：

Mustache语法{{}}

Mustache：胡子，胡须
data:{
message :'morning",
name:“小可爱”，
num:1
}
mustache语法中 不仅可以直接写变量 ，也可以写简单的表达式
①{{message}} ②{{message + name}} ③{{message + ’ ’ +name}}
④{{ num * 2 }}

v-once

该指令表示元素和组件只渲染一次，不会随着数据的改变而改变。

v-html

用于插入html代码

data:{
  url:"百度一下",
}

v-text

将数据显示在界面中，通常情况下，接收一个string类型，类似mustache语法，但是不够灵活。

,李银河
data:{
  message:"你好啊",
}

结果：‘，李银河’会被你好啊覆盖。

v-pre

用于跳过这个元素和它子元素的编译过程，用于显示的Mustache语法

{{message}}
data:{
  message:"你好啊",
}

结果：

{{message}}

v-cloak仅作了解
cloak:斗篷。

//在vue解析之前，h2中有一个属性v-cloak
//在vue解析之后，h2中没有一个属性v-cloak
  
{{message}}

 let app = new Vue({
       el:'#app',  //用于挂载要管理的元素 
       data:{  // 定义数据
           message:'hello , world'
       },

   })

v-bind

用于动态绑定属性。
语法糖 ‘:’
① 动态绑定class

• 动态绑定对象 :class={active:isActive ， line : isLine},在data里定义isActive和isLine，值为boolean类型，为true时渲染类名，例如class=“active line”
• 动态绑定方法 ：class=“getClass()”
  getClass(){
  return {active:this.isActive ， line : this.isLine}
  }
• 动态绑定数组 class="[‘isActive’, 'isLine’]" , isActive加引号表示字符串，不加引号表示变量。

计算属性

① 基本使用

 
{{fullName}}
  
{{getFullName()}}
   let app = new Vue({
       el:'#app',  //用于挂载要管理的元素 
       data:{  // 定义数据
           firstName:'Li',
           lastName:'James'
       },
       //计算属性
       computed:{
           fullName:function(){
              return this.firstName+ ' '+this.lastName //对应下面的get方法
           }
       }
       method:{
            getFullname(){ return this.firstName+ ' '+this.lastName }
       }
   })

② 复杂操作

 
总价格：{{tPrice }}

   let app = new Vue({
       el:'#app',  //用于挂载要管理的元素 
       data:{  // 定义数据
           books:[
             {id:1,name:'java基础',price:26}
             {id:11,name:'java深入理解',price:27}
             {id:12,name:'java工程师',price:28}
           ]
       },
       //计算属性
       computed:{
           totalPrice:function(){
           let tPrice = 0;
              //for使用方法1
              for(let i = 0; i< this.books.length;i++){
                 tPrice += this.books[i].price
              }
               //for使用方法2
              for(let i  in  this.books){
                 tPrice += this.books[i].price
              }
              //for使用方法2
              for(let book of  this.books){
                 tPrice += this.book.price
              }
           }
       }
   })

//哪儿难了 coding老师骗人。

计算属性的setter和getter

 
{{fullName}}
   let app = new Vue({
       el:'#app',  //用于挂载要管理的元素 
       data:{  // 定义数据
           firstName:'Li',
           lastName:'James'
       },
       //计算属性
       computed:{
       //计算属性一般没有set方法，是只读属性。
           fullName:{
             get:function(){
               return this.firstName+ ' '+this.lastName
             }
           }
       }

   })

计算属性和method方法对比

 
{{fullName}}
  
{{fullName}}
  
{{getFullName()}}
   
{{getFullName()}}
   let app = new Vue({
       el:'#app',  //用于挂载要管理的元素 
       data:{  // 定义数据
           firstName:'Li',
           lastName:'James'
       },
       //计算属性
       computed:{
           fullName:function(){
           console.log('---');
              return this.firstName+ ' '+this.lastName //对应下面的get方法
           }
       }
       method:{
            getFullname(){ 
              console.log('---');
              return this.firstName+ ' '+this.lastName }
       }
   })

对比以后，计算属性只打印一次，method打印两次 计算属性的性能更好

v-on -> @

绑定事件监听器

1. 事件定义时，写函数省略小括号，但方法本身需要一个参数，这时vue会默认将浏览器产生的event事件作为参数传入到方法中
   @click = “addNum”
   addNum（num）{
   console.log(num);//会在控制台将事件打印出来
   }
2. 在调用方法时，如何手动获取到浏览器参数的event对象：$event@click=“addNum(123,$event)”
   addNum（a,event）{
   console.log(a);
   console.log(event);//会在控制台将事件打印出来
   }
3. v-on的修饰符

   
按钮
   
     //②   .prevent  阻止默认事件的调用,如下，阻止表单默认提交
     

      //⑤   .once只触发一次回调
   const app = new Vue({
       el:'#app',  //用于挂载要管理的元素 
       method:{
            btnClick(){ 
              console.log('---','btn');
           }
            divClick(){ 
              console.log('---','div');
           }
           keyup(){ 
              console.log('---keyup');
           }
   })

条件判断 v-if和v-else && v-if v-else-if v-else

v-for遍历对象

 

   

   //遍历对象的过程中，只获取一个值时，获取的是value
     
 {{ value}} - {{ key }} 
   
   

      

   

      

       {{ index}} - {{ item}} 
   
  
 
   let app = new Vue({
       el:'#app',  //用于挂载要管理的元素 
       data:{  // 定义数据
           movices:['海娃'，'海贼王','加勒比海盗','海的女儿'],
           currentIndex = 0;
   })

过滤器

你可能感兴趣的:(vue.js)

• 前端实现抛物线小球动画效果：从原理到代码实践 编程随想▿ 前端抛物线JSvuereact.js
  目录引言一、抛物线动画的核心原理二、纯HTML/CSS实现抛物线动画1.HTML结构2.CSS动画3.效果说明三、动态交互：JavaScript实现抛物线动画1.HTML结构2.JavaScript逻辑3.效果说明四、Vue.js实现抛物线动画1.组件结构2.实现思路五、React实现抛物线动画1.组件代码2.实现思路六、注意事项七、总结引言在前端开发中，动画效果是提升用户体验的重要手段之一。抛物
• Event Loop 在浏览器和 Node.js 中的区别 阿珊和她的猫 node.js前端
  前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录一、事件循环的阶段浏览器Node.js二、微任务队列的处理浏览器Node
• 探索 Vue.js 组件的最新特性
  引言：Vue.js作为一款流行的前端框架，始终在不断发展和演进，为开发者带来新的特性和功能，以提升开发效率和用户体验。Vue.js组件是构建Vue应用的基础，其最新特性为开发者提供了更强大的工具和更灵活的开发方式。本文将深入探讨Vue.js组件的一些最新特性，包括组合式API、Teleport、Suspense等，帮助开发者更好地掌握和运用这些特性，从而构建出更加高效、复杂的前端应用。组合式API
• 前端 Vue.js 动画效果实现技巧 大厂前端小白菜 前端vue.jsjavascriptai
  前端Vue.js动画效果实现技巧关键词：Vue.js、动画、过渡、CSS动画、JavaScript动画、性能优化、交互设计摘要：本文将深入探讨Vue.js中实现动画效果的多种技巧，从基础的CSS过渡到复杂的JavaScript动画，涵盖过渡组件使用、动画性能优化、第三方库集成等实用内容。通过丰富的代码示例和实际案例，帮助开发者掌握在Vue应用中创建流畅、吸引人的动画效果。背景介绍目的和范围本文旨在
• Vue.js 过渡 & 动画 lsx202406 开发语言
  Vue.js过渡&动画引言在Web开发中，过渡与动画是提升用户体验的关键元素。Vue.js作为一款流行的前端框架，提供了强大的过渡与动画功能，使得开发者能够轻松实现丰富的交互效果。本文将深入探讨Vue.js中的过渡与动画，包括其原理、应用场景以及实现方法。一、Vue.js过渡原理Vue.js过渡是利用CSS3的transition属性实现的。当Vue.js侦测到数据变化时，会自动触发过渡效果。过渡
• Javaweb学习之Vue模板语法（三） 不要数手指啦 vue.js学习前端
  目录学习资料前情回顾本期介绍（vue模板语法）文本插值Vue的Attribute绑定使用JavaScript表达式综合实例代码：学习资料Vue.js-渐进式JavaScript框架|Vue.js(vuejs.org)前情回顾项目的创建大家可以看这篇文章Vue学习之项目的创建-CSDN博客本期介绍（vue模板语法）首先，找到我们编写代码的地方找到自己项目的src文件夹，打开之后点击component
• 极简Vue 3应用：从入门到掌握核心概念 程序猿全栈の董（董翔） vue.js前端javascript
  Vue.js作为一款渐进式JavaScript框架，以其直观的API和灵活的架构受到广泛欢迎。对于初学者而言，Vue官方CLI生成的项目结构可能略显复杂，包含了各种资源文件、样式和示例组件。本文将介绍如何创建一个最简洁的Vue3应用，帮助你专注于核心概念的学习。为什么需要最简Vue应用？VueCLI默认生成的项目包含：assets目录：存放图片、字体等资源components目录：包含多个示例组件
• JavaScript 在前端 UI 框架中的应用与选型 大厂前端小白菜 前端开发实战前端javascriptuiai
  JavaScript在前端UI框架中的应用与选型关键词：JavaScript、前端UI框架、应用、选型、React、Vue.js、Angular摘要：本文深入探讨了JavaScript在前端UI框架中的应用与选型问题。首先介绍了前端UI框架的背景知识，包括目的、预期读者、文档结构等。接着阐述了核心概念，分析了JavaScript与前端UI框架的联系。通过具体的算法原理和操作步骤，结合Python代
• uni-app跨平台开发：高效构建多端应用 2301_81335708 uni-app
  引言：开发者之痛-多端开发的十字路口你是否曾为这些难题彻夜难眠？同一业务需维护iOS、Android、Web三套代码小程序平台各异（微信/支付宝/字节跳动），API差异令人抓狂团队技能栈分散，ReactNative、Flutter、原生开发各自为战产品迭代缓慢，50%时间消耗在跨平台适配uni-app：破局者登场由DCloud推出的uni-app基于Vue.js生态，用一套代码同步生成：iOS/A
• Vue框架基础 所愿ღ 前端vue.js前端笔记
  目录一、Vue是什么二、Vue的下载三、Vue的API文档四、vue.js和vue.min.js的区别五、引入外部的vue文件六、vue的标准格式以及在页面上显示数据(第一个vue程序)七、模板语法八、在插值中使用运算符九、获取对象的属性十、条件渲染十一、列表渲染(遍历数组/集合)十二、在vue中使用事件十三、图片切换一、Vue是什么1.vue是渐进式JavaScript框架，用于构建用户界面，可
• WePY 框架：小程序开发的“Vue式”利器！！！ 小丁学Java 微信小程序WxMavue.jsnotepad++前端
  WePY框架：小程序开发的“Vue式”利器哈喽，大家好！今天我们要聊聊一个在微信小程序开发中大放异彩的框架——WePY！它是什么？有什么特点？为啥值得一试？别急，带上好奇心，跟我一起探索吧！WePY是什么？WePY（微信小程序增强框架，WeChatMiniProgramFramework）是一个开源框架，由腾讯团队开发，旨在让小程序开发更高效、更现代化。简单来说，它把Vue.js的开发体验带到了微
• uniapp页面间通信相关方法总结 前端达人 vuepythonjavascriptjavajs
  文章整理于：https://ask.dcloud.net.cn/article/35970uni-app是一个使用vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。利用url传参进行通讯A页面向B页面传递参数uni.navigateTo({url:'test/te
• 用Vue Flow绘制一个完美流程图 itanly vue.js流程图前端
  VueFlow简介VueFlow是一个基于Vue.js的流程图库，专为构建交互式流程图设计。它支持节点拖拽、连线、缩放、撤销/重做等功能，适用于工作流、系统架构图等场景。以下内容将演示如何用VueFlow绘制一个完整的流程图，并提供代码示例。安装与基础配置确保项目已安装Vue3，使用以下命令安装VueFlow：npminstall@vue-flow/core基础配置示例：import{VueFlo
• Vue入门 LUO-CHEn Java温馨Talkvue
  vue1、vue概述（1）概念vue.js（读音/vjuː/,类似于view）是一套构建用户界面的渐进式框架。Vue只关注视图层，采用自底向上增量开发的设计。随着项目业务场景的复杂,传统模式(html+jquery)已无法满足需求,就出现了Angular/React/Vue等框架（2）特点1、Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。2、Vue.JS是优秀的前端Jav
• Vue3-尚硅谷笔记 八月份的天气 Vue3-笔记笔记
  1.Vue3简介2020年9月18日，Vue.js发布版3.0版本，代号：OnePiece（n经历了：4800+次提交、40+个RFC、600+次PR、300+贡献者官方发版地址：Releasev3.0.0OnePiece·vuejs/core截止2023年10月，最新的公开版本为：3.3.41.1.【性能的提升】打包大小减少41%。初次渲染快55%,更新渲染快133%。内存减少54%。1.2.【
• 2024三掌柜赠书活动第十二期：Nuxt.js Web开发实战
  目录前言Nuxt.js的特性Nuxt.js的实战应用关于《Nuxt.jsWeb开发实战》编辑推荐内容简介作者简介图书目录书中前言/序言《Nuxt.jsWeb开发实战》全书速览结束语前言作为前端开发的小伙伴想必对Nuxt.js并不陌生，Nuxt.js是基于Vue.js的一款用于构建服务端渲染的应用程序的框架。它能够帮助开发者快速搭建高性能的单页面应用（SPA）和多页面应用（MPA）。Nuxt.js在
• vue-cropper实现图片裁剪 鸡吃丸子 vue.js前端javascript
  一、什么是vue-cropper？Vue-Cropper是一个基于Vue.js的图片裁剪组件库，专为Web应用设计。当你在网上搜索的时候发现还有一个叫cropper的库，下面是他们的区别：特性cropper.jsvue-cropper框架依赖纯JavaScript，无框架依赖专为Vue.js设计包体积~200KB(含样式)~45KB(压缩后)API调用方式原生DOM操作Vue组件式API响应式支持
• Session：在多个请求之间跟踪用户状态
  前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录一、Session的基本概念1.SessionID2.Session数据
• CORS（跨域资源共享）：跨域请求的解决方案 阿珊和她的猫 javascript前端
  前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录一、CORS的基本概念1.简单请求2.预检请求二、设置CORS使用Nod
• Vue.js 中跨域请求未配置 CORS 的问题及解决方案 JJCTO袁龙 Vuevue.js前端javascript
  Vue.js中跨域请求未配置CORS的问题及解决方案在Vue.js开发中，跨域请求（CORS）是一个常见的问题。当你的前端应用尝试从不同的源访问后端API时，浏览器会出于安全考虑阻止这些请求，除非后端服务器明确允许。本文将探讨这些问题的常见原因，并提供相应的解决方案。一、Vue.js中跨域请求未配置CORS的常见原因（一）浏览器的同源策略限制浏览器的同源策略限制了从一个源加载的文档或脚本与来自另一
• UniApp的学习 xuzhihuan焕 uni-app学习
  一.Vue.js基础基本概念：总之，Vue.js是一个简洁、灵活、高效的前端JavaScript框架，具有响应式数据绑定、组件化开发、虚拟DOM等特点，适用于构建各种类型的Web应用。Vue.js介绍：了解Vue.js的起源、特点以及基本概念。特点：简洁易用：Vue.js的API简洁明了，学习曲线较为平缓，使得开发者能够快速上手。响应式数据绑定：Vue.js提供了响应式的数据绑定机制，当数据发生变
• web渗透之指纹识别1 合作小小程序员小小店 网络安全物联网网络安全网络攻击模型计算机网络
  web渗透之指纹识别1前端技术：前端中我们需要掌握一些基础html,javascrip,jquery,bootstrap,前端框架vue.js,vue,angular,React等，在前端中可以利用的东西还是很多的，我们可使用xss配合csrf以及一些攻击漏洞进行弹框，获取cookie，劫持，绕过，跳转，跨域，重定向，重放，控制节点，挂暗链接，甚至隐藏我们的请求等。如果要说怎么在识别中使用，我们可
• 从0到1：Vue.js与D3.js搭建AI大数据动态看板
  一、引言在当今AI和大数据盛行的时代，数据如同企业的“石油”，蕴含着巨大的价值。随着数据量呈指数级增长，如何从海量数据中快速提取有价值的信息，并以直观、易懂的方式呈现出来，成为了数据分析领域的关键挑战。数据看板作为一种强大的数据可视化工具，能够将复杂的数据转化为直观的图表、图形和指标，帮助用户快速理解数据背后的含义，做出更明智的决策。无论是企业的管理层、业务分析师还是数据科学家，都可以通过数据看板
• Vue.js前端开发实战-----常用UI组件
  1.进入命令行界面，执行yarncreatevite命令，输入项目名称，选择Vue框架，选择JavaScript，完成vue项目创建。2.在完成创建之后在其目录下通过yarn安装ElementPius，具体命令如下：[email protected].在VSCode中创建一个新的vue文件，文件名称命名分别为MyInfo.vue，RoommateDetail.vue
• Vue动态绑定Class与Style
  一、动态绑定Class1.1对象语法v-bind:class指令是Vue.js中用于动态绑定CSS类的指令。它可以根据Vue实例中的数据来动态添加或移除HTML元素的类。这样可以根据数据的变化来动态改变元素的样式，实现更灵活的样式控制。语法class-name:要绑定的CSS类名condition:一个表达式，当为true时，class-name会被添加；当为false时，class-name会被
• 探索 Vue.js 前端开发中的插件系统 大厂前端小白菜 vue.js前端javascriptai
  探索Vue.js前端开发中的插件系统关键词：Vue.js、插件系统、install方法、全局功能、代码复用、生命周期、模块化开发摘要：本文通过乐高积木的比喻，深入浅出地讲解Vue.js插件系统的核心原理。从install方法的工作原理到实战开发全局加载提示插件，揭秘如何通过插件机制实现功能扩展与代码复用，并探讨其在现代前端工程中的最佳实践。背景介绍目的和范围本文旨在帮助开发者理解Vue.js插件系
• UniApp Vue3 模式下实现页面跳转的全面指南
  1.引言1.1UniApp与Vue3的结合优势UniApp是一个使用Vue.js开发所有前端应用的框架，支持编译到iOS、Android、H5、以及各种小程序平台。Vue3提供了更高效的响应式系统和CompositionAPI，使开发体验更加现代化和灵活。1.2页面跳转在应用开发中的重要性页面跳转是用户交互的核心功能之一，良好的跳转逻辑可以提升用户体验并增强应用结构的清晰度。2.UniApp原生导
• 【Vue.js】 Mixin 局部混入与全局混入的介绍和使用总结以及优缺点分析 生活、追梦者 vuevue.js前端javascript
  1.Vue.jsMixin概述1.1Mixin的定义与作用Mixin在Vue.js中是一种灵活的组件复用机制。它允许我们将多个组件之间的共通功能抽象出来，形成一个混入对象。这样，我们就可以避免在多个组件中重复编写相同的代码，提高代码的复用性和可维护性。Mixin对象可以包含多种组件选项，如数据（data）、计算属性（computed）、方法（methods）、生命周期钩子（lifecyclehoo
• 如何学习前端炙手可热的Vue？Vue学习路线图详解！ 真·skysys 大前端和跨平台技术vue
  总结vue文档从0.11、0.12、1.0、2.x到3.0beta本文章长期更新，持续维护限于博主水平，如有错漏还望各位不吝赐教文章内容可能有争议，欢迎大家理性交流与探讨What’svue：Vue.js是什么？定位设计目标（初心）：通过尽可能简单的API提供响应数据绑定和可组合视图组件灵感来源（创意）：AngularJS，KnockoutJS，Ractive.js和Rivets.js。在简单性和功
• 轻量级、无依赖、响应式粒子背景动画库——tsparticles、@tsparticles/engine、@tsparticles/react
  项目简介tsparticles-demo是一个基于React和tsparticles的可视化粒子特效演示项目，旨在为开发者和设计师提供丰富、炫酷的粒子动画效果参考。项目支持多种粒子特效切换，界面美观，交互友好，适合用于网页背景、登录页、展示页等多种场景。无依赖项（*），浏览器直接可用，且兼容React.js、Vue.js（2.x和3.x）、Angular、Svelte、jQuery、Preact、
• 二分查找排序算法 周凡杨 java二分查找排序算法折半
  一：概念 二分查找又称 折半查找（ 折半搜索/ 二分搜索），优点是比较次数少，查找速度快，平均性能好；其缺点是要求待查表为有序表，且插入删除困难。因此，折半查找方法适用于不经常变动而 查找频繁的有序列表。首先，假设表中元素是按升序排列，将表中间位置记录的关键字与查找关键字比较，如果两者相等，则查找成功；否则利用中间位置记录将表 分成前、后两个子表，如果中间位置记录的关键字大于查找关键字，则进一步
• java中的BigDecimal bijian1013 javaBigDecimal
          在项目开发过程中出现精度丢失问题，查资料用BigDecimal解决，并发现如下这篇BigDecimal的解决问题的思路和方法很值得学习，特转载。         原文地址：http://blog.csdn.net/ugg/article/de
• Shell echo命令详解 daizj echoshell
  Shell echo命令 Shell 的 echo 指令与 PHP 的 echo 指令类似，都是用于字符串的输出。命令格式： echo string 您可以使用echo实现更复杂的输出格式控制。 1.显示普通字符串: echo "It is a test" 这里的双引号完全可以省略，以下命令与上面实例效果一致： echo Itis a test 2.显示转义
• Oracle DBA 简单操作 周凡杨 oracle dba sql
  --执行次数多的SQL select sql_text,executions from (      select sql_text,executions from v$sqlarea order by executions desc      ) where rownum<81;  &nb
• 画图重绘 朱辉辉33 游戏
    我第一次接触重绘是编写五子棋小游戏的时候，因为游戏里的棋盘是用线绘制的，而这些东西并不在系统自带的重绘里，所以在移动窗体时，棋盘并不会重绘出来。所以我们要重写系统的重绘方法。   在重写系统重绘方法时，我们要注意一定要调用父类的重绘方法，即加上super.paint(g)，因为如果不调用父类的重绘方式，重写后会把父类的重绘覆盖掉，而父类的重绘方法是绘制画布，这样就导致我们
• 线程之初体验 西蜀石兰 线程
  一直觉得多线程是学Java的一个分水岭，懂多线程才算入门。 之前看《编程思想》的多线程章节，看的云里雾里，知道线程类有哪几个方法，却依旧不知道线程到底是什么？书上都写线程是进程的模块，共享线程的资源，可是这跟多线程编程有毛线的关系，呜呜。。。 线程其实也是用户自定义的任务，不要过多的强调线程的属性，而忽略了线程最基本的属性。 你可以在线程类的run()方法中定义自己的任务，就跟正常的Ja
• linux集群互相免登陆配置 林鹤霄 linux
  配置ssh免登陆 1、生成秘钥和公钥    ssh-keygen -t rsa 2、提示让你输入，什么都不输，三次回车之后会在~下面的.ssh文件夹中多出两个文件id_rsa 和 id_rsa.pub    其中id_rsa为秘钥，id_rsa.pub为公钥，使用公钥加密的数据只有私钥才能对这些数据解密    c
• mysql : Lock wait timeout exceeded; try restarting transaction aigo mysql
  原文：http://www.cnblogs.com/freeliver54/archive/2010/09/30/1839042.html   原因是你使用的InnoDB   表类型的时候, 默认参数:innodb_lock_wait_timeout设置锁等待的时间是50s, 因为有的锁等待超过了这个时间,所以抱错.   你可以把这个时间加长,或者优化存储
• Socket编程 基本的聊天实现。 alleni123 socket
  public class Server { //用来存储所有连接上来的客户 private List<ServerThread> clients; public static void main(String[] args) { Server s = new Server(); s.startServer(9988); } publi
• 多线程监听器事件模式(一个简单的例子) 百合不是茶 线程监听模式
      多线程的事件监听器模式   监听器时间模式经常与多线程使用,在多线程中如何知道我的线程正在执行那什么内容,可以通过时间监听器模式得到        创建多线程的事件监听器模式 思路:    1, 创建线程并启动,在创建线程的位置设置一个标记     2,创建队
• spring InitializingBean接口 bijian1013 javaspring
  spring的事务的TransactionTemplate，其源码如下： public class TransactionTemplate extends DefaultTransactionDefinition implements TransactionOperations, InitializingBean{ ... } TransactionTemplate继承了DefaultT
• Oracle中询表的权限被授予给了哪些用户 bijian1013 oracle数据库权限
          Oracle查询表将权限赋给了哪些用户的SQL，以备查用。 select t.table_name as "表名", t.grantee as "被授权的属组", t.owner as "对象所在的属组"
• 【Struts2五】Struts2 参数传值 bit1129 struts2
  Struts2中参数传值的3种情况 1.请求参数绑定到Action的实例字段上 2.Action将值传递到转发的视图上 3.Action将值传递到重定向的视图上   一、请求参数绑定到Action的实例字段上以及Action将值传递到转发的视图上 Struts可以自动将请求URL中的请求参数或者表单提交的参数绑定到Action定义的实例字段上，绑定的规则使用ognl表达式语言
• 【Kafka十四】关于auto.offset.reset[Q/A] bit1129 kafka
  I got serveral questions about  auto.offset.reset. This configuration parameter governs how  consumer read the message from  Kafka when  there is no initial offset in ZooKeeper or
• nginx gzip压缩配置 ronin47 nginx gzip 压缩范例
  nginx gzip压缩配置 更多 0 nginx gzip 配置   随着nginx的发展，越来越多的网站使用nginx，因此nginx的优化变得越来越重要，今天我们来看看nginx的gzip压缩到底是怎么压缩的呢？ gzip(GNU-ZIP)是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用
• java-13.输入一个单向链表，输出该链表中倒数第 k 个节点 bylijinnan java
  two cursors. Make the first cursor go K steps first. /* * 第 13 题：题目：输入一个单向链表，输出该链表中倒数第 k 个节点 */ public void displayKthItemsBackWard(ListNode head,int k){ ListNode p1=head,p2=head;
• Spring源码学习-JdbcTemplate queryForObject bylijinnan javaspring
  JdbcTemplate中有两个可能会混淆的queryForObject方法： 1. Object queryForObject(String sql, Object[] args, Class requiredType) 2. Object queryForObject(String sql, Object[] args, RowMapper rowMapper) 第1个方法是只查
• [冰川时代]在冰川时代,我们需要什么样的技术? comsci 技术
       看美国那边的气候情况....我有个感觉...是不是要进入小冰期了?      那么在小冰期里面...我们的户外活动肯定会出现很多问题...在室内呆着的情况会非常多...怎么在室内呆着而不发闷...怎么用最低的电力保证室内的温度.....这都需要技术手段...   &nb
• js 获取浏览器型号 cuityang js浏览器
  根据浏览器获取iphone和apk的下载地址 <!DOCTYPE html> <html> <head>     <meta charset="utf-8" content="text/html"/>     <meta name=
• C# socks5详解 转 dalan_123 socketC#
  http://www.cnblogs.com/zhujiechang/archive/2008/10/21/1316308.html  这里主要讲的是用.NET实现基于Socket5下面的代理协议进行客户端的通讯，Socket4的实现是类似的，注意的事，这里不是讲用C#实现一个代理服务器，因为实现一个代理服务器需要实现很多协议，头大，而且现在市面上有很多现成的代理服务器用，性能又好，
• 运维 Centos问题汇总 dcj3sjt126com 云主机
  一、sh 脚本不执行的原因 sh脚本不执行的原因 只有2个 1.权限不够 2.sh脚本里路径没写完整。   二、解决You have new mail in /var/spool/mail/root 修改/usr/share/logwatch/default.conf/logwatch.conf配置文件 MailTo = MailFrom   三、查询连接数
• Yii防注入攻击笔记 dcj3sjt126com sqlWEB安全yii
  网站表单有注入漏洞须对所有用户输入的内容进行个过滤和检查，可以使用正则表达式或者直接输入字符判断，大部分是只允许输入字母和数字的，其它字符度不允许；对于内容复杂表单的内容，应该对html和script的符号进行转义替换：尤其是<,>,',"",&这几个符号 这里有个转义对照表： http://blog.csdn.net/xinzhu1990/articl
• MongoDB简介[一] eksliang mongodbMongoDB简介
  MongoDB简介 转载请出自出处：http://eksliang.iteye.com/blog/2173288 1.1易于使用        MongoDB是一个面向文档的数据库，而不是关系型数据库。与关系型数据库相比，面向文档的数据库不再有行的概念，取而代之的是更为灵活的“文档”模型。        另外，不
• zookeeper windows 入门安装和测试 greemranqq zookeeper安装分布式
  一、序言       以下是我对zookeeper 的一些理解：      zookeeper 作为一个服务注册信息存储的管理工具，好吧，这样说得很抽象，我们举个“栗子”。       栗子1号：       假设我是一家KTV的老板，我同时拥有5家KTV，我肯定得时刻监视
• Spring之使用事务缘由(2-注解实现) ihuning spring
    Spring事务注解实现   1. 依赖包：     1.1 spring包：           spring-beans-4.0.0.RELEASE.jar           spring-context-4.0.0.
• iOS App Launch Option 啸笑天 option
  iOS 程序启动时总会调用application:didFinishLaunchingWithOptions:，其中第二个参数launchOptions为NSDictionary类型的对象，里面存储有此程序启动的原因。   launchOptions中的可能键值见UIApplication Class Reference的Launch Options Keys节 。 1、若用户直接
• jdk与jre的区别（_） macroli javajvmjdk
  简单的说JDK是面向开发人员使用的SDK，它提供了Java的开发环境和运行环境。SDK是Software Development Kit 一般指软件开发包，可以包括函数库、编译程序等。  JDK就是Java Development Kit JRE是Java Runtime Enviroment是指Java的运行环境，是面向Java程序的使用者，而不是开发者。 如果安装了JDK，会发同你
• Updates were rejected because the tip of your current branch is behind qiaolevip 学习永无止境每天进步一点点众观千象git
  $ git push joe prod-2295-1 To [email protected]:joe.le/dr-frontend.git ! [rejected] prod-2295-1 -> prod-2295-1 (non-fast-forward) error: failed to push some refs to '[email protected]
• [一起学Hive]之十四-Hive的元数据表结构详解 superlxw1234 hivehive元数据结构
  关键字：Hive元数据、Hive元数据表结构   之前在 “[一起学Hive]之一–Hive概述，Hive是什么”中介绍过，Hive自己维护了一套元数据，用户通过HQL查询时候，Hive首先需要结合元数据，将HQL翻译成MapReduce去执行。 本文介绍一下Hive元数据中重要的一些表结构及用途，以Hive0.13为例。   文章最后面，会以一个示例来全面了解一下，
• Spring 3.2.14，4.1.7，4.2.RC2发布 wiselyman Spring 3
    Spring 3.2.14、4.1.7及4.2.RC2于6月30日发布。   其中Spring 3.2.1是一个维护版本(维护周期到2016-12-31截止)，后续会继续根据需求和bug发布维护版本。此时，Spring官方强烈建议升级Spring框架至4.1.7 或者将要发布的4.2 。   其中Spring 4.1.7主要包含这些更新内容。

按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他

首页 - 关于我们 - 站内搜索 - Sitemap - 侵权投诉

版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.