思无邪心飞扬
思无邪心飞扬

从零起步学VUE

文章目录

  • 简介
  • 安装vue
  • 基础语法

官网： https://cn.vuejs.org

简介

从零起步学VUE_第1张图片
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式js框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动
Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。

安装vue

引入vue.js的两种方式：

  1. vue下载后跟js一样保存到项目下，直接用 script标签引入
    下载地址：https://cn.vuejs.org/v2/guide/installation.html
    vue.js
  2. CDN引入vue.js
  • 对于制作原型或学习，你可以这样使用最新版本：
  • 对于生产环境，我们推荐链接到一个明确的版本号和构建文件，以避免新版本造成的不可预期的破坏：
  • 如果你使用原生 ES Modules，这里也有一个兼容 ES Module 的构建文件：

基础语法

引入vue后，vue会被注册为一个全局变量
vue

  • 一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例，以及可选的嵌套的、可复用的组件树组成。
    从零起步学VUE_第2张图片
  • 当一个 Vue 实例被创建时，它将 data 对象中的所有的 property 加入到 Vue 的响应式系统中。当这些 property 的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。
var data = {
      a: 1 }

var vm = new Vue({
         // 该对象被加入到一个 Vue 实例中
  data: data         //第一个data是vm的属性，第二个data是上面创建那个对象
})

vm.a == data.a // => true

// 设置 property 也会影响到原始数据
当设置 vm.a = 2 ，data.a 也就成了2

// 反之设置data的数据，vim改变亦然
当设置data.a = 3，vm.a 也成了 3
  • 值得注意的是只有当实例被创建时就已经存在于 data 中的 property 才是响应式的。也就是说如果你添加一个新的 property，你创建或者修改它的值不会触动视图“响应”效果，所以如果你知道你会在晚些时候需要一个 property，但是一开始它为空或不存在，那么你仅需要设置一些初始值
  • Object.freeze()，会阻止修改现有的 property，也意味着响应系统无法再追踪变化
var obj = {
     
  zoo: 'bar'
}

Object.freeze(obj)

new Vue({
     
  el: '#app',
  data: obj
})
<div id="app">
  <p>{
     {
      zoo }}</p>
  <!-- 这里的 `foo` 不会更新！ -->
  <button v-on:click="zoo = 'baz'">Change it</button>
</div>
  • 除了数据 property，Vue 实例还暴露了一些有用的实例 property 与方法。它们都有前缀 $，以便与用户定义的 property 区分开来
var data = {
      a: 1 }
var vm = new Vue({
     
  el: '#example',
  data: data
})

vm.$data === data // => true
vm.$el === document.getElementById('example') // => true

// $watch 观察一个变量变化的过程，并且获取变化之前和变化之后的值
vm.$watch('a', function (newValue, oldValue) {
      // 回调函数
  console.log(newValue,oldValue);
})
  • vue的生命周期
    每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。生命周期钩子的 this 指向调用它的 Vue 实例，示例如下：
<script src="vue.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="app">
	{
     {
     msg}}
</div>
<script type="text/javascript">
var vm = new Vue({
     
	el : "#app",
	data : {
     
		msg : "hi vue",
	},
	//在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。
	beforeCreate:function(){
     
		console.log('beforeCreate'+this.msg);
	},
	/* 在实例创建完成后被立即调用。
	在这一步，实例已完成以下的配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。
	然而，挂载阶段还没开始，$el 属性目前不可见。 */
	created	:function(){
     
		console.log('created'+this.msg);
	},
	//在挂载开始之前被调用：相关的渲染函数首次被调用
	beforeMount : function(){
     
		console.log('beforeMount'+this.msg);

	},
	//el 被新创建的 vm.$el 替换, 挂在成功	
	mounted : function(){
     
		console.log('mounted'+this.msg);
	
	},
	//数据更新时调用
	beforeUpdate : function(){
     
		console.log('beforeUpdate'+this.msg);
			
	},
	//组件 DOM 已经更新, 组件更新完毕 
	updated : function(){
     
		console.log('updated'+this.msg);
			
	}
});
//js中的定时函数  4秒后执行
setTimeout(function(){
     
	vm.msg = "change ......";
}, 4000);
</script>

