小公举plum
小公举plum

vue.js——基础篇之vue组件

vue.js——基础篇之vue组件

一、什么是组件

      组件（Component）是Vue.js最强大的功能之一。组件可以扩展 HTML元素，封装可重用的代码。在较高层面上，组件是自定义元素，vue.js的编译器为它添加特殊功能，在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树。
      组件系统是Vue的另一个重要概念，因为它是一种抽象，允许使用小型、独立和通常可复用的组件构建大型应用。

vue.js——基础篇之vue组件_第1张图片

在Vue里，一个组件本质上是一个拥有预定义选项的一个Vue实例。

vue.js——基础篇之vue组件_第2张图片

二、组件与自定义元素的关系

1、Vue组件非常类似于自定义元素，这是因为Vue的组件语法部分参考了该规范。
2、 Web组件规范仍然处于草案阶段，并且未被所有浏览器原生实现。相比之下，Vue组件不需要任何polyfill，并且在所有支持的浏览器 (IE9 及更高版本) 之下表现一致。必要时，Vue组件也可以包装于原生自定义元素之内。
3、Vue组件提供了纯自定义元素所不具备的一些重要功能，最突出的是跨组件数据流、自定义事件通信以及构建工具集成。

三、注册全局组件

1、全局组件，所有实例都能用全局组件。

全局组件在注册之后可以用在任何新创建的Vue根实例(new Vue)的模板中。

2、注册全局组件

*注册一个全局组件语法格式如下：
       Vue.component(tagName, options)
*参数说明：
      tagName为组件名，options为配置选项。
*注册后，可使用以下方式来调用组件：
      
*注意：
      组件在注册后，便可在父实例的模块中以自定义元素的形式使用，但要确保在初始化根实例之前注册了组件。


<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>注册全局组件title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
head>
<body>
    <div id="app">
        <my-component>my-component>
    div>
    <script>
        //注册全局组件
        Vue.component('my-component',{
            template:'
{{msg}}
',
            //注意：这里的data必须是一个函数，和实例中的data不一样,return返回一个对象
            data:function(){
                return {
                    msg:"Hello vue"
                };
            },
            methods:{
                tanchu:function(){
                    console.log(this.msg);
                }
            }
        });
        //初始化根实例
        new Vue({
            el:"#app"
        });
    script>
body>
html>

vue.js——基础篇之vue组件_第3张图片

四、注册局部组件

    全局注册往往是不够理想的。全局注册所有的组件意味着即便已经不再使用一个组件了，它仍然会被包含在
 最终的构建结果中。这造成了用户下载的JavaScript的无谓的增加。所以可以在实例选项中注册局部组件，这
 样组件只能在这个实例中使用。

*注册局部组件步骤：
1）通过一个普通的JavaScript对象来定义组件：
        var ComponentA = { }
2）然后在根实例中的components选项中定义想要使用的组件：
new Vue({
        el: ‘#app’,
        components: {
                ‘component-a’: ComponentA
        }
})
*对于components对象中的每个属性来说，其属性名就是自定义元素的名字，其属性值就是这个组件的选项对象。
*注意局部注册的组件在其子组件中不可用。例如，希望 ComponentA 在ComponentB中可用，则需要这样写：
var ComponentA = {};
var ComponentB = {
        components: {
                ‘component-a’: ComponentA
        },
}
*或者如果通过Babel和webpack使用ES2015模块，那么代码看起来更像：
import ComponentA from ‘./ComponentA.vue’
export default {
        components: {
                ComponentA
        },
}
*注意在ES2015+中，在对象中放一个类似ComponentA的变量名其实是ComponentA: ComponentA的缩写，即这个变量名同时是用在模板中的自定义元素的名称，包含了这个组件选项的变量名。


<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>注册局部组件title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
head>
<body>
    <div id="app">
        <my-component>my-component>
    div>
    <div class="app">
        <my-component>my-component>
    div>
    <script>
        //注册局部组件
        var com = {
            template:'
{{msg}}
',
            data:function(){
                return {
                    msg:"Hello"
                };
            },
            methods:{
                tanchu:function(){
                    console.log(this.msg);
                }
            }
        };
        //初始化根实例
        new Vue({
            el:"#app",
            components:{
               'my-component':com
            }
        });
        new Vue({
            el:".app"
            //第二个根实例没有注册my-component这个局部组件，会报错
        });
    script>
