东巴sama
东巴sama

Vue双向绑定原理

  1. Vue双向绑定原理的时候，发现订阅器Dep是可以直接调用他自己的target的属性，但是class本质是一个函数，为此确认了一下
//为啥Dep类本质是个函数，可以直接调用属性？
    class HanClass{
     
      constructor(){
     
        this.name = 'xixixix'
      }
    }
    function HanFn(){
     
      this.name = 'gogogo'
    }
    console.log(HanFn.name);//函数也是可以直接调用自己的属性的，无需实例化！
    console.log(HanClass.name);

结论：函数是可以直接调用到自己本身的方法的

  1. 如何解释Vue的双向绑定原理？
双向绑定原理是利用发布订阅模式结合数据劫持来实现的，发布订阅模式是指我们有一个监听器observer，一个订阅器Dep，
一个订阅者watcher。
我们把data里的属性通过监听器observer全部绑定了数据劫持，数据劫持的get方法中判断是否要添加watcher到订阅器数组subs里面，也就是在我们初始化的data的时候，这个data的属性其实就是一个订阅者watcher，
set方法执行了订阅器的notify方法通知watcher,
他在初始化的时候construtor传入的vm为Vue实例，exp为这个data的属性，最后一句this.value = this.get()强制执行了get方法，
而此时get方法里Dep.target = this让订阅器的target为自己，然后将为自己添加到订阅器Dep的订阅者数组subs里，执行完之后让
Dep.target = null即可

源码:

HTML:

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>

<body>
  <h1 id="name"></h1>
  <input type="text">
  <input type="button" value="改变data内容" onclick="changeInput()">

  <script src="./observer.js"></script>
  <script src="./watcher.js"></script>
  <script>
    function myVue(data, el, exp) {
     
      console.log('进入了myVue......');
      this.data = data;
      observable(data); //将数据变的可观测
      el.innerHTML = this.data[exp]; // 初始化模板数据的值
      new Watcher(this, exp, function (value) {
     //在这个函数里只执行一次，但是此时已经添加到subs数组里了，里面的这个回调函数非常关键！！！因为是引用类型，所以notify每次去updata的时候，其实也执行了这段代码，所以起到了修改innerHTML的作用！！！
        el.innerHTML = value;
        console.log('进入了Watcher类.....');
      });
      console.log('进入了myVue函数.....');
      return this;
    }

    var ele = document.querySelector('#name');
    var input = document.querySelector('input');

    var myVue = new myVue({
     
      name: 'hello world'
    }, ele, 'name');

    //改变输入框内容
    input.oninput = function (e) {
     
      myVue.data.name = e.target.value
    }
    //改变data内容
    function changeInput() {
     
      myVue.data.name = "难凉热血"
    }
  </script>
</body>

</html>

observer.js:

//observer
  /**
	 * 把一个对象的每一项都转化成可观测对象
	 * @param { Object } obj 对象
	 */
	function observable (obj) {
     
		if (!obj || typeof obj !== 'object') {
     
        	return;
    	}
		let keys = Object.keys(obj);
		keys.forEach((key) =>{
     
			defineReactive(obj,key,obj[key])
		})
		return obj;
	}
	/**
	 * 使一个对象转化成可观测对象
	 * @param { Object } obj 对象
	 * @param { String } key 对象的key
	 * @param { Any } val 对象的某个key的值
	 */
	function defineReactive (obj,key,val) {
     
    let dep = new Dep();
		Object.defineProperty(obj, key, {
     
			get(){
     
        console.log('Dep.target。。。。。。', Dep.target);
				dep.depend();
				console.log(`${
       key}属性被读取了`);
				return val;
			},
			set(newVal){
     
				val = newVal;
				console.log(`${
       key}属性被修改了`);
				dep.notify()                    //数据变化通知所有订阅者
			}
		})
	}
	class Dep {
     
		
		constructor(){
     
			this.subs = []
		}
		//增加订阅者
		addSub(sub){
     
			this.subs.push(sub);
		}
        //判断是否增加订阅者
		depend () {
     
		    if (Dep.target) {
     
		     	this.addSub(Dep.target)
		    }
		}

		//通知订阅者更新
		notify(){
     
			this.subs.forEach((sub) =>{
     
        console.log('此时的sub....',sub);
				sub.update()
			})
		}
		
	}
	// Dep.target = null;

