michaelxuzhi___
michaelxuzhi___

Vue组件化思想

如果将一个页面中所有的处理逻辑全部放在一起，那么处理起来会非常复杂混乱，而且不利于后续的管理以及扩展。

如果将页面拆分成一个个小的功能块，每个功能块完成属于自己的独立功能，那么整个页面的管理和维护就变得容易了。

Vue组件化思想_第1张图片
Vue组件化思想_第2张图片

一个页面可以分为多个组件，每个组件又可以细分

Vue的组件思想

①它提供了一种抽象，让我们开发出一个个独立可复用的小组将来构造我们的应用。

②任何的应用都会被抽象成一棵组件树。

一、注册组件的基本步骤

组件的使用分为三个步骤

  1. 创建组件构造器

  2. 注册组件（全局注册、局部注册）

  3. 使用组件

1.1 调用Vue.extend() API：创建组件构造器：const x = Vue.extend({ })

2.1 调用Vue.component() API：注册组件

3.1 在Vue实例范围内使用组件

1.1.1 创建组件模板：（旧的写法）
x 是构造器名称，在注册是会引用此名称。组件就相当于一个html页面，最外层要用一个div来包裹，然后再是内容。
const x = Vue.extend({
     
	template:
		`
		

			
我是组件标题

		

		`
})
2.1.1 全局注册组件： 'my-cpn’是组件的标签名，x 是1.1.1的内容。也就是说，以后用到x 组件时，用就可以代替了。
Vue.component('my-cpn',x)
3.1.1 在Vue实例中使用：
<div id="app">
	<my-cpn>my-cpn>
div>

二、创建组件构造器步骤解析

1、Vue.extend() 创建的是一个组件构造器，通常在创建组件的地方，传入template代表自定义组件的模板，该模板就是在使用到组件的地方，要显示的HTML代码。旧写法参考1.1.1内容。

2、Vue.component()要传入两个参数，一个是注册组件的标签名称，一个是组件构造器的名称。如1.1.1中的 x 。

3、可以多重嵌套使用自定义组件，但组件标签中不能有其他内容用

四、父组件和子组件

先构造两个组件：

第一个：
const cpn1 = Vue.extend({
     
	template :`
组件1
`
})
第二个：把组件1在组件2中注册:
const cpn2 = Vue.extend({
     
	template :`
	

		
组件2

		
	

	`,
	components:{
      
        cpn1:cpn1 // 可以简写为一个cpn1
    } 
})
组件2在实例中注册
const app = new Vue({
     
      el: "#app",
      components: {
     
        cpn2: cpn2 // 可以简写为一个cpn1
      },
})
使用：
  <div id="app">
    <cpn1>cpn1> // 未在实例中注册，不可使用
    <cpn2>cpn2> // 已在实例中注册，可以使用
  div>

其实const app实例也算是一个组件，只不过是页面的最大组件：根组件ROOT，所以vue实例也有template。子组件必须先于父组件创建，否则识别不了子组件。

五、注册组件的语法糖

此语法糖是将创建组件的构造器嵌入注册步骤当中。

原先：遵循1.1->2.1->3.1的顺序

现在 1.1和2.1结合：（全局）

Vue.component('my-cpn',{
     
	template: `
组件标题
`
})

（局部）

const app = new Vue({
     
      el: "#app",
      components: {
     
        	'my-cpn': {
     
        		template:`
组件标题
`
        }
      },
  })

六、组件模板抽离的写法

由于在template中写html语句的便捷性不好，所以将html语句抽离出来写

6.1 写在

