飘然渡沧海
飘然渡沧海

vue-vue2核心8-组件化编程-非单文件组件(2)

vue核心

组件化编程

组件的嵌套

DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>组件的嵌套title>
		
		<script type="text/javascript" src="../js/vue.js">script>
	head>
	<body>
		
		<div id="root">
			
		div>
	body>

	<script type="text/javascript">
		Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。

		//定义student组件
		const student = Vue.extend({
			name:'student',
			template:`
				

					
学生姓名：{{name}}
	
					
学生年龄：{{age}}
	
				

			`,
			data(){
				return {
					name:'尚硅谷',
					age:18
				}
			}
		})
		
		//定义school组件
		const school = Vue.extend({
			name:'school',
			template:`
				

					
学校名称：{{name}}
	
					
学校地址：{{address}}
	
					
				

			`,
			data(){
				return {
					name:'尚硅谷',
					address:'北京'
				}
			},
			//注册组件（局部）
			components:{
				student
			}
		})

		//定义hello组件
		const hello = Vue.extend({
			template:`
{{msg}}
`,
			data(){
				return {
					msg:'欢迎来到尚硅谷学习！'
				}
			}
		})
		
		//定义app组件
		const app = Vue.extend({
			template:`
				
	
					
					
				

			`,
			components:{
				school,
				hello
			}
		})

		//创建vm
		new Vue({
			template:'',
			el:'#root',
			//注册组件（局部）
			components:{app}
		})
	script>
html>

关于VueComponent

  	关于VueComponent：

					1.school组件本质是一个名为VueComponent的构造函数，且不是程序员定义的，是Vue.extend生成的。

					2.我们只需要写或，Vue解析时会帮我们创建school组件的实例对象，
						即Vue帮我们执行的：new VueComponent(options)。

					3.特别注意：每次调用Vue.extend，返回的都是一个全新的VueComponent！！！！

					4.关于this指向：
							(1).组件配置中：
										data函数、methods中的函数、watch中的函数、computed中的函数 它们的this均是【VueComponent实例对象】。
							(2).new Vue(options)配置中：
										data函数、methods中的函数、watch中的函数、computed中的函数 它们的this均是【Vue实例对象】。

					5.VueComponent的实例对象，以后简称vc（也可称之为：组件实例对象）。
						Vue的实例对象，以后简称vm。

DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>VueComponenttitle>
		<script type="text/javascript" src="../js/vue.js">script>
	head>
	<body>
		
		
		<div id="root">
			<school>school>
			<hello>hello>
		div>
	body>

	<script type="text/javascript">
		Vue.config.productionTip = false
		
		//定义school组件
		const school = Vue.extend({
			name:'school',
			template:`
				

					
学校名称：{{name}}
	
					
学校地址：{{address}}
	
					
				

			`,
			data(){
				return {
					name:'尚硅谷',
					address:'北京'
				}
			},
			methods: {
				showName(){
					console.log('showName',this)
				}
			},
		})

		const test = Vue.extend({
			template:`atguigu`
		})

		//定义hello组件
		const hello = Vue.extend({
			template:`
				

					
{{msg}}

						
				

			`,
			data(){
				return {
					msg:'你好啊！'
				}
			},
			components:{test}
		})


		// console.log('@',school)
		// console.log('#',hello)

		//创建vm
		const vm = new Vue({
			el:'#root',
			components:{school,hello}
		})
	script>
html>

一个重要的内置关系

1.一个重要的内置关系：VueComponent.prototype.proto === Vue.prototype
2.为什么要有这个关系：让组件实例对象（vc）可以访问到 Vue原型上的属性、方法。

DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>一个重要的内置关系title>
		
		<script type="text/javascript" src="../js/vue.js">script>
	head>
	<body>
		
		
		<div id="root">
			<school>school>
		div>
	body>

	<script type="text/javascript">
		Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。
		Vue.prototype.x = 99

		//定义school组件
		const school = Vue.extend({
			name:'school',
			template:`
				

					
学校名称：{{name}}
	
					
学校地址：{{address}}
	
					
				

			`,
			data(){
				return {
					name:'尚硅谷',
					address:'北京'
				}
			},
			methods: {
				showX(){
					console.log(this.x)
				}
			},
		})

		//创建一个vm
		const vm = new Vue({
			el:'#root',
			data:{
				msg:'你好'
			},
			components:{school}
		})

		
		//定义一个构造函数
		/* function Demo(){
			this.a = 1
			this.b = 2
		}
		//创建一个Demo的实例对象
		const d = new Demo()

		console.log(Demo.prototype) //显示原型属性

		console.log(d.__proto__) //隐式原型属性

		console.log(Demo.prototype === d.__proto__)

		//程序员通过显示原型属性操作原型对象，追加一个x属性，值为99
		Demo.prototype.x = 99

		console.log('@',d) */

	script>
html>

vue-vue2核心8-组件化编程-非单文件组件(2)_第1张图片