生命周期图：
从零起步学VUE_第3张图片

你可能感兴趣的:(基础类,vue)

  • 深入解析 Vue 3 编译宏：揭开 `＜script setup＞` 的魔法面纱 斯~内克 vue知识点前端vue.js前端javascript
    一、编译宏的本质与设计哲学1.1什么是编译宏在Vue3的CompositionAPI生态中，编译宏（CompilerMacros）是一组特殊的语法结构，它们在代码编译阶段被Vue编译器处理，最终转换为标准的JavaScript代码。这些宏函数是Vue3语法糖的核心组成部分，主要包含：defineProps：声明组件propsdefineEmits：定义自定义事件defineExpose：暴露组件公
  • 深入探讨 Vue 3 响应式 API：为什么 ref/reactive 需要类型匹配？ 斯~内克 vue知识点前端学习vue.js前端javascript
    一、Vue3响应式系统基础在Vue3的CompositionAPI中，ref和reactive是构建响应式数据的核心工具。它们的定位差异源于JavaScript语言特性：ref设计初衷：处理基础类型（primitivetypes）的响应式包装reactive设计初衷：处理引用类型（referencetypes）的深度响应代理技术实现差异：ref通过对象包装（{value:...}）+reactiv
  • 基于微信小程序的毕业设计——花店管理系统（附源码+论文） picking_bananas 微信小程序课程设计小程序毕业设计
    关键词：微信小程序；花店管理；花室管理；毕业；我们专注于软件开发工程领域，熟练掌握多种开发技术，包括基于SpringBoot、Vue.js、SSM框架的应用开发，以及针对AndroidAPP和微信小程序的开发。（具体流程参见文章最后段落）一、引言随着移动互联网的普及和微信小程序的崛起，越来越多的传统行业开始利用小程序进行数字化转型。花店作为一个具有浪漫和文化意义的行业，通过微信小程序可以更好地满足
  • 基于微信小程序的设计—挂号管理系统设计（附论文+源码） picking_bananas 微信小程序小程序毕业设计课程设计
    关键词：微信小程序；挂号管理；名医推荐；毕业；论文；我们专注于软件开发工程领域，熟练掌握多种开发技术，包括基于SpringBoot、Vue.js、SSM框架的应用开发，以及针对AndroidAPP和微信小程序的开发。（具体流程参见文章最后段落）一、引言随着移动设备的普及和微信小程序技术的发展，医疗服务的移动化已成为趋势。挂号是医疗服务中一个关键环节，对于患者来说，方便、快捷的挂号方式是他们所期待的
  • 基于微信小程序的毕业设计——社区宠物管理系统（附源码+论文） picking_bananas 微信小程序课程设计宠物小程序
    关键词：SpringBoot；宠物管理；宠物医院；宠物店管理；毕业；我们专注于软件开发工程领域，熟练掌握多种开发技术，包括基于SpringBoot、Vue.js、SSM框架的应用开发，以及针对AndroidAPP和微信小程序的开发。（具体流程参见文章最后段落）摘要随着移动互联网的普及，微信小程序因其便捷性受到了广大用户的青睐。本文旨在探讨如何利用微信小程序设计一个社区宠物管理系统，以提升社区居民对
  • 基于Vue的水果购物车系统 啊sen丶 vue.js前端javascript
    下面是一个基于Vue.js的购物车系统，功能较为完整，包括商品的增删改查、全选/反选、总价计算等功能。购物车/购物车选中图片单价个数小计操作{{item.price}}-{{item.num}}+{{item.num*item.price}}删除全选总价  :  ¥ {{totalPrice}}结算({{fruitList.length}})空空如
  • 解读 Uniapp： 从入门到精通的底层原理 xcLeigh UniApp技术点解析uni-app
    解读Uniapp：从入门到精通的底层原理一、前言二、Uniapp与Vue.js的关系2.1Vue.js基础回顾2.2Uniapp对Vue.js的继承与扩展三、Uniapp的组件系统3.1组件的基本概念与创建3.2组件的生命周期四、数据绑定与响应式原理4.1数据绑定的实现方式4.2响应式原理剖析五、Uniapp的跨平台实现原理5.1多端编译机制5.2条件编译六、总结结束语优质源码分享解读Uniapp
  • 【面试指南】golang-map注意事项 梦里是谁N 面试golang职场和发展
    map非并发安全的众所周知，go基础类型中的map是非并发安全的，多个goroutine同时对同一个map进行读写操作时，可能会导致并发写问题，packagemainimport("fmt")funcmain(){m:=make(map[string]string)gofunc(){m["a"]="a"}()m["a"]="a1"fmt.Println(m["a"])}我们可以使用gorun-ra
  • 前端工程化Vue使用Node.js永久设置国内高速npm镜像源 会撸代码的懒羊羊 Nginx前端node.jsvue.js数据库npm
    前端工程化Vue使用Node.js永久设置国内高速npm镜像源接续上篇错误收录，此篇通过简单配置永久设置国内高速npm镜像源方法1.更换新版镜像清空npm缓存npmcacheclean--force修改回原版镜像源或直接删除配置过的镜像源npmconfigsetregistryhttps://registry.npmjs.org/--删除镜像源npmconfigdeleteregistry更改新版
  • 指定元素全屏与退出全屏，Vue中处理监听esc并修改data数据（监听与作用域问题） Program W Vuejs大前端vue.jsjavascript前端
    文章目录一、效果二、解决思路三、全屏与退出全屏（工具）四、实例一、效果解决的问题：vue本身监听不到全屏状态中的esc事件，导致无法修改这个按钮的样式icon和tooltip未全屏时：全屏时：二、解决思路一个重要方法：判断当前是否全屏问题：如果vue本身的话，在esc事件时是不会调用这个方法的/**浏览器当前是否全屏@return{*|boolean}*/exportfunctionisFullS
  • Vite 与 Webpack：性能差异解析 阿珊和她的猫 webpack前端node.js
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录Vite与Webpack：性能差异解析开发模式下的性能ViteWebpack生产模式下的性能V
  • 知识篇：（二十三）深入理解 Vue 的异步更新机制：为何数据更新延迟 全栈探索者chen vuevue.js前端javascript开发语言ecmascript性能优化学习
    知识篇：（二十三）深入理解Vue的异步更新机制：为何数据更新延迟目录前言异步更新机制简介Vue异步更新的工作原理3.1nextTick与事件循环的关系3.2微任务与宏任务为什么Vue使用异步更新？4.1性能优化和批量更新4.2实例化组件的优化实际应用：数据更新延迟的常见问题和应对策略5.1数据更新延迟带来的问题5.2正确使用nextTick的策略实战案例：计数器组件的延迟更新问题深入分析：优化异步
  • Vue 3 生命周期函数详解 licy__ vue.js前端javascript
    Vue3生命周期函数详解引言Vue.js是一个渐进式的JavaScript框架，用于构建用户界面。Vue3在性能、API设计和开发者体验方面进行了重大改进。理解Vue3的生命周期函数（LifecycleHooks）对于开发高效的Vue应用至关重要。本文将详细介绍Vue3的生命周期钩子、每个阶段的作用及其代码示例，帮助读者更好地掌握这一重要概念。1.Vue3生命周期概述Vue实例从创建到销毁经历了一
  • element-ui中树状图el-tree的使用（vue2） 前端小雪的博客. javascript前端vue.js
    热乎的，话不多说上代码html部分：//data:展示的数据//accordion:是否每次只打开一个同级树节点展开//props:配置选项默认值//expand-on-click-node:默认为true，值为false时点击小箭头才会展开收缩节点//filter-node-method:返回true节点可以显示,false节点会被隐藏//node-key:每个树节点的唯一标识//default
  • 关于uniapp和H5的通信交互传参问题 水水水水水水水水水水水 uni-app交互
    在h5index.html中引入1.在uniapp中创建webview通信的vue页面2.h5通信webview中绑定@messageuvue中绑定@onmessage3.h5组件中获取从uniapp传过来的参数（生命周期中获取）constqueryString=window.location.search;//使用URLSearchParams对象解析查询字符串consturlParams=ne
  • jenkins自动打包vuejs部署到docker 戚辰先生丶
    流程1、配置jenkins-git项目克隆2、配置运行jenkins的shell脚本3、编写Dockerfile自动制作镜像并复制jenkins打包好的文件到容器里4、jenkins负责运行docker命令进行停止、删除原有镜像，并重新运行镜像docker部署jenkinsdockerrun-d-p8086:8080-p50000:50000-v/var/run/docker.sock:/var/
  • vue组件间通信的八大方法 @LitterFisher vuejavascript前端es6
    再读vue官方文档系列文章目录vue组件间通信的八大方法文章目录再读vue官方文档系列文章目录前言一、通信种类？二、八大通信方式1.props和$emit2.$parent和$children3.provide和reject4.ref/refs5.Vuex6.slot7.$attrs和$listeners8.localStorage和sessionStorage总结前言刚开始学vue的时候只是读了
  • 恢复更新--vue源码系列1之如何看源码 @LitterFisher vuevue.jsjavascript前端
    年过完了，是时候学习了（狗头）。文章目录前言一、前提二、如何看1.学会断点debuger2.整体看代码3.结合别人的vue源码解释总结前言本系列为vue2.6版本的源码分析系列一、前提你总不能一个vue的项目也没写过吧二、如何看1.学会断点debuger巧妙运用这个你会发现看源码会轻松很多。（相信我如果不是很快你就从入门到放弃）为什么？vue里面做了很多性能优化，参数初始化的工作，如果你全部看完，
  • 当Vue组件的复用性不是很高的时候，组件化还有必要用vue吗？ 百锦再@新空间代码工作室 包罗万象vue.js前端javascript前端框架组件复用
    图片:Vue作为一个轻量级的前端框架，在个性化开发中的使用非常广泛，尤其是其组件化开发的思想可以有效提升开发效率、可维护性和代码复用性。不过，正如你提到的，当Vue组件的复用性不高时，组件化是否还必要、是否还有使用Vue的必要性就变得有些模糊了。一、Vue组件化开发的优势组件化思想Vue的组件化开发思想，使得开发者可以将UI和业务逻辑划分为不同的模块。每个模块（组件）都可以独立开发、调试、测试和维
  • 与Vue共舞：从初识到构建数字世界的艺术之旅 skyksksksksks 综合个人杂记vue.js前端开发语言前端框架
    第一章诞生记：一个框架的浪漫起源2013年的某个凌晨，上海某公寓的灯光依然明亮。前谷歌工程师尤雨溪在键盘前敲下第一行Vue代码时，或许并未想到这个框架将改变全球开发者的工作方式。当时的JavaScript世界正经历框架混战：Angular的复杂配置令人却步，React的函数式思维需要哲学顿悟。尤雨溪像一位精通东西方料理的主厨，将Angular的指令系统、React的组件化理念、Knockout的响
  • vue3的实用工具库@vueuse/core 罗会 javascript前端vue.jsvueuni-app
    1.什么是@vueuse/core是一个基于‌VueCompositionAPI‌开发的实用工具库，旨在通过封装高频功能为可复用的组合式函数（Composables），简化Vue应用的开发流程。提供‌200+开箱即用的函数‌，覆盖状态管理、浏览器交互、传感器、网络请求等场景，例如useStorage（状态持久化）‌1、useMouse（鼠标追踪）‌1；支持‌Vue2和Vue3‌，并通过@vueus
  • Vue.js 编写组件单元测试 轻口味 VUE.JS入门与实践vue.js
    Vue.js编写组件单元测试今天我们来聊聊如何编写Vue组件的单元测试。单元测试是确保我们组件逻辑正确、功能稳定的重要手段，通过自动化测试，我们可以及时发现问题，避免后期调试困难。下面我会详细介绍如何使用VueTestUtils和Jest来编写组件的单元测试，并提供一些实际的代码示例，帮助你快速上手。为什么需要编写组件单元测试在项目开发过程中，组件通常包含了各种业务逻辑和交互功能。编写单元测试能帮
  • Vue函数式编程终极指南：像写诗一样写代码 lifire_H vue.js前端javascript
    引言：当Vue遇上函数式，优雅永不过时你是否见过这样的代码？组件间状态乱飞、副作用神出鬼没、单元测试如走钢丝……函数式编程就像代码界的“断舍离大师”，教你用纯函数、不可变数据和高阶魔法，让Vue代码变得干净、稳定且充满艺术感！本文不仅会揭秘函数式编程的核心心法，还会手把手教你：✅如何用CompositionAPI实现函数式优雅✅高阶函数与柯里化的实战妙用✅Vue3函数式组件性能优化秘籍✅配套工具链
  • uniapp开发小程序手写板、签名、签字 故里2130 包教会专栏uni-app小程序
    可以使用这个插件进行操作手写板-签名签字-lime-signature-DCloud插件市场但是目前这个插件没有vue3setupCompositionAPI的写法。所以对于此文档提供的可以直接使用，需要使用CompositionAPI方式实现的，可以继续看。因为CompositionAPI方式，更加的简单、灵活，在今后的编程之中要多用、多学，这样才能写出更加健壮的代码。1.首先建立一个可以运行的
  • 蓝易云 - vue修改docker nginx版本 蓝易云 vue.jsdockernginx数据库正则表达式运维
    要在Vue项目中修改Docker中的Nginx版本，可以按照以下步骤进行：打开项目目录，找到与Docker相关的配置文件，通常是Dockerfile。在Dockerfile中，找到关于Nginx的配置行，通常是类似于以下的命令：FROMnginx:version​将version替换为你想要的Nginx版本，例如nginx:1.19.10。保存并关闭Dockerfile。执行Docker构建命令来
  • uniapp+vue微信小程序项目中实现手机号授权登录 郭宝 Web前端微信java开发语言
    效果图：实现方式：手机号授权登录open-type有效值值说明平台差异说明getPhoneNumber获取用户手机号，可以从@getphonenumber回调中获取到用户信息微信小程序、百度小程序、抖音小程序、支付宝小程序、快手小程序、京东小程序。App平台另见一键登陆getPhoneNumber(e){
  • 【uni-app】微信小程序使用lime-painter生成海报 cjsnyxz 前端
    lime-painter是一个专为UniApp设计的插件，用于优雅地生成海报，并支持下载海报图片。它支持在多个平台中使用，并且提供了盒子、文字、图片、二维码等配置选项，允许开发者根据项目需求按照UI设计稿对海报进行高度还原。本文将介绍如何使用lime-painter插件在UniApp中实现海报的生成及下载。技术栈：uni-app、Vue3（3.4.21）、TypeScript（4.9.5）、wot
  • 踩坑-vue3.0-uniapp-全局变量prototype失效 cometxd 原型模式javascript前端
    项目场景：踩坑-vue3.0-uniapp-全局变量prototype失效问题描述踩坑-vue3.0-uniapp-全局变量prototype失效main.js中全局变量失效Vue.prototype.$testname="testNAME";解决方案：使用exportfunctioncreateApp(){constapp=createSSRApp(App)app
  • 在React、Vue中使用vanilla-jsoneditor ts_shinian_web reactantdreact.js前端vuejson
    在React中使用vanilla-jsoneditor一、使用vanilla-jsoneditor的场景1.安装依赖1.1安装vanilla-jsoneditor和React1.1安装vanilla-jsoneditor和Vue2.创建一个component组件2.1React创建一个新的组件，用于渲染vanilla-jsoneditor编辑器2.2Vue创建一个新的组件，用于渲染vanilla-
  • React module CSS（React模块样式） 断下句号 reactjscsshtmlreact.js
    React模块样式导入简介一开始开发react项目使用的是.css样式，在.js文件中引入并使用className，但是项目合并后发现.css样式会影响项目中其他组件的样式，然而在react中又不可以直接编写局部样式（在HTML和vue中可以编写scoped样式），所以改成以模块导入的形式编写组件样式。模块样式导入要点：选择器驼峰命名样式文件后缀名为.module.css在js文件中导入并使用1️
  • js动画html标签（持续更新中） 843977358 htmljs动画mediaopacity
    1.jQuery 效果 - animate() 方法    改变 "div" 元素的高度：    $(".btn1").click(function(){      $("#box").animate({height:"300px
  • springMVC学习笔记 caoyong springMVC
    1、搭建开发环境    a>、添加jar文件，在ioc所需jar包的基础上添加spring-web.jar,spring-webmvc.jar    b>、在web.xml中配置前端控制器       <servlet>     &nbs
  • POI中设置Excel单元格格式 107x poistyle列宽合并单元格自动换行
    引用：http://apps.hi.baidu.com/share/detail/17249059 POI中可能会用到一些需要设置EXCEL单元格格式的操作小结： 先获取工作薄对象: HSSFWorkbook wb = new HSSFWorkbook(); HSSFSheet sheet = wb.createSheet(); HSSFCellStyle setBorder = wb.
  • jquery 获取A href 触发js方法的this参数 无效的情况 一炮送你回车库 jquery
    html如下：  <td class=\"bord-r-n bord-l-n c-333\"> <a class=\"table-icon edit\" onclick=\"editTrValues(this);\">修改</a> </td>"   j
  • md5 3213213333332132 MD5
    import java.security.MessageDigest; import java.security.NoSuchAlgorithmException; public class MDFive { public static void main(String[] args) { String md5Str = "cq
  • 完全卸载干净Oracle11g sophia天雪 orale数据库卸载干净清理注册表
    完全卸载干净Oracle11g A、存在OUI卸载工具的情况下：     第一步：停用所有Oracle相关的已启动的服务；     第二步：找到OUI卸载工具：在“开始”菜单中找到“oracle_OraDb11g_home”文件夹中         &
  • apache 的access.log 日志文件太大如何解决 darkranger apache
    CustomLog logs/access.log common  此写法导致日志数据一致自增变大。 直接注释上面的语法 #CustomLog logs/access.log common 增加： CustomLog "|bin/rotatelogs.exe -l logs/access-%Y-%m-d.log 
  • Hadoop单机模式环境搭建关键步骤 aijuans 分布式
            Hadoop环境需要sshd服务一直开启，故，在服务器上需要按照ssh服务，以Ubuntu Linux为例，按照ssh服务如下： sudo apt-get install ssh sudo apt-get install rsync 编辑HADOOP_HOME/conf/hadoop-env.sh文件，将JAVA_HOME设置为Java
  • PL/SQL DEVELOPER 使用的一些技巧 atongyeye javasql
    1 记住密码 这是个有争议的功能，因为记住密码会给带来数据安全的问题。 但假如是开发用的库，密码甚至可以和用户名相同，每次输入密码实在没什么意义，可以考虑让PLSQL Developer记住密码。 位置：Tools菜单－－Preferences－－Oracle－－Logon HIstory－－Store with password 2 特殊Copy 在SQL Window
  • PHP：在对象上动态添加一个新的方法 bardo 方法动态添加闭包
    有关在一个对象上动态添加方法，如果你来自Ruby语言或您熟悉这门语言，你已经知道它是什么...... Ruby提供给你一种方式来获得一个instancied对象，并给这个对象添加一个额外的方法。   好！不说Ruby了，让我们来谈谈PHP   PHP未提供一个“标准的方式”做这样的事情，这也是没有核心的一部分...   但无论如何，它并没有说我们不能做这样
  • ThreadLocal与线程安全 bijian1013 javajava多线程threadLocal
    首先来看一下线程安全问题产生的两个前提条件：  1.数据共享，多个线程访问同样的数据。  2.共享数据是可变的，多个线程对访问的共享数据作出了修改。    实例：         定义一个共享数据： public static int a = 0;        
  • Tomcat 架包冲突解决 征客丶 tomcatWeb
    环境： Tomcat 7.0.6 win7 x64 错误表象：【我的冲突的架包是：catalina.jar 与 tomcat-catalina-7.0.61.jar 冲突，不知道其他架包冲突时是不是也报这个错误】 严重: End event threw exception java.lang.NoSuchMethodException: org.apache.catalina.dep
  • 【Scala三】分析Spark源代码总结的Scala语法一 bit1129 scala
    Scala语法 1. classOf运算符 Scala中的classOf[T]是一个class对象，等价于Java的T.class,比如classOf[TextInputFormat]等价于TextInputFormat.class    2. 方法默认值 defaultMinPartitions就是一个默认值，类似C++的方法默认值    
  • java 线程池管理机制 BlueSkator java线程池管理机制
    编辑 Add Tools   jdk线程池   一、引言 第一：降低资源消耗。通过重复利用已创建的线程降低线程创建和销毁造成的消耗。第二：提高响应速度。当任务到达时，任务可以不需要等到线程创建就能立即执行。第三：提高线程的可管理性。线程是稀缺资源，如果无限制的创建，不仅会消耗系统资源，还会降低系统的稳定性，使用线程池可以进行统一的分配，调优和监控。  
  • 关于hql中使用本地sql函数的问题（问-答） BreakingBad HQL存储函数
    转自于：http://www.iteye.com/problems/23775 问： 我在开发过程中，使用hql进行查询（mysql5）使用到了mysql自带的函数find_in_set()这个函数作为匹配字符串的来讲效率非常好，但是我直接把它写在hql语句里面（from ForumMemberInfo fm,ForumArea fa where find_in_set(fm.userId,f
  • 读《研磨设计模式》-代码笔记-迭代器模式-Iterator bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.Arrays; import java.util.List; /** * Iterator模式提供一种方法顺序访问一个聚合对象中各个元素，而又不暴露该对象内部表示 * * 个人觉得，为了不暴露该
  • 常用SQL chenjunt3 oraclesqlC++cC#
    --NC建库 CREATE TABLESPACE NNC_DATA01 DATAFILE 'E:\oracle\product\10.2.0\oradata\orcl\nnc_data01.dbf' SIZE 500M AUTOEXTEND ON NEXT 50M EXTENT MANAGEMENT LOCAL UNIFORM SIZE 256K ; CREATE TABLESPA
  • 数学是科学技术的语言 comsci 工作活动领域模型
      从小学到大学都在学习数学，从小学开始了解数字的概念和背诵九九表到大学学习复变函数和离散数学，看起来好像掌握了这些数学知识，但是在工作中却很少真正用到这些知识，为什么？    最近在研究一种开源软件-CARROT2的源代码的时候，又一次感觉到数学在计算机技术中的不可动摇的基础作用，CARROT2是一种用于自动语言分类（聚类）的工具性软件，用JAVA语言编写，它
  • Linux系统手动安装rzsz 软件包 daizj linuxszrz
    1、下载软件 rzsz-3.34.tar.gz。登录linux，用命令 wget http://freeware.sgi.com/source/rzsz/rzsz-3.48.tar.gz下载。 2、解压 tar zxvf  rzsz-3.34.tar.gz 3、安装  cd rzsz-3.34 ; make posix 。注意：这个软件安装与常规的GNU软件不
  • 读源码之:ArrayBlockingQueue dieslrae java
        ArrayBlockingQueue是concurrent包提供的一个线程安全的队列,由一个数组来保存队列元素.通过 takeIndex和 putIndex来分别记录出队列和入队列的下标,以保证在出队列时 不进行元素移动. //在出队列或者入队列的时候对takeIndex或者putIndex进行累加,如果已经到了数组末尾就又从0开始,保证数
  • C语言学习九枚举的定义和应用 dcj3sjt126com c
    枚举的定义 # include <stdio.h> enum WeekDay { MonDay, TuesDay, WednesDay, ThursDay, FriDay, SaturDay, SunDay }; int main(void) { //int day; //day定义成int类型不合适 enum WeekDay day = Wedne
  • Vagrant 三种网络配置详解 dcj3sjt126com vagrant
    Forwarded port Private network Public network Vagrant 中一共有三种网络配置，下面我们将会详解三种网络配置各自优缺点。 端口映射(Forwarded port)，顾名思义是指把宿主计算机的端口映射到虚拟机的某一个端口上，访问宿主计算机端口时，请求实际是被转发到虚拟机上指定端口的。Vagrantfile中设定语法为： c
  • 16.性能优化-完结 frank1234 性能优化
    性能调优是一个宏大的工程，需要从宏观架构(比如拆分，冗余，读写分离，集群，缓存等)， 软件设计（比如多线程并行化，选择合适的数据结构）， 数据库设计层面（合理的表设计，汇总表，索引，分区，拆分，冗余等） 以及微观（软件的配置，SQL语句的编写，操作系统配置等）根据软件的应用场景做综合的考虑和权衡，并经验实际测试验证才能达到最优。 性能水很深， 笔者经验尚浅 ，赶脚也就了解了点皮毛而已，我觉得
  • Word Search hcx2013 search
    Given a 2D board and a word, find if the word exists in the grid. The word can be constructed from letters of sequentially adjacent cell, where "adjacent" cells are those horizontally or ve
  • Spring4新特性——Web开发的增强 jinnianshilongnian springspring mvcspring4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • CentOS安装配置tengine并设置开机启动 liuxingguome centos
    yum install gcc-c++  yum install pcre pcre-devel  yum install zlib zlib-devel  yum install openssl openssl-devel Ubuntu上可以这样安装 sudo aptitude install libdmalloc-dev libcurl4-opens
  • 第14章 工具函数（上） onestopweb 函数
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • Xelsius 2008 and SAP BW at a glance blueoxygen BOXelsius
    Xelsius提供了丰富多样的数据连接方式，其中为SAP BW专属提供的是BICS。那么Xelsius的各种连接的优缺点比较以及Xelsius是如何直接连接到BEx Query的呢？ 以下Wiki文章应该提供了全面的概览。   http://wiki.sdn.sap.com/wiki/display/BOBJ/Xcelsius+2008+and+SAP+NetWeaver+BW+Co
  • oracle表空间相关 tongsh6 oracle
    在oracle数据库中，一个用户对应一个表空间，当表空间不足时，可以采用增加表空间的数据文件容量，也可以增加数据文件，方法有如下几种： 1.给表空间增加数据文件    ALTER TABLESPACE "表空间的名字" ADD DATAFILE    '表空间的数据文件路径' SIZE 50M;   &nb
  • .Net framework4.0安装失败 yangjuanjava .netwindows
    上午的.net framework 4.0，各种失败，查了好多答案，各种不靠谱，最后终于找到答案了 和Windows Update有关系，给目录名重命名一下再次安装，即安装成功了！ 下载地址：http://www.microsoft.com/en-us/download/details.aspx?id=17113 方法： 1.运行cmd，输入net stop WuAuServ 2.点击开
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他