body>
html>

五、关于组件名的注意事项

      在注册一个组件时，始终需要给它一个名字。组件名就是 Vue.component 的第一个参数。当直接在DOM中使用一个组件 (而不是在字符串模板或单文件组件) 的时候，强烈推荐遵循W3C规范中的自定义组件名 (字母全小写且必须包含一个连字符)。这会避免当前以及未来的HTML元素相冲突。请注意，Vue.js不对自定义标记名称（全小写，必须包含连字符）强制执行W3C规则，但按照此惯例被认为是良好的做法。

定义组件名的方式有两种：
1）使用kebab-case：Vue.component('my-component-name', {})
   当使用kebab-case(短横线分隔命名)定义一个组件时，也必须在引用这个自定义元素时使用kebab-case，
   例如。
2）使用PascalCase：Vue.component('MyComponentName', {})
   当使用PascalCase(驼峰式命名)定义一个组件时，在引用这个自定义元素时两种命名法都可以使用。
   尽管如此，直接在DOM(即非字符串的模板)中使用时只有kebab-case是有效的。

六、模板解析

      有些 HTML 元素，诸如 ul、ol、table，对于哪些元素可以出现在其内部是有严格限制的。而有些元素，诸如 li、tr，只能出现在其它某些特定的元素内部。这会导致使用这些有约束条件的元素时遇到一些问题。这时候自定义组件会被作为无效的内容提升到外部，并导致最终渲染结果出错。
is 特性给了一个变通的办法：