你可能感兴趣的:(#,vue基础,vue.js,javascript,前端)

  • 前端应用--工程化主题切换功能 xiaobing_hope CSS3node-js学习javascriptnode.js
    随着各个应用平台和网站都开始支持深色模式，相较于传统的页面配色方案，深色模式具有较好的降噪性，也能让用户的眼睛看内容更加舒适。那么对于前端开发来说，如何高效的支持深色模式呢？这里的高效指的是工程化、自动化方案，不需要在开发过程中hardcoding。PostCSS原理及相关插件能力postcss是一款使用JavaScript编写的用于编译css的工具，具有良好的插件性，非常有利于开发者扩展。原理：
  • 【含文档+PPT+源码】基于SpringBoot和Vue的编程学习系统 小咕聊编程 springbootvue.js学习
    项目介绍本课程演示的是一款基于SpringBoot和Vue的编程学习系统，主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的Java学习者。1.包含：项目源码、项目文档、数据库脚本、软件工具等所有资料2.带你从零开始部署运行本套系统3.该项目附带的源码资料可作为毕设使用该SpringBoot+Vue的编程学习系统，后端采用SpringBoot架构，前端采用Vue+ElementUI实现页
  • js基础二 才不是小emo的小杨 前端爬虫javascript前端html
    JavaScript基础下1事件处理JS事件（event）是当用户与网页进行交互时发生的事情，例如单机某个链接或按钮、在文本框中输入文本、按下键盘上的某个按键、移动鼠标等等。当事件发生时，您可以使用JavaScript中的事件处理程序（也可称为事件监听器）来检测并执行某些特定的程序。一般情况下事件的名称都是以单词on开头的，例如点击事件onclick、页面加载事件onload等。下表中列举了一些J
  • Virtual Scrolling 虚拟滚动优化方案 shaoin_2 前端零碎前端vue.js
    虚拟滚动（VirtualScrolling）是一种优化前端渲染大量数据的技术，它通过按需渲染可见区域的内容，避免一次性创建所有DOM元素，从而解决性能问题。以下是其核心原理：1.核心思想物理世界：假设列表有10,000条数据，传统渲染会生成10,000个DOM节点。虚拟滚动：只渲染用户当前可见的20条数据（视窗区域），其余数据通过占位和位置偏移模拟完整列表。2.实现步骤(1)容器与占位容器高度：设
  • 微前端架构 qmwneb946 科技博文前端框架
    1.微前端架构概述1.1定义与核心概念微前端架构是一种现代Web应用的架构风格，它借鉴了微服务的理念，将前端应用分解为一组小型的、独立交付的前端应用，每个应用可以独立开发、独立部署，并且可以由不同的团队使用不同的技术栈进行开发。微前端架构的核心概念包括：独立性：每个前端应用都是独立的，拥有自己的代码库、开发流程和部署周期。技术多样性：不同的前端应用可以使用不同的技术栈，如React、Vue、Ang
  • Qiankun 微前端框架全面解析：架构、原理与最佳实践 赵大仁 前端技术微前端javascript深度学习
    Qiankun微前端框架全面解析：架构、原理与最佳实践随着前端应用的不断发展，单体前端项目在复杂度、维护成本和团队协作上面临越来越多的挑战。微前端（MicroFrontends）作为解决方案之一，可以帮助企业拆分前端应用，提高可扩展性和独立部署能力。Qiankun作为基于single-spa的微前端框架，提供了一种简单高效的方式来实现微前端架构。本文将深入解析Qiankun的工作原理、核心功能、实
  • ReactNative组件详解 Code4Android 编程语言androidiosreact-native
    ReactNative学习记录传送门ReactNative核心思想就是组件化，它基于前端框架React,在我们使用其开发Android和iOS的时候，共用一套组件即一套代码，增加了代码复用性。今天的这篇文章不不分析过多的知识点，主要介绍如下内容：如何进行自定义组件如何使用自定义组件组件的生命周期自定义组件ReactNative中我们实现的UI都是有组件组成的，但是有时候为了实现我们想要的效果，并且
  • React入门简介 地信小学生 WebGIS一起学react.js前端前端框架javascript
    Vue与React是前端编程中常用的两个JS框架，两者的一些简单如下所示。Vue建立在一个基于组件的架构上，以组件为中心，可以更轻松地创建动态用户界面。它还有一个强大的双向数据绑定系统，可以让我们轻松地保持数据和用户界面同步；Vue轻量、灵活且强大，最重要的是对于初学者来说相对简单。Vue中文官网包含了详细的说明与教程：https://cn.vuejs.org/React为开发人员提供了一种声明式
  • react 基础 理想和远方_在路上 react.jsjsx
    一.什么是react？react是一种用于构建用户界面的javaScript库react主要用来写html，或构建web应用如果用mvc的角度来看，react仅仅是视图层（v），也就是只负责视图的渲染，并不是提供了完成的M和C的功能。二.react的特点1.声明式只需要描述html看起来是什么样，就跟写html一样。react负责渲染UI，并在数据变化是更新UI。constjsx=HelloRea
  • 【React全解】React起手式 caihuayuan4 面试题汇总与解析springsqljava大数据
    如何引入React从bootcdn引入React按顺序引入React然后引入ReactDOMCommonJSVSUMD规范JavaScript的模块定义和加载机制,降低了学习和使用各种框架的门槛，能够以一种统一的方式去定义和使用模块，提高开发效率，降低了应用维护成本CommonJSCommonJS是一种规范，NodeJS是这种规范的实现CommonJS模块是对象，是运行时加载，运行时才把模块挂载在
  • React Native 新架构，前端开发框架 2401_83974173 2024年程序员学习reactnative架构react.js
    JSthread会先对其序列化,形成下面一条消息UIManager.createView([343,“RCTView”,31,{“backgroundColor”:-16181,“width”:200,“height”:200}])通过Bridge发到ShadowThread。ShadowTread接收到这条信息后，先反序列化，形成Shadowtree，然后传给Yoga，形成原生布局信息。接着又通
  • jQuery获取并解析API接口Json数据的方法 qhdzj87 前端（JSjQuery等）jqueryjsonjavascript
    json是API的常用数据交换格式，在Web开发中，除了后端程序，前端也可以借助JavaScript技术获取并解析API中的json数据，这里介绍一种通过jQuery的$get()函数获取并解析API接口Json数据的方法。其基本语法如下：$get(url,[data],[callback])在$get()函数中，包含了三个参数。其中：url:请求的地址;data:请求数据的列表;callback
  • 面向对象的前端开发_20多种面向前端开发人员的文档和指南（第11号） culi3118 编程语言javajavascriptpythonhtmlViewUI
    面向对象的前端开发It’sthattimeagaintogetlearning!Asbefore,I’vecollectedanumberofdifferentlearningresources,includingguides,docs,andotherusefulwebsitestohelpyougetuptospeedindifferentareasoffront-enddevelopment
  • node.js如何实现文件上传 gt8011 node.js前端expressajax
    一、是什么文件上传在日常开发中应用很广泛，我们发微博、发微信朋友圈都会用到了图片上传功能因为浏览器限制，浏览器不能直接操作文件系统的，需要通过浏览器所暴露出来的统一接口，由用户主动授权发起来访问文件动作，然后读取文件内容进指定内存里，最后执行提交请求操作，将内存里的文件内容数据上传到服务端，服务端解析前端传来的数据信息后存入文件里对于文件上传，我们需要设置请求头为content-type:mult
  • Vue.js表单输入绑定 孤客网络科技工作室 vue.jsvue.js前端javascript
    表单输入绑定在前端处理表单时，我们常常需要将表单输入框的内容同步给JavaScript中相应的变量。手动连接值绑定和更改事件监听器可能会很麻烦：templatetext=event.target.value">v-model指令帮我们简化了这一步骤：template另外，v-model还可以用于各种不同类型的输入，、元素。它会根据所使用的元素自动使用对应的DOM属性和事件组合：文本类型的和元素会绑
  • 【完整汇总】近 5 年 JavaScript 新特性完整总览
    Hey,我是沉浸式趣谈本文首发于【沉浸式趣谈】，我的个人博客https://yaolifeng.com也同步更新。转载请在文章开头注明出处和版权信息。如果本文对您有所帮助，请点赞、评论、转发，支持一下，谢谢！本文深度解析近5年来JavaScript的所有重要更新，帮助你快速了解JavaScript新特性。ES2024：不断增强的实用性API了解最新的JavaScript特性可以让你的代码更简洁优雅
  • WebSocket调试神器对决：Apipost VS Apifox
    你以为所有API工具都能玩转WebSocket？当你的APP需要实时股票行情推送，当你的游戏要处理千人同屏交互，当你的IM系统必须保障消息零延迟——传统HTTP协议的"一问一答"模式瞬间破功。此刻WebSocket协议才是真正的救世主，这个全双工通信协议能让客户端与服务器建立"永不挂断的热线"，但掌握这把利器的开发者们，却常常在调试环节摔得鼻青脸肿：▎传统调试：手写JavaScript+浏览器Co
  • 【场景实现】React+material-ui+typescript实现H5上传身份证后显示图片 ，FileReader.readAsDataURL()方法读取图像信息 椰卤工程师 超级避坑指难React移动多端typescriptreactjsmaterial-ui
    原理readAsDataURL方法用于读取指定的内容File。读取操作完成后，readyState变成DONE，并loadend触发。那时，该result属性包含数据作为数据：URL表示文件数据为base64编码的字符串。举个栗子HTMLJavascriptfunctionpreviewFile(){constpreview=document.querySelector('img');constf
  • JavaScript 编译原理 www.www JavaScript相关javascript开发语言
    JavaScript编译原理编译过程词法分析语法分析代码生成执行代码编译过程通常来说我们写的代码就是一长串的字符串（后面统称为长串的字符串），程序员在借助开发工具才有了格式一说。机器能能够识别的语言只有0和1，后面简称机器语言。JavaScript引擎在代码与机器语言间承担“翻译”的工作JavaScript的编译过程包括词法分析，语法分析，代码生成及执行阶段。每个阶段都有一个产物供下一阶段使用。大
  • 项目开发实践——基于SpringBoot+Vue3实现的在线考试系统(一) bjzhang75 Vue知识学习及项目开发实践项目开发实践springbootvue.js在线考试系统
    文章目录一、系统说明二、技术选型三、主要成果展示四、项目框架搭建1、运行环境搭建2、前端框架搭建3、后端框架搭建五、本文代码下载一、系统说明基于SpringBoot+Vue3实现的在线考试系统是为高校打造的一款在线考试平台。系统功能说明1、系统共有管理员、老师、学生三个角色，管理员拥有系统最高权限。2、老师拥有考试管理、题库管理、成绩管理、学生管理四个模块。3、学生可以参与考试、查看成绩、试题练习
  • NativeScript 8.9.0 发布，跨平台原生应用框架 自不量力的A同学 javascript
    NativeScript是一个开源框架，可让开发者使用JavaScript或TypeScript来构建iOS和Android应用5。目前NativeScript最新版本为8.8.04，并未发布8.8.0以上版本，以下是NativeScript8.8.0的相关信息：改进的渲染性能：新的渲染引擎进一步优化了UI的绘制速度，使应用响应更快，能为用户提供更流畅的操作体验，在界面切换、元素显示等方面的表现更
  • 一起来动手实现一个ai聊天对话
    本文，我们将根据前文来实现一个ai聊天对话项目，感受真实的业务。项目技术栈vite---一个前端工程构建工具。antd---一个reactui组件库。@ant-design/icons----一个react图标库。mockjs---模拟消息对话数据。dayjs---一个日期处理库react---一个javascript框架。typescript---javascript的超集。ew-message
  • js实现大数字求和 javascript前端
    在现代编程中，处理超大数字常常会遇到限制，因为大多数编程语言的数字类型在存储较大的整数时可能会溢出。为了解决这一问题，通常采用字符串表示法来处理大数字。在这篇文章中，我们将深入探讨如何通过字符串实现大数字的求和，展示一个简单而有效的JavaScript函数。背景在数学中，加法是最基本的运算之一，但对于超出机器数值范围的数字，我们需要采取不同的方法。通过将数字表示为字符串，我们可以逐位进行加法运算，
  • JAVA单服务应用拆分成多个服务的实践(3)--前端的nginx转发 秤秤biubiu 开发（应用软件网站相关）niginx
    上篇文章JAVA单服务应用拆分成多个服务的实践(２)--服务的dubbo化已经将部分模块微服务化了，但我们怎么测试？我们的目标是支持ALLInOne,又要支持多个微服务，但前端怎么处理，前端代码又只有一个版本，但又要怎么面向多个微服务呢。这样的话，我们只能引入伟大的nginx。前端只认一个，就使用nginx的转发，将特定的请求转发到微服务的接口里，让前端无感请求到到另一服务中。nginx的配置如下
  • （四三）ArkTS 服务端渲染（SSR）实践 小_铁 HarmonyOSNext华为
    一、引言在当今的前端开发领域，服务端渲染（SSR）技术凭借其独特的优势逐渐成为了构建高性能Web应用的重要手段。ArkTS作为一种新兴的开发语言，具备强大的表达能力和丰富的特性，将其与SSR技术相结合，能够为用户带来更加流畅的浏览体验。本文将深入探讨ArkTS服务端渲染的实践，从概念和优势入手，介绍技术选型、开发流程、代码实现，以及部署和性能优化等方面的内容，并提供具体的代码示例。二、服务端渲染概
  • 视频教育网站开源系统的部署安装 （roncoo-education）服务器为ubuntu22.04.05 浪淘沙jkp 开源AlmaLinux视频教育网
    一、说明前端技术体系：Vue3+Nuxt3+Vite5+Vue-Router+Element-Plus+Pinia+Axios后端技术体系：SpringCloudAlibaba2021+MySQL8+Nacos+Seata+Mybatis+Druid+redis后端系统：roncoo-education（核心框架：SpringCloudAlibaba）：码云|Github门户系统：roncoo-e
  • 深入理解 Promise：使用指南与手动实现 vvilkim JavaScriptjavascriptajax开发语言
    Promise是JavaScript中处理异步操作的核心工具之一。它提供了一种更优雅的方式来管理异步代码，避免了回调地狱（CallbackHell）。本文将分为两部分：第一部分介绍Promise的使用与创建指南，第二部分手动实现一个简化版的Promise，帮助你深入理解其工作原理。第一部分：Promise的使用与创建指南1.什么是Promise？Promise是一个表示异步操作最终完成（或失败）及
  • JavaScript深浅拷贝原理与应用场景 痞子世无双 javascript前端
    在JavaScript中，深拷贝和浅拷贝是处理对象和数组复制的两种不同方式，理解它们的原理对于避免潜在的bug非常重要。浅拷贝（ShallowCopy）浅拷贝只复制对象或数组的第一层属性，如果属性是基本类型（如number、string、boolean等），则直接复制值；如果属性是引用类型（如object、array等），则复制引用（即内存地址），而不是实际的对象或数组。浅拷贝的实现方式使用Obj
  • 基于HarmonyNext的ArkTS实战案例：构建高效的图像处理应用 前端
    前言HarmonyNext是鸿蒙操作系统的最新版本，提供了强大的图形处理能力与高效的开发工具。ArkTS作为HarmonyNext的推荐开发语言，结合了TypeScript的静态类型检查与JavaScript的灵活性，非常适合开发高性能的图像处理应用。本文将通过实战案例，深入讲解如何基于ArkTS开发一个高性能的图像处理应用，涵盖图像加载、滤镜处理、性能优化等内容，帮助开发者快速掌握Harmony
  • HarmonyNext 实战：基于 ArkTS 的跨设备文件加密与共享系统开发指南 前端
    前言HarmonyNext是鸿蒙操作系统的最新版本，提供了强大的分布式能力与安全机制。ArkTS作为HarmonyNext的推荐开发语言，结合了TypeScript的静态类型检查与JavaScript的灵活性，非常适合开发安全性和分布式能力要求高的应用。本文将通过实战案例，深入讲解如何基于ArkTS开发一个跨设备文件加密与共享系统，涵盖文件加密、分布式传输、权限控制等内容，帮助开发者快速掌握Har
  • Enum用法 不懂事的小屁孩 enum
    以前的时候知道enum，但是真心不怎么用，在实际开发中，经常会用到以下代码: protected final static String XJ = "XJ"; protected final static String YHK = "YHK"; protected final static String PQ = "PQ";
  • 【Spark九十七】RDD API之aggregateByKey bit1129 spark
    1. aggregateByKey的运行机制   /** * Aggregate the values of each key, using given combine functions and a neutral "zero value". * This function can return a different result type
  • hive创建表是报错： Specified key was too long; max key length is 767 bytes daizj hive
    今天在hive客户端创建表时报错，具体操作如下   hive> create table test2(id string); FAILED: Execution Error, return code 1 from org.apache.hadoop.hive.ql.exec.DDLTask. MetaException(message:javax.jdo.JDODataSto
  • Map 与 JavaBean之间的转换 周凡杨 java自省转换反射
    最近项目里需要一个工具类，它的功能是传入一个Map后可以返回一个JavaBean对象。很喜欢写这样的Java服务，首先我想到的是要通过Java 的反射去实现匿名类的方法调用，这样才可以把Map里的值set 到JavaBean里。其实这里用Java的自省会更方便，下面两个方法就是一个通过反射，一个通过自省来实现本功能。 1：JavaBean类 1 &nb
  • java连接ftp下载 g21121 java
    有的时候需要用到java连接ftp服务器下载，上传一些操作，下面写了一个小例子。 /** ftp服务器地址 */ private String ftpHost; /** ftp服务器用户名 */ private String ftpName; /** ftp服务器密码 */ private String ftpPass; /** ftp根目录 */ private String f
  • web报表工具FineReport使用中遇到的常见报错及解决办法（二） 老A不折腾 finereportweb报表java报表总结
      抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。   出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。   1、没有返回数据集： 在存储过程中的操作语句之前加上set nocount on 或者在数据集exec调用存储过程的前面加上这句。当S
  • linux 系统cpu 内存等信息查看 墙头上一根草 cpu内存liunx
    1 查看CPU 　　1.1 查看CPU个数 　　# cat /proc/cpuinfo | grep "physical id" | uniq | wc -l 　　2 　　**uniq命令：删除重复行;wc –l命令：统计行数** 　　1.2 查看CPU核数 　　# cat /proc/cpuinfo | grep "cpu cores" | u
  • Spring中的AOP aijuans springAOP
      Spring中的AOP Written by Tony Jiang @ 2012-1-18 （转）何为AOP AOP，面向切面编程。 在不改动代码的前提下，灵活的在现有代码的执行顺序前后，添加进新规机能。 来一个简单的Sample: 目标类： [java]  view plain copy print ? package&nb
  • placeholder(HTML 5) IE 兼容插件 alxw4616 JavaScriptjquery jQuery插件
    placeholder 这个属性被越来越频繁的使用. 但为做HTML 5 特性IE没能实现这东西. 以下的jQuery插件就是用来在IE上实现该属性的. /** * [placeholder(HTML 5) IE 实现.IE9以下通过测试.] * v 1.0 by oTwo 2014年7月31日 11:45:29 */ $.fn.placeholder = function
  • Object类,值域,泛型等总结(适合有基础的人看) 百合不是茶 泛型的继承和通配符变量的值域Object类转换
    java的作用域在编程的时候经常会遇到,而我经常会搞不清楚这个 问题,所以在家的这几天回忆一下过去不知道的每个小知识点   变量的值域;   package 基础; /** * 作用域的范围 * * @author Administrator * */ public class zuoyongyu { public static vo
  • JDK1.5 Condition接口 bijian1013 javathreadConditionjava多线程
    Condition 将 Object 监视器方法（wait、notify和 notifyAll）分解成截然不同的对象，以便通过将这些对象与任意 Lock 实现组合使用，为每个对象提供多个等待 set （wait-set）。其中，Lock 替代了 synchronized 方法和语句的使用，Condition 替代了 Object 监视器方法的使用。 条件（也称为条件队列或条件变量）为线程提供了一
  • 开源中国OSC源创会记录 bijian1013 hadoopsparkMemSQL
    一.Strata+Hadoop World（SHW）大会         是全世界最大的大数据大会之一。SHW大会为各种技术提供了深度交流的机会，还会看到最领先的大数据技术、最广泛的应用场景、最有趣的用例教学以及最全面的大数据行业和趋势探讨。          二.Hadoop   &nbs
  • 【Java范型七】范型消除 bit1129 java
    范型是Java1.5引入的语言特性，它是编译时的一个语法现象，也就是说，对于一个类，不管是范型类还是非范型类，编译得到的字节码是一样的，差别仅在于通过范型这种语法来进行编译时的类型检查，在运行时是没有范型或者类型参数这个说法的。 范型跟反射刚好相反，反射是一种运行时行为，所以编译时不能访问的变量或者方法(比如private)，在运行时通过反射是可以访问的，也就是说，可见性也是一种编译时的行为，在
  • 【Spark九十四】spark-sql工具的使用 bit1129 spark
    spark-sql是Spark bin目录下的一个可执行脚本，它的目的是通过这个脚本执行Hive的命令，即原来通过 hive>输入的指令可以通过spark-sql>输入的指令来完成。 spark-sql可以使用内置的Hive metadata-store，也可以使用已经独立安装的Hive的metadata store   关于Hive build into Spark
  • js做的各种倒计时 ronin47 js 倒计时
    第一种：精确到秒的javascript倒计时代码      HTML代码:   <form name="form1">   <div align="center" align="middle"
  • java-37.有n 个长为m+1 的字符串，如果某个字符串的最后m 个字符与某个字符串的前m 个字符匹配，则两个字符串可以联接 bylijinnan java
    public class MaxCatenate { /* * Q.37 有n 个长为m+1 的字符串，如果某个字符串的最后m 个字符与某个字符串的前m 个字符匹配，则两个字符串可以联接， * 问这n 个字符串最多可以连成一个多长的字符串，如果出现循环，则返回错误。 */ public static void main(String[] args){
  • mongoDB安装 开窍的石头 mongodb安装 基本操作
    mongoDB的安装          1:mongoDB下载   https://www.mongodb.org/downloads         2:下载mongoDB下载后解压     
  • [开源项目]引擎的关键意义 comsci 开源项目
         一个系统，最核心的东西就是引擎。。。。。       而要设计和制造出引擎，最关键的是要坚持。。。。。。       现在最先进的引擎技术，也是从莱特兄弟那里出现的，但是中间一直没有断过研发的    
  • 软件度量的一些方法 cuiyadll 方法
    软件度量的一些方法http://cuiyingfeng.blog.51cto.com/43841/6775/在前面我们已介绍了组成软件度量的几个方面。在这里我们将先给出关于这几个方面的一个纲要介绍。在后面我们还会作进一步具体的阐述。当我们不从高层次的概念级来看软件度量及其目标的时候，我们很容易把这些活动看成是不同而且毫不相干的。我们现在希望表明他们是怎样恰如其分地嵌入我们的框架的。也就是我们度量的
  • XSD中的targetNameSpace解释 darrenzhu xmlnamespacexsdtargetnamespace
    参考链接: http://blog.csdn.net/colin1014/article/details/357694 xsd文件中定义了一个targetNameSpace后，其内部定义的元素，属性，类型等都属于该targetNameSpace,其自身或外部xsd文件使用这些元素，属性等都必须从定义的targetNameSpace中找： 例如：以下xsd文件，就出现了该错误，即便是在一
  • 什么是RAID0、RAID1、RAID0+1、RAID5，等磁盘阵列模式? dcj3sjt126com raid
    RAID 1又称为Mirror或Mirroring，它的宗旨是最大限度的保证用户数据的可用性和可修复性。 RAID 1的操作方式是把用户写入硬盘的数据百分之百地自动复制到另外一个硬盘上。由于对存储的数据进行百分之百的备份，在所有RAID级别中，RAID 1提供最高的数据安全保障。同样，由于数据的百分之百备份，备份数据占了总存储空间的一半，因而，Mirror的磁盘空间利用率低，存储成本高。 Mir
  • yii2 restful web服务快速入门 dcj3sjt126com PHPyii2
    快速入门 Yii 提供了一整套用来简化实现 RESTful 风格的 Web Service 服务的 API。 特别是，Yii 支持以下关于 RESTful 风格的 API： 支持 Active Record 类的通用API的快速原型 涉及的响应格式（在默认情况下支持 JSON 和 XML) 支持可选输出字段的定制对象序列化 适当的格式的数据采集和验证错误
  • MongoDB查询(3)——内嵌文档查询（七） eksliang MongoDB查询内嵌文档MongoDB查询内嵌数组
    MongoDB查询内嵌文档 转载请出自出处：http://eksliang.iteye.com/blog/2177301 一、概述        有两种方法可以查询内嵌文档：查询整个文档；针对键值对进行查询。这两种方式是不同的，下面我通过例子进行分别说明。   二、查询整个文档 例如:有如下文档 db.emp.insert({ &qu
  • android4.4从系统图库无法加载图片的问题 gundumw100 android
    典型的使用场景就是要设置一个头像，头像需要从系统图库或者拍照获得，在android4.4之前，我用的代码没问题，但是今天使用android4.4的时候突然发现不灵了。baidu了一圈，终于解决了。 下面是解决方案： private String[] items = new String[] { "图库","拍照" }; /* 头像名称 */
  • 网页特效大全 jQuery等 ini JavaScriptjquerycsshtml5ini
    HTML5和CSS3知识和特效 asp.net ajax jquery实例 分享一个下雪的特效 jQuery倾斜的动画导航菜单 选美大赛示例 你会选谁 jQuery实现HTML5时钟 功能强大的滚动播放插件JQ-Slide 万圣节快乐！！！ 向上弹出菜单jQuery插件 htm5视差动画 jquery将列表倒转顺序 推荐一个jQuery分页插件 jquery animate
  • swift objc_setAssociatedObject block(version1.2 xcode6.4) 啸笑天 version
      import UIKit class LSObjectWrapper: NSObject { let value: ((barButton: UIButton?) -> Void)? init(value: (barButton: UIButton?) -> Void) { self.value = value
  • Aegis 默认的 Xfire 绑定方式，将 XML 映射为 POJO MagicMa_007 javaPOJOxmlAegisxfire
          Aegis 是一个默认的 Xfire 绑定方式，它将 XML 映射为 POJO, 支持代码先行的开发.你开发服 务类与 POJO,它为你生成 XML schema/wsdl XML 和 注解映射概览       默认情况下，你的 POJO 类被是基于他们的名字与命名空间被序列化。如果
  • js get max value in (json) Array qiaolevip 每天进步一点点学习永无止境max纵观千象
    // Max value in Array var arr = [1,2,3,5,3,2];Math.max.apply(null, arr); // 5 // Max value in Jaon Array var arr = [{"x":"8/11/2009","y":0.026572007},{"x"
  • XMLhttpRequest 请求 XML,JSON ,POJO 数据 Luob. POJOjsonAjaxxmlXMLhttpREquest
    在使用XMlhttpRequest对象发送请求和响应之前，必须首先使用javaScript对象创建一个XMLHttpRquest对象。 var xmlhttp； function getXMLHttpRequest(){ if(window.ActiveXObject){ xmlhttp:new ActiveXObject("Microsoft.XMLHTTP
  • jquery wuai jquery
    以下防止文档在完全加载之前运行Jquery代码，否则会出现试图隐藏一个不存在的元素、获得未完全加载的图像的大小 等等 $(document).ready(function(){ jquery代码; }); <script type="text/javascript" src="c:/scripts/jquery-1.4.2.min.js&quo
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他