watcher.js

//watcher
class Watcher {
     
  constructor(vm, exp, cb) {
     
    this.vm = vm;
    this.exp = exp;
    this.cb = cb;
    this.value = this.get(); // 将自己添加到订阅器的操作
  }
  get() {
     
    Dep.target = this; // 缓存自己
    let value = this.vm.data[this.exp] // 强制执行监听器里的get函数
    Dep.target = null; // 释放自己
    return value;
  }
  update() {
     
    let value = this.vm.data[this.exp];
    let oldVal = this.value;
    if (value !== oldVal) {
     
      console.log('sub数组的订阅者Watcher实例的updata方法......');
      this.value = value;
      this.cb.call(this.vm, value, oldVal);
    }
  }
}

你可能感兴趣的:(脚踏实地)

  • 练好调查研究基本功 勿误
    调查研究是谋事之基、成事之道，是我们党的传家宝。总书记强调“要了解实际，就要掌握调查研究这个基本功”。年轻干部在开展调查研究时要切忌“走马观花”、克服“蜻蜓点水”、避免“浅尝辄止”，不搞作秀式调研、盆景式调研、蜻蜓点水式调研，做到调查研究接地气、察实情、解民忧，练好调查研究这一做好一切工作的必备基本功。切忌“走马观花”，要脚踏实地、亲身实践。“宅”在机关接不到地气，“猫”在车内看不到实情，调查研究
  • 2023-09-07 苍鹿
    flag:记录生活每一天，不虚度光阴1.爱自己，好好生活。2.朝着目标努力，脚踏实地，一步一步来3.苟日新，日日新。珍惜每一天，4、成为一个有能力的人，凡事多看自己。相信是问题就一定有解决的办法的，自己的能力最重要新手机到了，开心！安装了应用，试了一下，真心挺好的。继续加油！！！
  • 高扬奋斗之帆 让青春在新时代更加绚烂多彩 山西西瓜
    习近平总书记在党的二十大开幕会上指出：“广大青年要坚定不移听党话、跟党走，怀抱梦想又脚踏实地，敢想敢为又善作善成，立志做有理想、敢担当、能吃苦、肯奋斗的新时代好青年，让青春在全面建设社会主义现代化国家的火热实践中绽放绚丽之花”。“青年强，则国家强”。当代中国青年生逢其时，施展才干的舞台无比广阔，实现梦想的前景无比光明。作为新时代青年，要牢记总书记的殷切希望，不断锤炼忠诚干净担当的政治品格，把住“方
  • 【117】“美”在孩子们的成长中不可或缺2023-02-20 南风如我意
    文/李现风教师要善于发现孩子们心灵深处的幼芽，通过精心的施肥、浇灌、培育。使他成长为一颗茁壮的树苗。这应该就是让我们努力发现每一个孩子们身上的闪光点，善于唤醒、鼓励、引导，让闪光点在孩子们的身上发光发亮。教师要在孩子们成长的生活中埋下，美好的种子，让孩子们发现“胸有文墨虚若谷，腹有诗书气自华”的美；让孩子们发现“千里之行，始于足下”的脚踏实地的美；让孩子们明白“铁杆磨成针，功到自然成”的执着坚持的
  • 2022-03-01 一个人的日记0
    今日跑步5公里感谢小餐桌的服务语言伤害指数5行动指数1做一个最勤奋情绪稳定脚踏实地极致做事的人日计划执行做总结25分钟分隔时间多赞美多鼓励多表扬不批评不抱怨不指责不期待不要求不对比不人生攻击不急躁今天我最可爱明天我最性感拜师全身心信任目标不可能失败计划不用了的学会展示干就完了从善思考
  • 感恩日记(第247篇) 刘杏利
    2022年5月14日星期六晴不管你是谁，不管你身处何处，不管你周遭的环境如何，感恩的魔力将使你的生活获得全然的改变。感恩今天嘉嘉的帮助，每次和你聊天都让我豁然开朗，心结也被打开，做一些实实在在的事，脚踏实地做自己想做的事，学一些实用的东西，感恩亲爱的分享。谢谢、谢谢、谢谢。感恩今天我家开心果小宝贝，自制辣条成功，勇敢的去给老师分享，宝贝的执行力简单，纯粹值得妈妈学习，谢谢我的宝贝，你每次总是在引领
  • 点一盏心灯，为自己！ 瑞美眉
    柏拉图说：认识自己，方能认识人生。在困境中，抬头仰望星空，才能走出低谷；在辉煌的时候，退一步沉淀，才能悠闲自在。点一盏心灯，照亮人生的方向，听听自己的心声，洗涤一切过往云烟，让人生更美好。点一盏心灯，静静照亮脚下的路，脚踏实地，听听现实的回响，心灵敞亮，岁月丰盈。深夜里，点亮一盏心灯，照亮心灵，让心绪静静泛舟。难过时，点亮一盏心灯，那是微笑的力量，经历过，反思过，走入平静，走入安宁。心，自当从容淡
  • 组工干部要锤炼扎实作风 专注投入快乐
    组工干部面对高质量发展目标，必须要带头做好表率，身体力行、脚踏实地的坚决转变作风，以个人扎实的作风转变有效带动上下领导干部凝心聚力，向着各级党代会描绘的宏伟蓝图努力奋斗。要坚持原则，做理想信念坚定的组工干部。理想信念是精神上的“钙”，是世界观、人生观、价值观这个“总开关”问题。理想信念不坚定，精神上就会“缺钙”，作风就会出问题。组工干部必须把坚持原则放在改进作风的首位，贯穿于工作的方方面面，把恪守
  • 今日阅读 阿拉丁的灯_嘟嘟
    8.26今日阅读《掌控习惯》261-270三点收获1.我们受到自身特有的习惯带来的限制。这就是掌控一天中决定性时刻如此重要的原因。每一天都由许多时刻组成，但真正决定你一天行为的是你的一些习惯性选择。这些小选择累积起来，每一个都为你如何度过下一段时间设定了轨迹。习惯是切入点，而不是终点。它们是出租车，而不是健身房。2.不要指望从一开始就培养一种完美的习惯，要脚踏实地，连续不断地做些简单的事。你必须先
  • 2023-08-01 苍鹿
    flag:记录生活每一天，不虚度光阴1、爱自己，好好生活。2、朝着目标努力，脚踏实地，一步一步来3、苟日新，日日新。珍惜每一天，一千日之后一定是不一样的自己。慢就是快。4、成为一个有能力的人，凡事多看自己。相信是问题就一定有解决的办法的，自己的能力最重要
  • 20230208上午品格教育直播金句 快乐姐星球
    1.结构决定结果，布局、立志、发愿都属于结构；2.节奏是用来调阴阳的；3.节点是阶段性目标的完成，节点需要脚踏实地，一步一步去践行；4.要有结构思维，而不是节点思维，要从整体到局部；5.节操即价值观；6.对自己要求过高、有完美倾向就容易焦虑和紧张；7.每个人的人生都有不如意的地方，这很正常，经历磨难才能修炼心性；8.减少焦虑的方法：降低期望，提高解决问题的能力；9.价值是核心，多在价值上下功夫；1
  • 幸福成功日记2023-02-11（第239天） Wendy如意芳霏
    昨日跟贾总一起吃饭，慢慢叙来，一番沟通，让我更加坚定我走自己心中的路。认真踏实做好事情，不要急躁，任何事情脚踏实地去完成就是非常好的一个过程。他还建议我们再要一个宝宝，因为人是最最宝贵的。确实如此，在身体条件和经济条件允许的前提下，我们看看有没有机会再要一个。~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  • （4）班兴成长计划8月大作业——脚踏实地，仰望星空 白山111宋笑颖
    2019年与我个人而言注定是不寻常的一年，这一年，我选择了投入教育事业；2019年的暑假更是不寻常的一个月，这个月，我有幸接受了兴成长计划教师信息化素养的培训提升。这个暑假是人生中第一个教师身份的暑假，也是让我收获最多的一个暑假。清华学霸焦雨辰曾说过：“假期不是用来休息的，而是用来反超的！”诚然，我深知自己作为一名新手教师在各个方面都有很多不足，但是，遇见兴成长的这个段时光，必然是帮助我成长，给予
  • 2021-12-14 一个人的日记0
    今日跑步5公里感谢理解与支持语言伤害指数5行动指数0做一个最勤奋脚踏实地情绪稳定的人多赞美多鼓励多表扬不批评不抱怨不指责不对比不期待不要求不急躁日计划小而难今天我最性感明天我最好看拜师打造绝活做事慢下来持之以恒脚踏实地
  • 抄书第49/100天：女人为什么不快乐 兮若耶
    世界上有两种女人，一种是快乐的女人，有事没事脸上总是时不时有笑容，好像世界上就没有大不了的事情，心态贼好；还有一种女人是处于不快乐比快乐多的时候，她们生活的圈子里，总是有形无形地在比较，谁过得更好。当心在远方，没有脚踏实地，也不知道如何到达远方时，她们脸上总是在无意中耷拉着，看起来就不是真正的快乐。不如让我们把属于自己的快乐握在手里，放平心态，找一点时间和别人比较一下，重复一下想要到的远方，把更多
  • 20230208上午品格教育直播金句： 可爱婷好
    20230208上午品格教育直播金句：1.结构决定结果，布局、立志、发愿都属于结构；2.节奏是用来调阴阳的；3.节点是阶段性目标的完成，节点需要脚踏实地，一步一步去践行；4.要有结构思维，而不是节点思维，要从整体到局部；5.节操即价值观；6.对自己要求过高、有完美倾向就容易焦虑和紧张；7.每个人的人生都有不如意的地方，这很正常，经历磨难才能修炼心性；8.减少焦虑的方法：降低期望，提高解决问题的能力
  • 自我感动式努力最没用 我叫刘想法
    这个时代最不缺的就是心灵鸡汤和流行丧文化，两件事似乎是相对立的，其实不然，两者有着一个共同之处，那就是只知道打气加油或者抱怨努力没用，就是不行动，空喊口号。亚里士多德说得对，生命在于运动。我们之所以存在，从实质上说，是因为我们的有机体是不断地运动的。如果我们要明智地生存，就必须不断地使“心”有所用——不管做什么都行，只要是一些实际的或内心的活动。要从实际出发，脚踏实地的去做事，记得一位名人说过这样
  • 2023-09-07 杨淇雯
    7团姓名杨淇雯23年9月6日一、觉察日记：1.今天你发现你有什么情绪?激动平静2.当时的情绪当中，我的表现是什么?高标准高要求高挑战严谨专业尽心致胜，当时就在想，我一定要把我的家庭修好，搞得我老公，同时可以传承帮助更多家庭。3.什么原因我会有这个情绪?想到已经实现的画面都好激动，平静的面对现实脚踏实地4.我此刻有什么觉察?觉察自己，时刻要让自己内心平静下来，去想我是大脑还是在用心5.当下我要对自己
  • 2022-02-28 一个人的日记0
    今日跑步5公里感谢董老师分享语言伤害指数5行动指数0做一个最勤奋情绪稳定脚踏实地极致做事的人多赞美多鼓励多表扬不批评不抱怨不指责不确定不要求不对比不急躁不人生攻击日计划执行做总结25分钟分割时间今天我最伟大明天我最好看拜师全身心的信任目标不可能失败计划不要脸学会展示干就完了从善思考
  • 2020-04-27 打酱油的_9973
    2020—4—26关秀娟辽宁辽阳丛迪服装有限公司353期学员，365，510，541期志工【日精进打卡第770天】【知学习】《六项精进》n遍《大学》n遍经营十二条实践OK心法OK【经典名句分享】人生的光荣，不在永不失败，而在于屡败屡战。【行～实践】120天践行计划一、修身：每天步行10000+，完成二、建功:做到每天进步一点点醒悟成功需要努力耕耘，脚踏实地地埋头苦干；也需要耐心等待，不断付出的同时
  • “趟着走”还是换种方式 水墨烟岚
    如果把家长教育孩子比作走路一种方式，那么“趟着走”也是其中的一种。谁都不知道要翻越一座山峰会遇到什么人、碰到什么事、经过什么样的路，承受什么样的跌倒之痛，甚至会有什么样的狂风暴雨、什么样的断桥低谷。但是人生总要前行，无论是否愿意，不管准备是否充足。“趟着走”，一边低头拉车，一边抬头看路。低头拉车会很累，但再累也得脚踏实地；抬头看路就能看到希望，探视到目标，但得把眼下的事做好。所有的物质享受都会成为
  • 2023-10-24 王米安涵
    做有信仰的奋斗者当下，一些青年干部感叹，自己兢兢业业，脚踏实地工作，拼尽全力进步仍不够快。于是，忙碌反而成为精神的慰藉，苦中作乐。没有奋斗,无以谈人生。社会高速发展,工作节奏加快，竞争压力加大，忙碌本是常态，但有一点应该明白，不是所有的忙碌都叫奋斗,其中差别应是心中是否拥有信仰。只有拥有了真正的信仰，奋斗者才不会迷茫焦虑徘徊不前,而是乘风破浪、扬帆远航。信仰是奋斗者的舵盘，于航行明确方向。没有信仰
  • [原创文集]你只管努力，时间会给出答案 旅游学院20地本
    旅游学院20地本王余在我看来，努力不是说说而已，更不是比别人多做了一点事就倍感自豪。请记住努力并不是为了做给谁看，也不是冠冕堂皇地自我实慰，而是脚踏实地，做实事出成绩。制定--份属于自己的计为，每天尽可能地按照计划进行使自己的生造变得规律，让自己日人生更加充实。最重要的一点是努力必须坚持,必须坚持努力,让努力成为一种常态,千万不能因为看不到成效,看不到结果就放纵自我开始放弃，你一定要坚持下去，时间
  • 2018年5月31日 周四 (22/52周) 反思日记 张晶_student
    自己早上赖床赖到7.0才起床了！（自己早上在萌姐那里打卡，虚假性打卡。打完卡后有去睡觉去了）然后自己早上急急忙忙的吃完早饭，到教室上课《IT产品销售》。原准备在这节课上推进自己的毕业设计，然而老师在这节课上布置了作业。自己在刚刚听到这个消息的时候，自己的心里的确有厌恶工作的情绪，但是自己平时的修炼和读的文章起到了作用。（挺过前10-25分钟的厌恶期）自己很快平复了自己的心理，真的是脚踏实地，认认真
  • 原创|《耕牛在田》 不勾心的豆角
    《耕牛在田》（原创作者：不勾心的豆角)牛气冲天多么喜大普奔的新年祝愿气冲斗牛更是众望所归的豪言壮语然而我喜欢最不牛皮哄哄的那一句——俯首甘为孺子牛人人好好的守着一亩三分地耕牛在田牛转乾坤就不会只是一句神话创作絮语这首原创现代短诗，是我在欣赏了一幅内容为“耕牛在田”的书法作品后，三思而有感——脚踏实地“俯首甘为孺子牛”，才能牛气冲天啊。
  • 求乞者 倚诗爱世
    周末，地铁比平日少许多人。但依然没有我的座位，好在过道里的人错落有致，竟弯弯曲曲空出一条人行道来，方便那些不安于脚踏实地的人们自由行走。一个孩子在地铁上自车头至车尾向人们挨个求乞。说他是孩子，实在是我无法断定他的年龄，但愿他还是个孩子，如此这般，至少可以让他的乞讨显得更合理些。他一手拿着一红本本证书，鲜艳地叫人看着刺眼。也许他自己也觉得这不是什么体面事。于是只将证书里面的白纸黑字示以众人。每到一个
  • @基层干部 以“45度” 找准“角色设定” 夏天_175f
    政绩观直接反映干部从政的价值取向，是干部履职尽责、创造政绩的思想基础。对于基层干部来说，在实际工作中遇到难题是畏首畏尾还是迎难而上，考验的便是政绩观的正确与否，而“45度人生”则印证了他们应有的正确政绩观的人生姿态。“45度”是一种蹲踞姿势，朝前对准目标，做自身建设的突破者。党的二十大报告指出，“要坚定不移听党话、跟党走，怀抱梦想又脚踏实地，敢想敢为又善作善成，立志做有理想、敢担当、能吃苦、肯奋斗
  • 表态发言 可爱婷好
    何烊：.严格要求自己，强化教研，提高课堂效果黄磊：对领导，各科老师的肯定，英语老师课间抽几个学生进行指导，共同努力的结果。王康：讲故事，向敬佩的班主任学习脚踏实地，做好自己的事情，对学生真心负出，与学生关系好，创造一个舒适的学习环境，饭要一口一口的吃，事要一件一件的做，路要一步一步的走，踏实平稳地坚持下去，成功的把握好每"一步"的大小是成功的关键。李亦非：慈善之心太强赵件兵：对学生估计过高，重落实
  • 解密prompt系列52. 闲聊大模型还有什么值得探索的领域 程序员
    在DeepSeek-R1的开源狂欢之后，感觉不少朋友都陷入了技术舒适区，但其实当前的大模型技术只是跨进了应用阶段，可以探索的领域还有不少，所以这一章咱不聊论文了，偶尔不脚踏实地，单纯仰望天空，聊聊还有什么有趣值得探索的领域，哈哈有可能单纯是最近科幻小说看太多的产物~尚未攻克的持续学习当前的大模型训练还是阶段式的，OpenAI每隔几个月就会对模型进行重新训练，延长模型的世界知识截止时间。说白了就是全
  • 大整数加、减法（Java实现）与debug找错 gfu_ java算法数据结构
    前言这篇文章主要内容涉及大整数加法的实现以及debug使用的简单记录。以前当我碰到程序报错时，总是想找别人帮忙，感觉debug太难了，自己根本看不懂。这次，自己在做一道算法题时，程序能够运行，结果却出错了。本来想找别人帮忙，但想着学习还是要脚踏实地，于是自己硬着头皮上了，先在网上了解如何debug，然后一步一步找到了错误所在。主要是想记录下第一次debug找到问题的快乐。一、大整数加法（java）
  • jquery实现的jsonp掉java后台 知了ing javajsonpjquery
    什么是JSONP？ 先说说JSONP是怎么产生的： 其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，小可不才，试着用自己的方式来阐释一下这个问题，看看是否有帮助。 1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准； 2、
  • Struts2学习笔记 caoyong struts2
    SSH : Spring + Struts2 + Hibernate 三层架构(表示层,业务逻辑层,数据访问层) MVC模式 (Model View Controller) 分层原则:单向依赖，接口耦合 1、Struts2  =  Struts  + Webwork 2、搭建struts2开发环境    a>、到www.apac
  • SpringMVC学习之后台往前台传值方法 满城风雨近重阳 springMVC
    springMVC控制器往前台传值的方法有以下几种： 1.ModelAndView    通过往ModelAndView中存放viewName：目标地址和attribute参数来实现传参：      ModelAndView mv=new ModelAndView();  mv.setViewName="success
  • WebService存在的必要性？ 一炮送你回车库 webservice
    做Java的经常在选择Webservice框架上徘徊很久，Axis  Xfire Axis2 CXF ，他们只有一个功能，发布HTTP服务然后用XML做数据传输。 是的，他们就做了两个功能，发布一个http服务让客户端或者浏览器连接，接收xml参数并发送xml结果。 当在不同的平台间传输数据时，就需要一个都能解析的数据格式。 但是为什么要使用xml呢？不能使json或者其他通用数据
  • js年份下拉框 3213213333332132 java web ee
    <div id="divValue">test...</div>测试 //年份 <select id="year"></select> <script type="text/javascript"> window.onload =
  • 简单链式调用的实现技术 归来朝歌 方法调用链式反应编程思想
    在编程中，我们可以经常遇到这样一种场景：一个实例不断调用它自身的方法，像一条链条一样进行调用 这样的调用你可能在Ajax中，在页面中添加标签： $("<p>").append($("<span>").text(list[i].name)).appendTo("#result");   也可能在HQ
  • JAVA调用.net 发布的webservice 接口 darkranger webservice
    /** * @Title: callInvoke * @Description: TODO(调用接口公共方法) * @param @param url 地址 * @param @param method 方法 * @param @param pama 参数 * @param @return * @param @throws BusinessException
  • Javascript模糊查找 | 第一章 循环不能不重视。 aijuans Way
    最近受我的朋友委托用js+HTML做一个像手册一样的程序，里面要有可展开的大纲，模糊查找等功能。我这个人说实在的懒，本来是不愿意的，但想起了父亲以前教我要给朋友搞好关系，再加上这也可以巩固自己的js技术，于是就开始开发这个程序，没想到却出了点小问题，我做的查找只能绝对查找。具体的js代码如下： function search(){ var arr=new Array("my
  • 狼和羊，该怎么抉择 atongyeye 工作
    狼和羊，该怎么抉择 在做一个链家的小项目，只有我和另外一个同事两个人负责，各负责一部分接口，我的接口写完，并全部测联调试通过。所以工作就剩下一下细枝末节的，工作就轻松很多。每天会帮另一个同事测试一些功能点，协助他完成一些业务型不强的工作。 今天早上到公司没多久，领导就在QQ上给我发信息，让我多协助同事测试，让我积极主动些，有点责任心等等，我听了这话，心里面立马凉半截，首先一个领导轻易说
  • 读取android系统的联系人拨号 百合不是茶 androidsqlite数据库内容提供者系统服务的使用
           联系人的姓名和号码是保存在不同的表中,不要一下子把号码查询来,我开始就是把姓名和电话同时查询出来的,导致系统非常的慢   关键代码:     1, 使用javabean操作存储读取到的数据 package com.example.bean; /** * * @author Admini
  • ORACLE自定义异常 bijian1013 数据库自定义异常
    实例： CREATE OR REPLACE PROCEDURE test_Exception ( ParameterA IN varchar2, ParameterB IN varchar2, ErrorCode OUT varchar2 --返回值,错误编码 ) AS /*以下是一些变量的定义*/ V1 NUMBER; V2 nvarc
  • 查看端号使用情况 征客丶 windows
    一、查看端口 在windows命令行窗口下执行： >netstat -aon|findstr "8080" 显示结果： TCP     127.0.0.1:80         0.0.0.0:0    &
  • 【Spark二十】运行Spark Streaming的NetworkWordCount实例 bit1129 wordcount
    Spark Streaming简介   NetworkWordCount代码   /* * Licensed to the Apache Software Foundation (ASF) under one or more * contributor license agreements. See the NOTICE file distributed with
  • Struts2 与 SpringMVC的比较 BlueSkator struts2spring mvc
    1. 机制：spring mvc的入口是servlet，而struts2是filter，这样就导致了二者的机制不同。 2. 性能：spring会稍微比struts快。spring mvc是基于方法的设计，而sturts是基于类，每次发一次请求都会实例一个action，每个action都会被注入属性，而spring基于方法，粒度更细，但要小心把握像在servlet控制数据一样。spring
  • Hibernate在更新时，是可以不用session的update方法的(转帖） BreakingBad Hibernateupdate
    地址：http://blog.csdn.net/plpblue/article/details/9304459 public void synDevNameWithItil() {Session session = null;Transaction tr = null;try{session = HibernateUtil.getSession();tr = session.beginTran
  • 读《研磨设计模式》-代码笔记-观察者模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; import java.util.Observable; import java.util.Observer; /** * “观
  • 重置MySQL密码 chenhbc mysql重置密码忘记密码
    如果你也像我这么健忘，把MySQL的密码搞忘记了，经过下面几个步骤就可以重置了（以Windows为例，Linux/Unix类似）： 1、关闭MySQL服务 2、打开CMD，进入MySQL安装目录的bin目录下，以跳过权限检查的方式启动MySQL mysqld --skip-grant-tables  3、新开一个CMD窗口，进入MySQL mysql -uroot  
  • 再谈系统论，控制论和信息论 comsci 设计模式生物能源企业应用领域模型
                               再谈系统论，控制论和信息论     偶然看
  • oracle moving window size与 AWR retention period关系 daizj oracle
    转自： http://tomszrp.itpub.net/post/11835/494147 晚上在做11gR1的一个awrrpt报告时,顺便想调整一下AWR snapshot的保留时间,结果遇到了ORA-13541这样的错误.下面是这个问题的发生和解决过程. SQL> select * from v$version; BANNER -------------------
  • Python版B树 dieslrae python
    话说以前的树都用java写的,最近发现python有点生疏了,于是用python写了个B树实现,B树在索引领域用得还是蛮多了,如果没记错mysql的默认索引好像就是B树... 首先是数据实体对象,很简单,只存放key,value class Entity(object): '''数据实体''' def __init__(self,key,value)
  • C语言冒泡排序 dcj3sjt126com 算法
    代码示例： # include <stdio.h> //冒泡排序 void sort(int * a, int len) { int i, j, t; for (i=0; i<len-1; i++) { for (j=0; j<len-1-i; j++) { if (a[j] > a[j+1]) // >表示升序
  • 自定义导航栏样式 dcj3sjt126com 自定义
    -(void)setupAppAppearance { [[UILabel appearance] setFont:[UIFont fontWithName:@"FZLTHK—GBK1-0" size:20]]; [UIButton appearance].titleLabel.font =[UIFont fontWithName:@"FZLTH
  • 11.性能优化-优化-JVM参数总结 frank1234 jvm参数性能优化
    1.堆 -Xms --初始堆大小 -Xmx --最大堆大小 -Xmn --新生代大小 -Xss --线程栈大小 -XX:PermSize  --永久代初始大小 -XX:MaxPermSize  --永久代最大值 -XX:SurvivorRatio --新生代和suvivor比例,默认为8 -XX:TargetSurvivorRatio --survivor可使用
  • nginx日志分割 for linux HarborChung nginxlinux脚本
    nginx日志分割 for linux 默认情况下，nginx是不分割访问日志的，久而久之，网站的日志文件将会越来越大，占用空间不说，如果有问题要查看网站的日志的话，庞大的文件也将很难打开，于是便有了下面的脚本   使用方法，先将以下脚本保存为 cutlog.sh，放在/root 目录下，然后给予此脚本执行的权限   复制代码代码如下: chmo
  • Spring4新特性——泛型限定式依赖注入 jinnianshilongnian springspring4泛型式依赖注入
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • centOS安装GCC和G++ liuxihope centosgcc
    Centos支持yum安装，安装软件一般格式为yum install .......，注意安装时要先成为root用户。 按照这个思路，我想安装过程如下： 安装gcc：yum install gcc 安装g++： yum install g++ 实际操作过程发现，只能有gcc安装成功，而g++安装失败，提示g++ command not found。上网查了一下，正确安装应该
  • 第13章 Ajax进阶（上） onestopweb Ajax
    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/
  • How to determine BusinessObjects service pack and fix pack blueoxygen BO
    http://bukhantsov.org/2011/08/how-to-determine-businessobjects-service-pack-and-fix-pack/   The table below is helpful. Reference   BOE XI 3.x 12.0.0. y BOE XI 3.0 12.0. x. y BO
  • Oracle里的自增字段设置 tomcat_oracle oracle
    　大家都知道吧，这很坑，尤其是用惯了mysql里的自增字段设置，结果oracle里面没有的。oh，no 　　我用的是12c版本的，它有一个新特性，可以这样设置自增序列，在创建表是，把id设置为自增序列 create table t ( id 　　 　　 number generated by default as identity (start with 1 increment b
  • Spring Security（01）——初体验 yang_winnie springSecurity
    Spring Security（01）——初体验     博客分类： spring Security Spring Security入门安全认证        首先我们为Spring Security专门建立一个Spring的配置文件，该文件就专门用来作为Spring Security的配置
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他