你可能感兴趣的:(vue组件,组件化思想,vue)

  • C++ 计数排序、归并排序、快速排序 每天搬一点点砖 c++数据结构算法
    计数排序：是一种基于哈希的排序算法。他的基本思想是通过统计每个元素的出现次数，然后根据统计结果将元素依次放入排序后的序列中。这种排序算法适用于范围较小的情况，例如整数范围在0到k之间计数排序步骤：1初始化一个长度为最大元素值加1的计数数组，所有元素初始化为02遍历原始数组，将每个元素值作为索引，在计数数组中对应位置加13将数组清空4遍历计数器数组，按照数组中的元素个数放回到元数组中计数排序的优点和
  • 图论算法经典题目解析：DFS、BFS与拓扑排序实战 周童學 数据结构与算法深度优先算法图论
    图论算法经典题目解析：DFS、BFS与拓扑排序实战图论问题是算法面试中的高频考点，本博客将通过四道LeetCode经典题目（均来自"Top100Liked"题库），深入讲解图论的核心算法思想和实现技巧。涵盖DFS、BFS、拓扑排序和前缀树等知识点，每道题配有Java实现和易错点分析。1.岛屿数量(DFS遍历)问题描述给定一个由'1'(陆地)和'0'(水)组成的二维网格，计算岛屿的数量。岛屿由水平或
  • Effective C++ 条款10：令operator=返回一个reference to *this 君鼎 C++c++
    EffectiveC++条款10：令operator=返回一个referenceto*this核心思想：赋值操作符（operator=）应始终返回当前对象的引用（*this），以实现连锁赋值并保持与内置类型一致的语义。⚠️1.问题场景：违反连锁赋值语义classWidget{public:voidoperator=(constWidget&rhs){//错误：返回voidvalue=rhs.val
  • D124:如何训练独立思考力？ 大栗子_
    当我们要判断一个理论或者思想是否正确，需要有三个层次，分别是体验、解释和分析。首先看体验。很多时候，我们会相信“听上去、感觉是对的”的事情。我们之前讲的太空笔的故事之所以大多数人都认为是对的，就是有一些看似真实的关键词，比如美国，NASA，设计等，这些词看起来非常权威，但是离我们又遥远，这时候我们的大脑就会放松警惕了。于是，我们毫不犹豫就接受了。说到这里，你有没有发现之前的电视广告中的各种高让我们
  • 何为社群？ ohh_1636
    一般社会学家与地理学家所指的社群(community)，广义而言是指在某些边界线、地区或领域内发生作用的一切社会关系。它可以指实际的地理区域或是在某区域内发生的社会关系，或指存在于较抽象的、思想上的关系，除此之外。Worsley(1987)曾提出社群的广泛涵义：可被解释为地区性的社区；用来表示一个有相互关系的网络；社群可以是一种特殊的社会关系，包含社群精神(communityspirit)或社群情
  • uniapp微信小程序 - 详解微信小程序平台用户授权登录全流程，uniapp v3版本中小程序端开发下用户点击登录后获取手机号/昵称/性别/头像等信息完成登录（提供完整示例代码，一键复制开箱即用） 十一猫咪爱养鱼 前端组件与功能(开箱即用)uniapp常见问题解决uniappvue3uniapp3小程序授权登录微信小程序登录获取用户信息教程获取用户昵称手机号头像信息登录vue3版本小程序平台授权登录uniap小程序端用户登录流程uni完整的小程序平台登录源码
    效果图在uniapp微信小程序端开发中，超详细实现用户授权登录完整功能源码，用户授权后获取手机号/昵称/头像/性别等，提供完整思路流程及逻辑讲解。uniappVue3和Vue2都能用，你也可以直接复制粘贴，然后改下参数放到你的项目中去就行。整体思路做功能之前，先来看一下整体流程是
  • Deepseek技术深化：驱动大数据时代颠覆性变革的未来引擎 荣华富贵8 springboot搜索引擎后端缓存redis
    在大数据时代，信息爆炸和数据驱动的决策逐渐重塑各行各业。作为一项前沿技术，Deepseek正在引领新一轮技术革新，颠覆传统数据处理与分析方式。本文将从理论原理、应用场景和前沿代码实践三个层面，深入剖析Deepseek技术如何为大数据时代提供颠覆性变革的解决方案。一、技术背景与核心思想1.1大数据挑战与机遇在数据量呈指数级增长的背景下，传统数据处理方法面临数据存储、计算效率和信息提取精度的诸多挑战。
  • 意识决定行动 eggplant
    2022年3月24日星期四我们经常说“意识决定行动”。“意识”更完整的表达是“思想意识”，思想意识，“搜狗百科”里解释“是人将大脑存储的知识作用于思考生命存在的各种感受的活动。”比较深奥，简单的说我认为就是对事物的认识程度。“意识决定行动”，对事物认知程度的高低决定个体将以什么样的方式去行动，在意识上觉得事情很重要，就会以相对认真的态度去对待，当意识上觉得这件事情没有很大的价值的时候，就会自然将事
  • 2021-07-04张宪臣因寻找孩子落入敌手，是不是不专业？ 可以容忍
    张宪臣离开小兰去书店前，小兰心情很好，对他说等他回来炖排骨给他吃，他觉得目前处在敌人的心脏里，在这样严酷的情势下，小兰这样掉以轻心太不认真了。这是很危险的，一个疏忽就会暴露自己，可能给自己带来灭顶之灾，所以他立马拉下脸来严肃地提醒小兰：长点心！既然如此他又为什么“不长点心”，而让自己在万分危急的逃跑途中，思想开小差去找自己的孩子，以致耽误了自己的逃跑时间而落入敌手？说实话这一点也是这部电影既合理又
  • vue element 封装表单 影子信息 vuevue.jsjavascript前端
    背景：在前端系统开发中，系统页面涉及到的表单组件比较多，所以进行了简单的封装。封装的包括一些Form表单组件，如下：input输入框、select下拉框、等实现效果：理论知识：表单组件官方链接：点击跳转封装组件：封装组件的思路：不封装element组件，每一个input组件绑定一个form对象，例如官网。简单封装element组件，利用for循环生成form表单的每一项el-form-item。进
  • 大数据技术笔记—spring入门 卿卿老祖
    篇一spring介绍spring.io官网快速开始Aop面向切面编程，可以任何位置，并且可以细致到方法上连接框架与框架Spring就是IOCAOP思想有效的组织中间层对象一般都是切入service层spring组成前后端分离已学方式，前后台未分离：Spring的远程通信：明日更新创建第一个spring项目来源：科多大数据
  • 电影 雨文_yuwencc1009
    每年的春节都是在刷电影中度过。今天刷《飞驰人生》，总体感觉是当故事片来看。有笑点，但没触碰到我内心的那根弦。图片发自App其实，我是一个还蛮容易感动的人，看电影、看电视、看报纸随时都会感动到流泪的人，虽然理解了些许电影想要传递的思想，但并没有get到我的那个感动的点。但根据表弟的解释，这种商业片的投入能做这个效果，也还是不错了～
  • 思维导图中的3A 画画的小常
    图片发自App在学习思维导图3A之前，我们先来看看东方古国传统教书过程。分三步：听话，合作，变化。听话，学生摹仿老师，在这个过程中除非必需问题需要老师澄清解释，其他所有的都要求先行记忆。合作，这一阶段大多已经掌握基本知识点，允许学生提出问题，老师引导学生采用合适的方法，让学生亲自动手，解决问题。变化，经历了前面2个阶段，知识已经彻底掌握，此阶段要充分发挥洞察力和生发出新的思想以回馈老师。较之传统教
  • 活在過去 辣妈正传555
    活在過去過去到現在一切都在變化。有了家與娃，生活比原來更讓人牽掛。可不知道，心怎么了常常活在過去的快樂時光。媽媽吃了苦菜留給我一碗稀飯。趕集回來的一顆糖。生日里偷偷吃著的雞蛋。大年三十的晚上，穿上媽媽縫的鞋子衣裳，------甜甜的睡在床上。思想怎么了跟不上時代的步伐。常常活在過去，美麗、痛苦的---------快樂時光。安然
  • 每日一省（49） 专气致柔baby
    背诵内容:用生气掩盖了无能，用愤怒掩盖了恐惧，用焦虑掩盖了纠结。你向世界释放了什么，你就会收获什么，生命的品质取决于行为的反作用力（如:我爱你，我爱你，我爱你，弹回来也会是我爱你，我爱你，我爱你）这几天一直在体会这段话，学习传统文化的时候，老师们也一直在强调行为的反作用力。从今天开始我要启用改译的力量，感恩纪琼院长给到的心理学生活化的实操流程，感恩各种学习思想的慢慢渗透，让我有了不断学习提高的动力
  • 大学社团管理系统（11831） codercode2022 javaspringbootspringechartsspringcloudsentineljava-rocketmq
    有需要的同学，源代码和配套文档领取，加文章最下方的名片哦一、项目演示项目演示视频二、资料介绍完整源代码（前后端源代码+SQL脚本）配套文档（LW+PPT+开题报告）远程调试控屏包运行三、技术介绍Java语言SSM框架SpringBoot框架Vue框架JSP页面Mysql数据库IDEA/Eclipse开发四、项目截图有需要的同学，源代码和配套文档领取，加文章最下方的名片哦!
  • 在幸福的日子里继续披荆斩棘吧，青年 二十一墨生
    越是幸福安定的日子里，我的思想感情就越起伏跌宕。寂寥凄清的深夜里，我总是伴随杂七杂八的琐事入梦，但某个时候也会辗转反侧，我夜不能寐是因为我感到羞愧，因为我在“幸福”的生活中忘记了自己出发的原因，忘记了我身为青年应该有的对真理不懈追求、对时代责任勇于担当的基本要求。不常谈及的人我们未必不思念他们，闭上眼吧，你是否和我一样看到了自己青春生命中的那些青春？我们生活在幸福的生活中了吗？是，我们的的确确在幸
  • 2/7-1组-泡菜 上海健康产业蔡文俊
    片段主题：分享、分享、再分享片段来源：认知突围R:很多人并不清楚，其实分享是最好的学习方法。第一，分享是一件利己利人的事。我把好的思想或方法论分享给你，你多少有所得。反过来，也许你会提出一些不同的东西，触发我更多的思考。哪怕你并没有提出什么新见解，单单是我自己在分享的时候，也是一个对知识的自我记忆和强化的过程，依然是非常有好处的。第二，分享是一件能倒逼你完善知识体系的事。很多人都有过这样的经历，当
  • VUE 座位图功能+扩展 NUZGNAW vue.jsjavascript前端
    1、通过循环画出页面座位图0"style="display:table;margin:0auto;min-height:472px;position:relative;">{{i.sign}}2、画出右下角的预览图3、编写对应js方法watch:{seatList:{handler(newVal,oldVal){if(this.seatList&&!stringBlank(this.seatLis
  • 2025最新Mybatis-plus教程（四）
    五、MyBatis-Plus的service封装（一）通用Service简介MyBatis-Plus除了通用的Mapper还有通用的Service层，这也减少了相对应的代码工作量，把通用的接口提取到公共。其实按照mp的这种思想，可以自己也实现一些通用的Controller。（二）通用Service方法介绍/***插入一条记录（选择字段，策略插入）**@paramentity实体对象*/defaul
  • 你一直写就会遇到“自己”的书 小尘老师
    "你一直写就会遇到'自己'的书"这句话不是我说的，是张文质老师在第6期写作研修班上，作主题为《新手如何出版自己的书》分享时提到的。除了这一点，他还分享了以下几点:要费尽心思把“想法”变成思想扬长避短在写作上是必须的要写到一定的量再找人作个指点想方设法与出版社的编辑做朋友书有很多种出法，总有适合你的书是“决心”的产物，而不完全只靠才华运气已在你这一边，剩下的全靠力气不管是从字面上看，还是仔细听张老师
  • CMS垃圾回收器和G1垃圾回收器区别_g1cms垃圾回收器区别 2401_89191885 jvm
    该类所有的实例都已经被回收，也就是Java堆中不存在该类的任何实例；加载该类的ClassLoader已经被回收；该类对应的java.lang.Class对象没有在任何地方被引用，无法在任何地方通过反射访问该类的方法。3.常见的垃圾回收算法1、Mark-Sweep（标记-清除算法）：（1）思想：标记清除算法分为两个阶段，标记阶段和清除阶段。标记阶段任务是标记出所有需要回收的对象，清除阶段就是清除被标
  • 谈谈自己在成长过程中所经历的最大的一次转变 镜子写作
    人生所经历过的转变，我觉得最大的转变是思维上的转变。2019年4月12号，我去到了深圳，参加了慰安老师的超级演说家，三天两夜，这三天两夜改变了我人生的思想局限，以前的我一直认为，所有的不好都是别人造成的。在生活和工作上一直处于埋怨的状态，从来都没有想过改变自己，环境是无法改变的，改变自己才能够让自己过得更好。曾经的我一直都是躲在最让人看不见的位置，老师讲我负责听，讲台离我很远，我也从没想过要站到讲
  • 读书计划之第一本书终结 潇潇渄渄
    终于在周末的下午读完《人际交往心理学》这本书，虽然是本鸡汤书，读书中有几点体会比较深，远离有思想毒素的人、克服猜疑、不要让嫉妒阻碍交际、运用讽喻增加辩论的说服力，自己本身就有这些问题所以才会有感悟。远离有思想毒素的人，前面单独拿出来写了一篇。因为不自信因为自卑，有些猜疑、嫉妒，自己能够意识到问题的存在，也在尝试着去改善，很多时候事情的起因都是自己，让自己的内心强大富裕起来，也会减少很多问题。讽喻，
  • 186.讲好中国共产党的故事 娟_e84e
    长征过雪山途中，有个同志穿着单薄的旧衣服被冻死，指挥员让把军需处长叫来，想问问他为什么不给这个被冻死的同志发棉衣，队伍里的同志含泪告诉他，被冻死的这个同志就是军需处长。管装备的宁可自己冻死也没有自己先穿暖和一点，这是多么崇高的思想境界！觉悟看似无形，关键时就会显现出强大力量。我们房就是靠着千千万万具有高度政治觉悟的先进分子无私奉献，才赢得了一场场艰苦卓绝的斗争。
  • 【208】《班级管理课》读书感悟（一百零五）2023-07-23 南风如我意
    -----------《班级管理课》读书感悟四文/李现风2023年读书笔记读书笔记以以下三个出发点为目的：一、书中的思想，提升自己的教育理念；二、书中的值得借鉴的做法，提升自己的教育技巧；三、书中的美句，有鉴于哲理性的句子，提升自己文章的语言魅力和教育文化水准。读《班级管理课》作者陈宇读书感悟四：【书目】《班级管理课》【页数】第70页第87页【阅读内容（摘录）】第四课开学一个月：班级常规工作正常运
  • Vue CSR 到 Nuxt 3 SSR 迁移：技术实现与问题解决实录 二倍速播放 前端vue.js
    1.迁移动机与技术选型1.1CSR架构的局限性基于Vue3和Vite构建的客户端渲染(CSR)单页应用(SPA)提供了良好的开发体验和用户交互流畅性。但是其核心局限在于：搜索引擎优化(SEO)：初始HTML响应仅包含一个根div元素，实际内容由JavaScript在浏览器端动态生成。虽然主流搜索引擎（如Google）能够执行部分JavaScript，但其抓取效率和稳定性不如直接获取完整HTML。非
  • vue项目 阿什么名字不会重复呢 vue.js前端javascript
    vue进行配置创建vue项目vuecreateone//one就是项目名字npmielement-ui--Snpmiaxios--savenpmiecharts--save配置main.jsimportVuefrom'vue'importAppfrom'./App.vue'importrouterfrom'./router'importstorefrom'./store'importElement
  • 春秋战国局势对老子思想有那些影响？ 禹音
    百家争鸣是指春秋(前770年—前476年)战国(前475年—前221年)时期知识分子中不同学派的涌现及各流派争芳斗艳的局面。汉族在古代创造了灿烂的文化艺术，具有鲜明的特色，文化典籍极其丰富。据《汉书·艺文志》的记载，数得上名字的一共有189家，4324篇著作。其后的《隋书·经籍志》、《四库全书总目》等书则记载“诸子百家”实有上千家。但流传较广、影响较大、较为著名的不过几十家而已。归纳而言只有10家
  • 开发避坑短篇(7)：Vue+window.print()打印实践 帧栈 避坑指南vue.js前端elementui
    需求vue项目中如何打印当前页面内容？解决办法使用浏览器原生APIwindow.print()，这是最简单直接的方式，通过调用window.print()方法触发浏览器打印功能‌。在vue项目中直接调用print()方法即可，无须引入任何插件。如下：functionhandlePrint(){setTimeout(_=>print(),500)}打印页面样式控制可以使用@mediaprint来控制
  • linux系统服务器下jsp传参数乱码 3213213333332132 javajsplinuxwindowsxml
    在一次解决乱码问题中， 发现jsp在windows下用js原生的方法进行编码没有问题，但是到了linux下就有问题， escape,encodeURI,encodeURIComponent等都解决不了问题 但是我想了下既然原生的方法不行，我用el标签的方式对中文参数进行加密解密总该可以吧。于是用了java的java.net.URLDecoder,结果还是乱码，最后在绝望之际，用了下面的方法解决了
  • Spring 注解区别以及应用 BlueSkator spring
    1. @Autowired @Autowired是根据类型进行自动装配的。如果当Spring上下文中存在不止一个UserDao类型的bean，或者不存在UserDao类型的bean，会抛出 BeanCreationException异常，这时可以通过在该属性上再加一个@Qualifier注解来声明唯一的id解决问题。   2. @Qualifier 当spring中存在至少一个匹
  • printf和sprintf的应用 dcj3sjt126com PHPsprintfprintf
    <?php printf('b: %b <br>c: %c <br>d: %d <bf>f: %f', 80,80, 80, 80); echo '<br />'; printf('%0.2f <br>%+d <br>%0.2f <br>', 8, 8, 1235.456); printf('th
  • config.getInitParameter 171815164 parameter
    web.xml <servlet> <servlet-name>servlet1</servlet-name> <jsp-file>/index.jsp</jsp-file> <init-param> <param-name>str</param-name>
  • Ant标签详解--基础操作 g21121 ant
            Ant的一些核心概念：         build.xml：构建文件是以XML 文件来描述的，默认构建文件名为build.xml。        project：每个构建文
  • [简单]代码片段_数据合并 53873039oycg 代码
            合并规则:删除家长phone为空的记录,若一个家长对应多个孩子,保留一条家长记录,家长id修改为phone,对应关系也要修改。         代码如下:        
  • java 通信技术 云端月影 Java 远程通信技术
    在分布式服务框架中，一个最基础的问题就是远程服务是怎么通讯的，在Java领域中有很多可实现远程通讯的技术，例如：RMI、MINA、ESB、Burlap、Hessian、SOAP、EJB和JMS等，这些名词之间到底是些什么关系呢，它们背后到底是基于什么原理实现的呢，了解这些是实现分布式服务框架的基础知识，而如果在性能上有高的要求的话，那深入了解这些技术背后的机制就是必须的了，在这篇blog中我们将来
  • string与StringBuilder 性能差距到底有多大 aijuans
              之前也看过一些对string与StringBuilder的性能分析，总感觉这个应该对整体性能不会产生多大的影响，所以就一直没有关注这块！         由于学程序初期最先接触的string拼接，所以就一直没改变过自己的习惯！        
  • 今天碰到 java.util.ConcurrentModificationException 异常 antonyup_2006 java多线程工作IBM
    今天改bug，其中有个实现是要对map进行循环，然后有删除操作，代码如下： Iterator<ListItem> iter = ItemMap.keySet.iterator(); while(iter.hasNext()){ ListItem it = iter.next(); //...一些逻辑操作 ItemMap.remove(it); } 结果运行报Con
  • PL/SQL的类型和JDBC操作数据库 百合不是茶 PL/SQL表标量类型游标PL/SQL记录
    PL/SQL的标量类型:    字符,数字,时间,布尔,%type五中类型的 --标量：数据库中预定义类型的变量 --定义一个变长字符串 v_ename varchar2(10); --定义一个小数,范围 -9999.99~9999.99 v_sal number(6,2); --定义一个小数并给一个初始值为5.4 :=是pl/sql的赋值号
  • Mockito：一个强大的用于 Java 开发的模拟测试框架实例 bijian1013 mockito单元测试
    Mockito框架：         Mockito是一个基于MIT协议的开源java测试框架。         Mockito区别于其他模拟框架的地方主要是允许开发者在没有建立“预期”时验证被测系统的行为。对于mock对象的一个评价是测试系统的测
  • 精通Oracle10编程SQL(10)处理例外 bijian1013 oracle数据库plsql
    /* *处理例外 */ --例外简介 --处理例外-传递例外 declare v_ename emp.ename%TYPE; begin SELECT ename INTO v_ename FROM emp where empno=&no; dbms_output.put_line('雇员名：'||v_ename); exceptio
  • 【Java】Java执行远程机器上Linux命令 bit1129 linux命令
    Java使用ethz通过ssh2执行远程机器Linux上命令，   封装定义Linux机器的环境信息   package com.tom; import java.io.File; public class Env { private String hostaddr; //Linux机器的IP地址 private Integer po
  • java通信之Socket通信基础 白糖_ javasocket网络协议
    正处于网络环境下的两个程序，它们之间通过一个交互的连接来实现数据通信。每一个连接的通信端叫做一个Socket。一个完整的Socket通信程序应该包含以下几个步骤： ①创建Socket； ②打开连接到Socket的输入输出流； ④按照一定的协议对Socket进行读写操作； ④关闭Socket。   Socket通信分两部分：服务器端和客户端。服务器端必须优先启动，然后等待soc
  • angular.bind boyitech AngularJSangular.bindAngularJS APIbind
    angular.bind 描述：         上下文，函数以及参数动态绑定，返回值为绑定之后的函数. 其中args是可选的动态参数，self在fn中使用this调用。 使用方法：          angular.bind(se
  • java-13个坏人和13个好人站成一圈，数到7就从圈里面踢出一个来，要求把所有坏人都给踢出来，所有好人都留在圈里。请找出初始时坏人站的位置。 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class KickOutBadGuys { /** * 题目：13个坏人和13个好人站成一圈，数到7就从圈里面踢出一个来，要求把所有坏人都给踢出来，所有好人都留在圈里。请找出初始时坏人站的位置。 * Maybe you can find out
  • Redis.conf配置文件及相关项说明（自查备用） Kai_Ge redis
       Redis.conf配置文件及相关项说明 # Redis configuration file example # Note on units: when memory size is needed, it is possible to specifiy # it in the usual form of 1k 5GB 4M and so forth: #
  • [强人工智能]实现大规模拓扑分析是实现强人工智能的前奏 comsci 人工智能
         真不好意思,各位朋友...博客再次更新...      节点数量太少,网络的分析和处理能力肯定不足,在面对机器人控制的需求方面,显得力不从心....      但是,节点数太多,对拓扑数据处理的要求又很高,设计目标也很高,实现起来难度颇大...
  • 记录一些常用的函数 dai_lm java
    public static String convertInputStreamToString(InputStream is) { StringBuilder result = new StringBuilder(); if (is != null) try { InputStreamReader inputReader = new InputStreamRead
  • Hadoop中小规模集群的并行计算缺陷 datamachine mapreducehadoop并行计算
    注：写这篇文章的初衷是因为Hadoop炒得有点太热，很多用户现有数据规模并不适用于Hadoop，但迫于扩容压力和去IOE（Hadoop的廉价扩展的确非常有吸引力）而尝试。尝试永远是件正确的事儿，但有时候不用太突进，可以调优或调需求，发挥现有系统的最大效用为上策。 -----------------------------------------------------------------
  • 小学4年级英语单词背诵第二课 dcj3sjt126com englishword
    egg  蛋 twenty 二十 any 任何 well 健康的，好   twelve 十二 farm 农场 every 每一个 back 向后，回   fast 快速的 whose 谁的 much 许多 flower 花   watch 手表 very 非常，很 sport 运动 Chinese 中国的  
  • 自己实践了github的webhooks, linux上面的权限需要注意 dcj3sjt126com githubwebhook
    环境, 阿里云服务器   1. 本地创建项目, push到github服务器上面   2. 生成www用户的密钥 sudo -u www ssh-keygen -t rsa -C "[email protected]"     3. 将密钥添加到github帐号的SSH_KEYS里面   3. 用www用户执行克隆, 源使
  • Java冒泡排序 蕃薯耀 冒泡排序Java冒泡排序Java排序
    冒泡排序 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月23日 10:40:14 星期二 http://fanshuyao.iteye.com/
  • Excle读取数据转换为实体List【基于apache-poi】 hanqunfeng apache
    1.依赖apache-poi   2.支持xls和xlsx   3.支持按属性名称绑定数据值   4.支持从指定行、列开始读取   5.支持同时读取多个sheet   6.具体使用方式参见org.cpframework.utils.excelreader.CP_ExcelReaderUtilTest.java 比如： Str
  • 3个处于草稿阶段的Javascript API介绍 jackyrong JavaScript
    原文： http://www.sitepoint.com/3-new-javascript-apis-may-want-follow/?utm_source=html5weekly&utm_medium=email   本文中，介绍3个仍然处于草稿阶段，但应该值得关注的Javascript API. 1) Web Alarm API   &
  • 6个创建Web应用程序的高效PHP框架 lampcy Web框架PHP
    以下是创建Web应用程序的PHP框架，有coder bay网站整理推荐： 1. CakePHP CakePHP是一个PHP快速开发框架，它提供了一个用于开发、维护和部署应用程序的可扩展体系。CakePHP使用了众所周知的设计模式，如MVC和ORM，降低了开发成本，并减少了开发人员写代码的工作量。 2. CodeIgniter CodeIgniter是一个非常小且功能强大的PHP框架，适合需
  • 评"救市后中国股市新乱象泛起"谣言 nannan408
    首先来看百度百家一位易姓作者的新闻： 三个多星期来股市持续暴跌，跌得投资者及上市公司都处于极度的恐慌和焦虑中，都要寻找自保及规避风险的方式。面对股市之危机，政府突然进入市场救市，希望以此来重建市场信心，以此来扭转股市持续暴跌的预期。而政府进入市场后，由于市场运作方式发生了巨大变化，投资者及上市公司为了自保及为了应对这种变化，中国股市新的乱象也自然产生。 首先，中国股市这两天
  • 页面全屏遮罩的实现 方式 Rainbow702 htmlcss遮罩mask
    之前做了一个页面，在点击了某个按钮之后，要求页面出现一个全屏遮罩，一开始使用了position:absolute来实现的。当时因为画面大小是固定的，不可以resize的，所以，没有发现问题。 最近用了同样的做法做了一个遮罩，但是画面是可以进行resize的，所以就发现了一个问题，当画面被reisze到浏览器出现了滚动条的时候，就发现，用absolute 的做法是有问题的。后来改成fixed定位就
  • 关于angularjs的点滴 tntxia AngularJS
      angular是一个新兴的JS框架，和以往的框架不同的事，Angularjs更注重于js的建模，管理，同时也提供大量的组件帮助用户组建商业化程序，是一种值得研究的JS框架。   Angularjs使我们可以使用MVC的模式来写JS。Angularjs现在由谷歌来维护。   这里我们来简单的探讨一下它的应用。   首先使用Angularjs我
  • Nutz--->>反复新建ioc容器的后果 xiaoxiao1992428 DAOmvcIOCnutz
    问题： public class DaoZ {     public static Dao dao() { // 每当需要使用dao的时候就取一次     Ioc ioc = new NutIoc(new JsonLoader("dao.js"));     return ioc.get(