需要注意的是如果从以下来源使用模板的话，这条限制是不存在的：
1）字符串 (例如：template: ‘…’)
2）单文件组件 (.vue)
3）

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

  • 密码正则验证：大小写字母、数字、特殊字符至少8位 qq_21875331 渐进式的成长
    正则表达式：密码必须包含大写字母、数字、特殊字符（四种里至少三种，且至少8位）写法一：/((^(?=.*[a-z])(?=.*[A-Z])(?=.*\W)[\da-zA-Z\W]{8,16}$)|(^(?=.*\d)(?=.*[A-Z])(?=.*\W)[\da-zA-Z\W]{8,16}$)|(^(?=.*\d)(?=.*[a-z])(?=.*\W)[\da-zA-Z\W]{8,16}$)|(^
  • Zread.AI：一键将GitHub项目转化为结构化中文手册的AI代码维基工具
    Zread.AI：一键将GitHub项目转化为结构化中文手册的AI代码维基工具文章来源：PoixeAI文章目录Zread.AI工具概述核心功能优势亮点典型应用场景上手指南注意事项官网地址Zread.AI由智谱Z.ai推出，是一款面向开发者的AI代码维基工具，可在几秒内把任何公开GitHub仓库转化为结构化中文手册，并通过独家Buzz面板聚合commits、issues与相关新闻，让项目脉搏一目了然
  • Docker部署Minio YiShuoChen666 eureka云原生dockerminio
    一、拉取镜像dockerpullminio/minio:RELEASE.2025-04-22T22-12-26Z注：这里使用的版本是RELEASE.2025-04-22T22-12-26Z，最新的版本Web-UI界面没有管理bucket和其它的操作按钮，需要通过mc命令来实现，这对于新手很不友好二、创建目录，来存放minio的配置和将来放的文件mkdir-p/home/minio/configmk
  • Unity 程序运行一段时间后Game界面出现黑屏的一种情况 zhannghong2003 Unityunity游戏引擎
    经过排查，发现是Camera(相机)的Z轴一直变大导致的黑屏。造成这种情况的原因是代码：VMouseTransform.position=Camera.main.ScreenToWorldPoint(Input.mousePosition)；Camera(相机)设置成为跟随VMouseTransform。所以会出现Z轴逐渐变大的情况，最后导致黑屏。改代码为：Vector2vMouseNeed=Ca
  • 【Python高阶开发】1. Pandas工业级时序数据处理实战：从振动传感器数据到轴承故障预警系统 AI_DL_CODE pythonpandas时序数据处理振动传感器工业数据清洗特征工程
    摘要：在工业设备健康监测中，振动传感器数据是评估设备状态的核心依据，但高频噪声干扰、数据传输缺失、多设备时间戳错位等问题严重影响分析准确性。本文基于PythonPandas构建工业级时序数据处理流水线，提出"时间校正-缺失填充-噪声过滤-特征提取"四步清洗法，针对工业场景设计专用策略：短时缺失采用线性插值、长时缺失标记异常，振动数据结合移动平均与Z-score检测保留真实特征。通过时域（峰值、峭度
  • Vue 工程化开发入门 dawn191228 前端学习vue.js前端javascript前端框架
    文章目录一、Vue工程化开发概述二、Vue脚手架三、项目运行流程四、组件化开发五、组件注册六、总结在当今的前端开发领域，Vue.js以其简洁、高效的特性受到了广泛的欢迎。Vue的工程化开发能够帮助我们更好地组织和管理项目，提高开发效率和代码质量。本文将带你了解Vue工程化开发入门知识，包括脚手架、项目运行流程、组件化以及组件注册。一、Vue工程化开发概述工程化开发是一种将软件开发过程规范化、标准化
  • 2022-05-20 在你不知道的時間裡愛你很久
    今天這個日子我還是在網絡的“攻擊”下才了解不出意外的連句話都沒有因為沒刮鬍子也是簡單吻別一下好傢伙就當他是心紅的實在是只能專注一件事情其實房子的裝修不用跟我商量我沒有太好的建議有也不會被採納所以我也不想聽一會兒去做核酸明天再做一個對一會兒還得買票還是正常搭理吧室友都一個樣比較好其實跟她也可以多一點但是不太想去了看吧希望今天的比賽能贏其實我每天才是真的忙好多自己的事情一定要有一個自己的書房必須感謝z
  • D298-20220804《当下的力量》p248 Yiqu
    D298-20220804《当下的力量》p248请成为一个炼金术士。将金属变成金子，把痛苦变成意识，把疾病变成开悟。如果你生了重病，你会对我刚才所说的感到愤怒吗？如果是这样，就表明疾病已成为你自我意识的一部分，你正在保护你的思维认同，保护你的疾病。实际上，被标记成疾病的状况与你的真正本质无关。约：67（Z11，L34，G22）■事缓则圆！■遇事憋三秒，让真相飞一会儿！■如非必要，一动不如一静！■行
  • 华为OD机考2025C卷 - 万能单词拼写 / 掌握单词个数 （Java & Python& JS & C++ & C ） 算法大师 最新华为OD机试真题华为odjavapython华为OD机考2025C卷华为OD机试2025C卷华为OD2025年C卷华为OD2025C卷
    最新华为上机考试真题目录：点击查看目录华为OD面试真题精选：点击立即查看2025华为od机试2025C卷-华为OD上机考试2025年C卷题目描述有一个字符串数组words和一个字符串chars。假如可以用chars中的字母拼写出words中的某个“单词”（字符串），那么我们就认为你掌握了这个单词。words的字符仅由a-z英文小写字母组成，例如“abc”chars由a-z英文小写字母和“?”组成。
  • 在vue项目中嵌入Python项目 钱亚锋 vue.jspython前端javascriptecmascript
    在Vue项目中嵌入Python项目在现代Web开发中，前后端分离的架构已成为一种流行趋势。前端使用现代化框架（如Vue.js）来构建用户界面，而后端则使用其他语言（如Python）来处理复杂的业务逻辑和数据库交互。将Python项目嵌入到Vue项目中，可以有效利用两种语言的优势，提升开发效率。本文将介绍如何在Vue项目中集成Python项目，并附带代码示例和可视化工具。流程概述在将Python项目
  • #ScalersTalk成长会2019追溯阅读预行动#Day 16 10.25 筱轩私塾
    今日阅读任务Part4(2015.4.3至2015.8.29)P29-86首篇：[480]Scalers：参加知乎「盐Cub2014」是一种怎样的体验？末篇：ScalersCast第11期：信息时代新文盲的三大特征文档下载链接:https://pan.baidu.com/s/1SqEXKwNdl6jTELawOJLEFw提取码:99z8今日阅读中，对你有启发的文字（摘抄原文“金句”，不要大段复制）
  • 成功日记（Day554） 狮子座的兔子姑娘
    1、跟老师出诊。~4h。2、把名字打到电脑里。~1h。3、和z鹤有一搭没一搭的闲聊。~0.5h。4、和小伙伴们一起打太极，闲聊。~1.5h。5、跟小王哥微信聊天。~0.5h。心情：还挺好的。每天的生活简单、纯粹，没有过多的杂念，还是比较开心的。
  • [Unity][摄像机]动态代码设置Camera的CullingMask遮罩 BuladeMian UnityUnity摄像机视角
    camera.cullingMask=~(1<
  • Python day26 赵英英俊 Python训练python开发语言
    @浙大疏锦行Pythonday26内容：函数的定义def函数名(参数)：    函数逻辑    return返回值局部变量和全局变量y=2#全局变量，可以在任意位置访问，z=3deffun()x=1#局部变量，只能在内部访问z=1#局部变量优先级更高print(x)print(z)参数类型#位置参数deffun(x,y)returnx+y#默认参数deffun(x,y,z=1,w=None)ret
  • 【第六节】方法与事件处理器 枫，为落叶 vuevue.js
    方法与事件处理器方法处理器可以用v-on指令监听DOM事件:Greet绑定一个单击事件处理器到一个方法greet。下面在Vue实例中定义这个方法varvm=newVue({el:'#example',data:{name:'Vue.js'//在'methods’对象中定义方法methods:{greet:function(event)(//方法内'this”指向vmalert('Hello+thi
  • 团体程序设计天梯赛竞赛题--登顶题【L3-028 森森旅游】 Pretty Boy Fox 旅游算法数据结构c++
    登顶级3道题，每道题30分，满分为90分L3-028森森旅游题目描述好久没出去旅游啦！森森决定去Z省旅游一下。Z省有n座城市（从1到n编号）以及m条连接两座城市的有向旅行线路（例如自驾、长途汽车、火车、飞机、轮船等），每次经过一条旅行线路时都需要支付该线路的费用（但这个收费标准可能不止一种，例如车票跟机票一般不是一个价格）。Z省为了鼓励大家在省内多逛逛，推出了旅游金计划：在i号城市可以用1元现金兑
  • 简约时装网店网站开发#网页制作 #网页设计 #网站建设 黄菊华老师 网页模板简约时装网店
    博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注网站制作、小程序开发、软件开发和大学生毕业设计教育、辅导。所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩，提供核心代码讲解，答辩指导。项目配有对应开发文档、开题报告、任务书、PPT等，提供毕业设计论文辅导。项目都录了发布和功能操作演示视频
  • 前端，元素的层级和背景 沦陷_99999
    z-index.box1{width:200px;height:200px;background-color:#0bcd96;position:relative;z-index:3;}.box2{width:200px;height:200px;background-color:#1e389a;position:absolute;left:100px;top:100px;}.box3{width:
  • Vue实战：利用Element UI轻松实现动态表单项管理与高效验证 征尘bjajmd elementui
    在Vue.js项目中，表单是与用户交互的重要部分，特别是在需要动态管理表单项的场景下，如何优雅地实现添加、删除、上移、下移及验证功能变得尤为重要。本文将详细介绍如何使用ElementUI来实现一个包含动态表单项管理以及验证功能的表单。效果图如下一、项目背景假设我们正在开发一个活动管理系统，其中一个功能是为活动添加多条路线信息，每条路线包含路线名称、可参加人数和路线详情。用户需要能够动态地添加、删除
  • 正则表达式
    正则表达式是一种用来匹配字符串的规则语言。它常用于：检查输入是否合法（如用户名、邮箱、密码）从字符串中提取内容替换字符串中的某些部分正则意义示例匹配a匹配字符aa匹配“a”.任意单个字符.匹配“a”、“1”、”@”等\d任意数字[0-9]\d匹配“3”\w字母、数字、下划线[A-Za-z0-9_]\w匹配“a”、“5”、”_”\s空白符（空格、换行等）""、\n正则意义示例匹配*出现0次或多次a*
  • Quazip库：一站式C++压缩文件处理方案 Mr.Poker
    本文还有配套的精品资源，点击获取简介：Quazip是一个开源的C++库，能够方便地处理ZIP和7Z格式的压缩文件，提供了易于使用的API。它集成了zlib和libarchive库，支持多平台运行，如Linux、Windows和macOS。预编译的源码和库文件允许开发者无需自行编译即可直接集成到项目中。该库的特性包括简洁的API设计、丰富的功能支持、健壮的错误处理机制、性能优化、以及源码的可用性和可
  • 【vue-8】Vue3 Options API 生命周期函数全面解析 AllenBright #Vuevue.js前端javascript
    在Vue.js开发中，理解组件的生命周期是构建健壮应用程序的关键。虽然Vue3引入了CompositionAPI，但OptionsAPI仍然是许多开发者的首选，特别是对于从Vue2迁移的项目或更喜欢基于选项的代码组织的团队。本文将深入探讨Vue3中OptionsAPI的生命周期函数，帮助您掌握组件从创建到销毁的完整过程。1.生命周期概览Vue3的生命周期与Vue2相比有一些变化，主要是为了更好的支
  • css设置背景图片透明度
    .demo{position:relative;width:500px;height:300px;line-height:50px;text-align:center;color:red;}.demo::before{content:"";position:absolute;left:0;top:0;z-index:-1;/*放在内容背后*/width:500px;height:300px;bac
  • vuejs获取当前对象元素 frankgo
    vue中有两种方法获取到当前元素varel=event.target;//当前元素，可修改（能够用此方法获取到他的子元素，不能获取他本身的内容）varel=event.currentTarget;//当前元素，不可修改（能够用此方法获取到他的子元素及能获取他本身的内容）html复杂的click哈哈jsvarexample2=newVue({el:'#example-2',data:{name:'V
  • Linux 进程状态 EffectiveC++ linux运维服务器进程进程状态
    目录OS下进程的状态运行状态概念将进程从当前状态改为“运行队列”的操作阻塞状态概念简要做法拓展详细过程挂起状态概念目的Linux中的进程状态S(休眠状态)(阻塞)浅度睡眠数据的流动为什么是S+kill命令注意事项D(深度睡眠)(阻塞)概念与特性R(运行状态)T(暂停状态)(阻塞)概念解释手动暂停t(暂停状态)(阻塞)Z(僵尸状态)概念X(死亡状态)孤儿进程重点OS下进程的状态状态就是task_st
  • vue2中实现双向绑定的三种方法 星语卿 前端开发语言
    在Vue.js中，v-model是实现双向绑定的核心指令，而.sync是用于父子组件之间双向绑定的修饰符。如果需要在自定义组件中实现双向绑定，可以通过以下几种方式来实现：1.使用v-model实现双向绑定v-model默认会绑定一个名为value的prop和一个名为input的事件。在自定义组件中，可以通过以下方式实现v-model的双向绑定：父组件ParentValue:{{parentValu
  • npm init vite-app runoob-vue3-test2 ，npm init vue@latest，指令区别 CATTLECODE npmvue.js前端
    这两个命令都是用于创建Vue.js项目的脚手架命令，但它们在技术栈、配置方式和项目结构上有显著区别：1.npminitvite-apprunoob-vue3-test2技术栈：基于Vite构建工具使用Vue3作为默认框架由Vite团队维护特点：bash复制代码npminitvite-app快速创建：零配置启动，没有交互选项文件结构：复制代码├──node_modules├──index.html├
  • 基于点云边界提取与B样条拟合的二维轮廓重建的思路与原理 迅卓科技 C++PCL点云处理实战专栏c++PCL点云
    该程序通过点云投影、凹包边界提取、逆时针排序和B样条曲线拟合四步流程，将三维点云转化为光滑的二维参数化边界曲线并可视化输出。效果图1.系统整体原理基于点云边界提取与B样条曲线拟合的系统，通过以下流程实现：点云预处理（投影+边界提取）边界点排序（逆时针）B样条曲线拟合结果可视化1.1点云预处理1.1.1点云投影功能：将三维点云投影到XY平面实现：创建z=0平面模型系数使用PProject函数执行投影
  • 图像数字化——图像读取和显示(不调用库函数) m0_65128884 pythonopencv目标检测机器学习计算机视觉深度学习pytorch
    图像读取和显示一、图像数字化原理图像矩阵表示：数字图像本质上是二维/三维矩阵I∈RH×W×CI\in\mathbb{R}^{H\timesW\timesC}I∈RH×W×C其中HHH为高度（行数），WWW为宽度（列数），CCC为通道数（RGB图像C=3C=3C=3）像素值范围：标准8位图像：I(x,y,c)∈[0,255]∩ZI(x,y,c)\in[0,255]\cap\mathbb{Z}I(x,
  • MySQL 8.0 OCP 1Z0-908 题目解析(8)
    题目029Choosetwo.Whichtwoaretrueaboutbinarylogsusedinasynchronousreplication?□A)Theycontaineventsthatdescribeallqueriesrunonthemaster.□B)Theycontaineventsthatdescribedatabasechangesonthemaster.□C)Theyar
  • HttpClient 4.3与4.3版本以下版本比较 spjich javahttpclient
    网上利用java发送http请求的代码很多，一搜一大把，有的利用的是java.net.*下的HttpURLConnection，有的用httpclient，而且发送的代码也分门别类。今天我们主要来说的是利用httpclient发送请求。 httpclient又可分为 httpclient3.x httpclient4.x到httpclient4.3以下 httpclient4.3
  • Essential Studio Enterprise Edition 2015 v1新功能体验 Axiba .net
    概述：Essential Studio已全线升级至2015 v1版本了！新版本为JavaScript和ASP.NET MVC添加了新的文件资源管理器控件，还有其他一些控件功能升级，精彩不容错过，让我们一起来看看吧！ syncfusion公司是世界领先的Windows开发组件提供商，该公司正式对外发布Essential Studio Enterprise Edition 2015 v1版本。新版本
  • [宇宙与天文]微波背景辐射值与地球温度 comsci 背景
            宇宙这个庞大,无边无际的空间是否存在某种确定的,变化的温度呢?      如果宇宙微波背景辐射值是表示宇宙空间温度的参数之一,那么测量这些数值,并观测周围的恒星能量输出值,我们是否获得地球的长期气候变化的情况呢?   &nbs
  • lvs-server 男人50 server
    #!/bin/bash # # LVS script for VS/DR # #./etc/rc.d/init.d/functions # VIP=10.10.6.252 RIP1=10.10.6.101 RIP2=10.10.6.13 PORT=80 case $1 in start)   /sbin/ifconfig eth2:0 $VIP broadca
  • java的WebCollector爬虫框架 oloz 爬虫
    WebCollector主页： https://github.com/CrawlScript/WebCollector 下载：webcollector-版本号-bin.zip将解压后文件夹中的所有jar包添加到工程既可。 接下来看demo package org.spider.myspider; import cn.edu.hfut.dmic.webcollector.cra
  • jQuery append 与 after 的区别 小猪猪08
    1、after函数 定义和用法： after() 方法在被选元素后插入指定的内容。 语法： $(selector).after(content) 实例： <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></scr
  • mysql知识充电 香水浓 mysql
    索引 索引是在存储引擎中实现的，因此每种存储引擎的索引都不一定完全相同，并且每种存储引擎也不一定支持所有索引类型。 根据存储引擎定义每个表的最大索引数和最大索引长度。所有存储引擎支持每个表至少16个索引，总索引长度至少为256字节。 大多数存储引擎有更高的限制。MYSQL中索引的存储类型有两种：BTREE和HASH，具体和表的存储引擎相关； MYISAM和InnoDB存储引擎
  • 我的架构经验系列文章索引 agevs 架构
    下面是一些个人架构上的总结，本来想只在公司内部进行共享的，因此内容写的口语化一点，也没什么图示，所有内容没有查任何资料是脑子里面的东西吐出来的因此可能会不准确不全，希望抛砖引玉，大家互相讨论。 要注意，我这些文章是一个总体的架构经验不针对具体的语言和平台，因此也不一定是适用所有的语言和平台的。 （内容是前几天写的，现附上索引）   前端架构 http://www.
  • Android so lib库远程http下载和动态注册 aijuans andorid
    一、背景      在开发Android应用程序的实现，有时候需要引入第三方so lib库，但第三方so库比较大，例如开源第三方播放组件ffmpeg库, 如果直接打包的apk包里面, 整个应用程序会大很多.经过查阅资料和实验，发现通过远程下载so文件，然后再动态注册so文件时可行的。主要需要解决下载so文件存放位置以及文件读写权限问题。   二、主要
  • linux中svn配置出错 conf/svnserve.conf:12: Option expected 解决方法 baalwolf option
    在客户端访问subversion版本库时出现这个错误： svnserve.conf:12: Option expected 为什么会出现这个错误呢，就是因为subversion读取配置文件svnserve.conf时，无法识别有前置空格的配置文件，如### This file controls the configuration of the svnserve daemon, if you##
  • MongoDB的连接池和连接管理 BigCat2013 mongodb
    在关系型数据库中，我们总是需要关闭使用的数据库连接，不然大量的创建连接会导致资源的浪费甚至于数据库宕机。这篇文章主要想解释一下mongoDB的连接池以及连接管理机制，如果正对此有疑惑的朋友可以看一下。 通常我们习惯于new 一个connection并且通常在finally语句中调用connection的close()方法将其关闭。正巧，mongoDB中当我们new一个Mongo的时候，会发现它也
  • AngularJS使用Socket.IO bijian1013 JavaScriptAngularJSSocket.IO
            目前，web应用普遍被要求是实时web应用，即服务端的数据更新之后，应用能立即更新。以前使用的技术（例如polling）存在一些局限性，而且有时我们需要在客户端打开一个socket，然后进行通信。         Socket.IO(http://socket.io/)是一个非常优秀的库，它可以帮你实
  • [Maven学习笔记四]Maven依赖特性 bit1129 maven
    三个模块 为了说明问题，以用户登陆小web应用为例。通常一个web应用分为三个模块，模型和数据持久化层user-core, 业务逻辑层user-service以及web展现层user-web， user-service依赖于user-core user-web依赖于user-core和user-service   依赖作用范围  Maven的dependency定义
  • 【Akka一】Akka入门 bit1129 akka
    什么是Akka Message-Driven Runtime is the Foundation to Reactive Applications In Akka, your business logic is driven through message-based communication patterns that are independent of physical locatio
  • zabbix_api之perl语言写法 ronin47 zabbix_api之perl
    zabbix_api网上比较多的写法是python或curl。上次我用java－－http://bossr.iteye.com/blog/2195679，这次用perl。for example: #!/usr/bin/perl use 5.010 ; use strict ; use warnings ; use JSON :: RPC :: Client ; use
  • 比优衣库跟牛掰的视频流出了，兄弟连Linux运维工程师课堂实录，更加刺激，更加实在！ brotherlamp linux运维工程师linux运维工程师教程linux运维工程师视频linux运维工程师资料linux运维工程师自学
    比优衣库跟牛掰的视频流出了，兄弟连Linux运维工程师课堂实录，更加刺激，更加实在！   ----------------------------------------------------- 兄弟连Linux运维工程师课堂实录-计算机基础-1-课程体系介绍1 链接：http://pan.baidu.com/s/1i3GQtGL 密码：bl65   兄弟连Lin
  • bitmap求哈密顿距离-给定N（1<=N<=100000）个五维的点A(x1,x2,x3,x4,x5)，求两个点X(x1,x2,x3,x4,x5)和Y( bylijinnan java
    import java.util.Random; /** * 题目： * 给定N（1<=N<=100000）个五维的点A(x1,x2,x3,x4,x5)，求两个点X(x1,x2,x3,x4,x5)和Y(y1,y2,y3,y4,y5)， * 使得他们的哈密顿距离（d=|x1-y1| + |x2-y2| + |x3-y3| + |x4-y4| + |x5-y5|）最大
  • map的三种遍历方法 chicony map
    package com.test; import java.util.Collection; import java.util.HashMap; import java.util.Iterator; import java.util.Map; import java.util.Set; public class TestMap { public static v
  • Linux安装mysql的一些坑 chenchao051 linux
    1、mysql不建议在root用户下运行   2、出现服务启动不了，111错误，注意要用chown来赋予权限， 我在root用户下装的mysql，我就把usr/share/mysql/mysql.server复制到/etc/init.d/mysqld, (同时把my-huge.cnf复制/etc/my.cnf)  chown -R cc /etc/init.d/mysql
  • Sublime Text 3 配置 daizj 配置Sublime Text
    Sublime Text 3 配置解释(默认){// 设置主题文件“color_scheme”: “Packages/Color Scheme – Default/Monokai.tmTheme”,// 设置字体和大小“font_face”: “Consolas”,“font_size”: 12,// 字体选项：no_bold不显示粗体字，no_italic不显示斜体字，no_antialias和
  • MySQL server has gone away 问题的解决方法 dcj3sjt126com SQL Server
    MySQL server has gone away 问题解决方法，需要的朋友可以参考下。 应用程序（比如PHP）长时间的执行批量的MYSQL语句。执行一个SQL，但SQL语句过大或者语句中含有BLOB或者longblob字段。比如，图片数据的处理。都容易引起MySQL server has gone away。 今天遇到类似的情景，MySQL只是冷冷的说：MySQL server h
  • javascript/dom:固定居中效果 dcj3sjt126com JavaScript
    <!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/1999/xhtml&
  • 使用 Spring 2.5 注释驱动的 IoC 功能 e200702084 springbean配置管理IOCOffice
    使用 Spring 2.5 注释驱动的 IoC 功能 developerWorks 文档选项 将打印机的版面设置成横向打印模式 打印本页 将此页作为电子邮件发送 将此页作为电子邮件发送 级别： 初级 陈 雄华 ([email protected]), 技术总监, 宝宝淘网络科技有限公司 2008 年 2 月 28 日  &nb
  • MongoDB常用操作命令 geeksun mongodb
    1.   基本操作 db.AddUser(username,password)               添加用户 db.auth(usrename,password)      设置数据库连接验证 db.cloneDataBase(fromhost)    
  • php写守护进程（Daemon） hongtoushizi PHP
    转载自： http://blog.csdn.net/tengzhaorong/article/details/9764655   守护进程（Daemon）是运行在后台的一种特殊进程。它独立于控制终端并且周期性地执行某种任务或等待处理某些发生的事件。守护进程是一种很有用的进程。php也可以实现守护进程的功能。   1、基本概念   &nbs
  • spring整合mybatis,关于注入Dao对象出错问题 jonsvien DAOspringbeanmybatisprototype
    今天在公司测试功能时发现一问题： 先进行代码说明： 1，controller配置了Scope="prototype"（表明每一次请求都是原子型）    @resource/@autowired service对象都可以（两种注解都可以）。 2，service 配置了Scope="prototype"（表明每一次请求都是原子型）
  • 对象关系行为模式之标识映射 home198979 PHP架构企业应用对象关系标识映射
    HELLO!架构   一、概念 identity Map:通过在映射中保存每个已经加载的对象，确保每个对象只加载一次，当要访问对象的时候，通过映射来查找它们。其实在数据源架构模式之数据映射器代码中有提及到标识映射，Mapper类的getFromMap方法就是实现标识映射的实现。     二、为什么要使用标识映射？ 在数据源架构模式之数据映射器中 //c
  • Linux下hosts文件详解 pda158 linux
    　1、主机名： 　　无论在局域网还是INTERNET上，每台主机都有一个IP地址，是为了区分此台主机和彼台主机，也就是说IP地址就是主机的门牌号。 　　公网：IP地址不方便记忆，所以又有了域名。域名只是在公网（INtERNET)中存在，每个域名都对应一个IP地址，但一个IP地址可有对应多个域名。 　　局域网：每台机器都有一个主机名，用于主机与主机之间的便于区分，就可以为每台机器设置主机
  • nginx配置文件粗解 spjich javanginx
    #运行用户#user  nobody;#启动进程,通常设置成和cpu的数量相等worker_processes  2;#全局错误日志及PID文件#error_log  logs/error.log;#error_log  logs/error.log  notice;#error_log  logs/error.log  inf
  • 数学函数 w54653520 java
    public  class  S {        // 传入两个整数，进行比较，返回两个数中的最大值的方法。      public  int  get( int  num1, int  nu