初漾
初漾

vue.js双向数据绑定实现原理

源码如下：


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>
   <div id="app">
     <input type="text" v-model="text">
     {{text}}
   div>
   <script>
  /*var dom = nodeToFragment(document.getElementById('app'));
      console.log(dom);*/

      function compile(node,vm) {
        var reg =/\{\{(.*)\}\}/;

        //节点类型为元素
        if(node.nodeType === 1){
          var attr = node.attributes;

          //解析属性
          for(var i=0;iif(attr[i].nodeName = 'v-model'){
              var name = attr[i].nodeValue;//获取v-model绑定的属性名

              //放在该位置原因是获取name值
              node.addEventListener('input',function (e) {
                //给相应的data属性赋值，进而触发该属性的set方法
                vm[name]=e.target.value;
              });
              node.value = vm[name];
              node.removeAttribute('v-model');
            }
          };
        }

        //节点类型为text
        if(node.nodeType === 3){
          if(reg.test(node.nodeValue)){
            var name = RegExp.$1;//1.获取匹配到的字符串
            name = name.trim();
            //node.nodeValue = vm[name];//将data的值赋值给该node

            new Watcher(vm,node,name);
          }
        }
      }

      function nodeToFragment(node,vm) {
         var flag = document.createDocumentFragment();
         var child;
         while(child = node.firstChild){
           compile(child,vm);
           flag.append(child);
         }
        return flag;
      }

      function defineReactive(obj,key,val) {
          var dep = new Dep();

          Object.defineProperty(obj,key,{
            get:function () {
               if(Dep.target) dep.addSub(Dep.target);
               return val;
            },
            set:function (newVal) {
              if(newVal===val) return ;
              val = newVal;
              //console.log(val);
              //作为发布者发出通知
              dep.notify();
            }
          });
      }
      function observe(obj,vm) {
        Object.keys(obj).forEach(function (key) {
           defineReactive(vm,key,obj[key]);
        })
      }

      function Vue(options) {
         this.data = options.data;
         var data = this.data;
         observe(data,this);

         var id = options.el;
         var dom = nodeToFragment(document.getElementById(id),this);

        //编译完成后，将dom返回到app中
        document.getElementById('app').appendChild(dom);
      }
     function Dep() {
        this.subs = [];
     }
     Dep.prototype={
       addSub:function (sub) {
         this.subs.push(sub);
       },
       notify:function () {
         this.subs.forEach(function (sub) {
           sub.update();
         });
       }
     }
     function Watcher(vm,node,name) {
       Dep.target = this;
       this.name = name;
       this.node = node;
       this.vm = vm;
       this.update();
       Dep.target=null;
     }
  Watcher.prototype={
    update:function () {
      this.get();
      this.node.nodeValue = this.value;
    },
    //获取data中的属性值
    get:function () {
      this.value = this.vm[this.name];//触发相应属性的get
    }
  };
     var vm = new Vue({
       el:'app',
       data:{
         text:'hello world'
       }
     });
   script>
body>
html>

参考：http://www.jb51.net/article/99129.htm

你可能感兴趣的:(面试题链接)

  • 【C++算法】76.优先级队列_前 K 个高频单词 流星白龙 优选算法C++c++算法开发语言
    文章目录题目链接：题目描述：解法C++算法代码：题目链接：692.前K个高频单词题目描述：解法利用堆来解决TopK问题预处理一下原始的字符串数组，用一个哈希表统计一下每一个单词出现的频次。创建一个大小为k的堆频次：小根堆字典序（频次相同的时候）：大根堆循环让元素依次进堆判断提取结果C++算法代码：classSolution{//定义类型别名，PSI表示对typedefpairPSI;//自定义比较
  • 力扣面试题07 - 旋转矩阵 茶猫_ leetcode矩阵算法c语言
    题目：给你一幅由N×N矩阵表示的图像，其中每个像素的大小为4字节。请你设计一种算法，将图像旋转90度。不占用额外内存空间能否做到？示例1:给定matrix=[[1,2,3],[4,5,6],[7,8,9]],原地旋转输入矩阵，使其变为:[[7,4,1],[8,5,2],[9,6,3]]示例2:给定matrix=[[5,1,9,11],[2,4,8,10],[13,3,6,7],[15,14,12,
  • 可处理！环境排放3.0项目怎么提现？裕华投资会刘裕华免费荐股骗局曝光！ 墨守成法
    骗子冒充裕华投资会刘裕华通过伪造或仿冒投资平台，向股民发送虚假环境排放3.0项目链接，引导股民者下载进行投资，以送一万体验金操作小额投资能提现作为诱饵，不断引导消费者加大资金投入。不法分子随后迅速转移资金，当投资者要提现时候就以“流水未完成”“登录异常”“服务器维护”“比赛未结束”等借口不让提现，直到平台关闭跑了或者完成流水任务为由一波亏完。在以翻本为借口继续让投资者加入资金。若你不幸遭遇到裕华投
  • CodeFoeces-450B ss5smi
    题目原题链接：B.JzzhuandSequences题意根据公式公式计算对应fn的值。参考了其他作者的代码和思路。找循环点。负数取余需要加取余数到>0为止才可取余。代码#includeusingnamespacestd;constintmod=1e9+7;intmain(){longlongf[10],x,y,n;cin>>x>>y>>n;x=(x+mod)%mod;y=(y+mod)%mod;f
  • D2早课与活力链接 亲爱的lingling
    宇宙法则是：关注什么，什么就会变大。所以时刻关注自己在想什么，听什么，看什么！感恩今天早晨醒来的第一个意识是，真好，美好的一天开始了，我要越来越漂亮。起床做感恩冥想，呼吸法，喝一杯白开水，贴牛奶面膜。谢谢真我，感觉真好！感恩今天芳哥哥做的爱心早餐，给我煎了鸡蛋，谢谢芳哥的付出。谢谢！感恩我能够越来越清晰自己要做什么，越来越清楚知道自己想要的是什么，更加宁静与喜悦。今天早晨我听到我的高级智慧的声音，
  • 代码随想录算法训练营第三十五天
    01背包问题二维题目链接01背包问题二维题解importjava.util.Scanner;publicclassMain{publicstaticvoidmain(String[]args){Scannersc=newScanner(System.in);intM=sc.nextInt();intN=sc.nextInt();int[]space=newint[M];int[]value=new
  • vue element 封装表单 影子信息 vuevue.jsjavascript前端
    背景：在前端系统开发中，系统页面涉及到的表单组件比较多，所以进行了简单的封装。封装的包括一些Form表单组件，如下：input输入框、select下拉框、等实现效果：理论知识：表单组件官方链接：点击跳转封装组件：封装组件的思路：不封装element组件，每一个input组件绑定一个form对象，例如官网。简单封装element组件，利用for循环生成form表单的每一项el-form-item。进
  • 前端面试每日 3+1 —— 第39天 浪子神剑
    今天的面试题(2019.05.25)——第39天[html]title与h1、b与strong、i与em的区别分别是什么？[css]写出你知道的CSS水平和垂直居中的方法[js]说说你对模块化的理解[软技能]公钥加密和私钥加密是什么？《论语》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。前端面试每日3+1题，以面试题来驱动学习，每天进步一点！让努力成为一种习惯，让奋斗成为一种享受！欢迎在Iss
  • 重复文件清理工具，附免费链接 mixiumixiu 其他
    链接:https://pan.baidu.com/s/1s_Zx1eHp5Y-XnbbGldIgvw?pwd=kjex提取码:kjex复制这段内容后打开百度网盘手机App，操作更方便哦
  • 安装器处点击“打开” 钦_79f7
    问题描述：安装系统SD卡里面的apk或者原有的程序更新版本或者通过ADB安装apk的时候，会遇到升级安装成功之后的一个选择——“打开”和“完成”，点击完成没有问题，但是，如果点击了"打开"，然后按Home键，从应用程序列表里面选择应用程序图标进入或者点击桌面启动图标，这个时候就会重新启动了一个应用程序，之后的操作就会出现混乱等问题。原因分析：参考底部相关资料链接解决方案：在launcherActi
  • 【经典面试题】【JVM与性能调优】垃圾回收算法（标记-清除算法/复制算法/标记-整理算法/CMS/G1/ZGC） 本本本添哥 归档-Inbox1001-基础开发能力面试题目汇总jvm算法
    JVM自动管理内存，当对象不再被引用时，垃圾回收器（GarbageCollector）会自动释放这些对象占用的内存。标记-清除算法（Mark-Sweep）：标记垃圾再清除，会产生碎片。复制算法（Copying）：将存活对象复制到新区域，适合新生代，无碎片但浪费空间。标记-整理算法（Mark-Compact）：标记后将存活对象移到一端，清除另一端，适合老年代。分代收集算法（GenerationalC
  • mysql创建线程处理链接请求 斜不靠谱
    mysqld通过RUN_HOOK(server_state,before_handle_connection,(NULL));调用/**Threadhandlerforaconnection@paramargConnectionobject(Channel_info)Thisfunction(normally)doesthefollowing:-Initializethread//初始化线程-In
  • 每日面试题15：如何解决堆溢出？ ℡余晖^ 每日面试题python开发语言
    在Java应用运行过程中，"java.lang.OutOfMemoryError:Javaheapspace"是最常见的错误之一。无论是高并发的电商大促场景，还是持续运行的后台服务，堆内存溢出都可能导致服务不可用、数据丢失，甚至引发系统崩溃。本文将结合实际排查经验，系统讲解堆溢出的底层逻辑、应急处理流程及长效预防策略。一、堆溢出的本质：内存分配的"收支失衡"Java堆是JVM管理的内存区域，用于存
  • 推客小程序系统开发全解析：从概念到落地的完整指南 ywyy6798 推客系统推客系统开发推客小程序推客小程序系统开发推客分销推客分销系统推客
    一、推客小程序系统概述在当今移动互联网时代，社交电商已成为商业领域的重要增长点。推客小程序系统作为一种创新的社交分销工具，正逐渐改变传统电商的营销模式。推客（社交推广客）小程序本质上是一种基于微信生态的社交电商解决方案，它通过用户裂变和社交分享机制，实现产品的高效推广与销售转化。推客小程序系统的核心价值在于其"三级分销"机制，这种机制允许用户通过分享商品链接获取佣金，同时发展下级推广员形成分销网络
  • 论文阅读：《针对多目标优化和应用的 NSGA-II 综述》一些关于优化算法的简介 行然梦实 优化算法论文阅读算法数学建模
    前言提醒：文章内容为方便作者自己后日复习与查阅而进行的书写与发布，其中引用内容都会使用链接表明出处（如有侵权问题，请及时联系）。其中内容多为一次书写，缺少检查与订正，如有问题或其他拓展及意见建议，欢迎评论区讨论交流。内容由AI辅助生成，仅经笔者审核整理，请甄别食用。文章目录前言一些关于优化算法的缩写优化算法Ma,Haiping&Zhang,Yajing&Sun,Shengyi&Liu,Ting&S
  • ubuntu的redis反弹shell总结 chanra 萌新随笔ubunturedislinux
    ubuntu的redis反弹shell总结ubuntu要执行有三点：1、ubuntu的默认执行命令的为/bin/dash，我们使用bash-i肯定是弹不了的。2、ubuntu计划任务运行有语法要求，redis写入的文件存在缓存数据，导致语法错误无法运行计划任务。3、文件需要是600rw权限，权限不对也不能运行，不过我直接写入貌似就是600rw。参考链接：http://www.vkxss.top/2
  • 人工智能概念之九：深度学习概述
    文章目录相关文章一、深度学习的定位：AI时代的基石技术1.1技术生态全景图1.2技术革命的催化剂二、深度学习的双面性：性能优势与技术挑战2.1技术优势全景扫描2.2技术挑战深度剖析三、技术演进时间轴：70年的厚积薄发四、主流框架生态对比五、未来演进方向相关文章人工智能概念之二：人工智能核心概念：网页链接一、深度学习的定位：AI时代的基石技术1.1技术生态全景图深度学习处于人工智能（AI）技术金字塔
  • Nvivo20 中文版安装包免费下载附详细安装教程|Nvivo20软件下载
    [下载通道]:迅雷网盘[下载链接]:点击高速下载https://pan.xunlei.com/s/VOWJoryt_BBFsPixpPJxB1f0A1?pwd=5cei#⚠️:先用手机下载迅雷网盘保存到手机中，再用电脑登录下载，否则下载后文件容易报错❗保存的朋友点赞支持一下❗更多免费软件，影视，歌曲，游戏点这里https://docs.qq.com/sheet/DRkdWVFFCWm9UeGJP?
  • 03月14日|Day76|每日复盘 哆啦A宏
    03月14日|Day76|每日复盘【03月14日我做了什么】01、06点30分准时起床；02、分发公益课课程链接至每位督导；03、家校共育学校推文，推两所学习，其余的学校等通知；04、羊皮卷一Day14每日语音诵读；05、论语第七集Day7语音诵读；06、10分钟极光英语Day18/Day180；07、佛学功课：药师经1部+药师佛号1080声+普门品3部；08、表妹一家人回来了，特别的开心；09、
  • 在家可以做的6个赚钱项目，宅在家也能做的创业项目分享 氧惠好项目
    这几年的疫情让很多人觉得钱越来越不够花了，大家都意识到发展副业很重要。平时上班已经耗费了我们很多时间和精力，所以能在家赚钱的副业才是我们最好的选择。今天我就总结了几个宅在家里就能赚钱的小技巧，一起来看看吧！副业兼职一：淘宝客（也是目前小编在做的副业之一）这个已经有好几年的历史了，经过发放链接和优惠券的方法来帮助店铺发布推行链接，获取优惠信息，网购市场非常大，任何人都需要一个买东西享最低优惠价的软件
  • 随笔•《乡情乡韵》出书花絮【原创】 逍遥太初
    记得当时朋友兴高采烈地告诉我说，山人他们在搞免费出书了，并拉我一起参加，还发了相关征文的链接。说实话对此我是半信半疑的，天底下哪有这等好事啊，即使有也轮不到我呀，我才来简信没多久，除了少数几位互相交流学习的文友之外，几乎没有认识的人，更别说什么能够帮助出书的重量级人物了。尽管心里是这么想，但还是抱着试试看的心态，打开链接粗略地看了看相关的征文事宜，并关注了专题，觉得好像蛮煞有介事的。再说乡村题材方
  • 【Java基础面试题】Java特点，八种基本数据类型
    Java的特点1.面向对象2.跨平台3.简单易学4.内存管理JVM、JDK、JRE的关系JVM：Java虚拟机，它负责把字节码文件进行编译并运行，是Java具有跨平台性的关键所在。它还有内存管理，垃圾回收等功能。JDK：JDK是Java开发工具包，它包含了JVM，编译器，调试器等开发工具，还包含一系列类库。它提供了Java程序编译，调试，运行所需要的工具和环境。JRE：是java运行时的最小环境，
  • LeetCode热题100：哈希 Intro_Nitro LeetCode热题100哈希算法leetcode
    1.两数之和题目链接：两数之和题目描述：给定一个整数数组nums和一个整数目标值target，请你在该数组中找出和为目标值target的那两个整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。解题思路：我们创建一个哈希表，以数组的值做key，索引做value。对于每一个x，我们首先查询哈希表中是否存在target-
  • Python简单练习3 第九条雀 python面试开发语言
    1.技术面试题（1）解释Linux中的进程、线程和守护进程的概念，以及如何管理它们？答：1.进程：进程是程序的一次动态执行过程，是系统进行资源分配和调度的基本单位拥有独立的内存空间（代码段、数据段、堆栈等），进程间内存不共享包含进程PID、PPID、状态（运行、就绪、阻塞等）、优先级等属性进程间通信需通过管道、信号、共享内存等机制实现线程：线程是进程内的一个执行单元，是CPU调度的最小单位，共享所
  • python简单练习2
    1.技术面试题（1）详细描述单调栈的工作原理和应用场景答：单调栈是一种特殊的栈数据结构，其核心特性是栈内元素始终保持严格的单调性（递增或递减）。通过这种特性，它能高效解决与“找到某个元素左右两侧第一个满足特定条件（如更大、更小）的元素”相关的问题，时间复杂度通常为O(n)。单调栈的核心操作是在入栈时维护栈的单调性：对于新元素，通过弹出栈顶不满足单调性的元素，确保栈内元素始终有序。根据单调性可分为两
  • Qt 5.15.3 源码编译行动~ Action 键盘会跳舞 Qt高级使用技巧c++qt源码编译5.15.3
    作为一个“与时俱进”的Qt开发者来说，编译Qt源码似乎变成了一个必不可少的技能~早前，在嵌入式设备中，我们为了减少发布的应用程序大小，往往会对Qt的模块进行裁剪，同时常常采用Qt静态编译的方式，将应用依赖的Qt静态库链接到应用程序，往往一个包含GUI的应用程序，在20M左右就可以完整的打包发布，对于现在一些应用动不动就好几百M来说，这种方式还是比较有利于应用的推广和发布的。笔者写这篇博文时，Qt6
  • 百旺金赋航天金税发票清单接口软件使用指南
    本文还有配套的精品资源，点击获取简介：《百旺金赋航天金税发票清单接口软件详解与核心组件解析》详细介绍了该软件的便捷性和功能，它能将Excel销售清单转换成XML格式，简化发票开具流程。该软件通过动态链接库（DLL）文件实现高效数据转换，并支持与金税系统的对接，提升企业财务效率并确保数据安全性。1.百旺金赋航天金税发票清单接口软件概述软件应用背景百旺金赋航天金税发票清单接口软件作为一种财务信息化工具
  • 无形中的数据泄漏
    勒索软件和外部黑客继续充当2018数据泄露事件头号原因全世界超过1/4的数据泄露都起源于公司“内部人员”的电脑台位，而且还不仅仅是单纯误点了可疑链接那么简单。不过，管理员们对这样的情况应该已经习以为常了。威瑞森最近的一份《数据泄露调查报告》(DBIR)显示，全年25%的攻击都是内部人所致，主要是求财、找情报，或者就是一时疏忽或误操作了。报告还称，约50%的数据泄露是犯罪团伙所为，而1/10的数
  • 2025 夸克网盘新用户福利来袭：1T 空间免费拿 VB594 网盘
    一、活动时段2025年1月1日-2025年12月31日二、适用人群夸克App的全新用户，也就是在手机端和PC端都未曾用手机号注册过夸克账号的人。要是你仅仅安装过夸克客户端，却从未注册过夸克账号，也能享受这次新用户活动的福利；要是你使用非手机号方式（像微信号）注册过夸克，同样可以获得本次新用户活动奖励。三、参与条件用户在夸克App端内外通过手机号注册，并且在半小时内成功保存他人分享的夸克网盘链接，就
  • 音视频面试题集锦第 1 期 关键帧-Keyframe 音视频面试题集锦音视频面试
    想要学习和提升音视频技术的朋友，快来加入我们的【音视频技术社群】，加入后你就能：1）下载30+个开箱即用的「音视频及渲染Demo源代码」2）下载包含500+知识条目的完整版「音视频知识图谱」3）下载包含200+题目的完整版「音视频面试题集锦」4）技术和职业发展咨询100%得到回答5）获得简历优化建议和大厂内推现在加入，送你一张20元优惠券：点击领取优惠券前些时间，我在知识星球上创建了一个音视频技术
  • github中多个平台共存 jackyrong github
    在个人电脑上，如何分别链接比如oschina,github等库呢，一般教程之列的，默认 ssh链接一个托管的而已，下面讲解如何放两个文件 1） 设置用户名和邮件地址 $ git config --global user.name "xx" $ git config --global user.email "[email protected]"
  • ip地址与整数的相互转换(javascript) alxw4616 JavaScript
    //IP转成整型 function ip2int(ip){ var num = 0; ip = ip.split("."); num = Number(ip[0]) * 256 * 256 * 256 + Number(ip[1]) * 256 * 256 + Number(ip[2]) * 256 + Number(ip[3]); n
  • 读书笔记-jquey+数据库+css chengxuyuancsdn htmljqueryoracle
    1、grouping ,group by rollup, GROUP BY GROUPING SETS区别 2、$("#totalTable tbody>tr td:nth-child(" + i + ")").css({"width":tdWidth, "margin":"0px", &q
  • javaSE javaEE javaME == API下载 Array_06 java
    oracle下载各种API文档： http://www.oracle.com/technetwork/java/embedded/javame/embed-me/documentation/javame-embedded-apis-2181154.html JavaSE文档： http://docs.oracle.com/javase/8/docs/api/ JavaEE文档： ht
  • shiro入门学习 cugfy javaWeb框架
    声明本文只适合初学者，本人也是刚接触而已，经过一段时间的研究小有收获，特来分享下希望和大家互相交流学习。 首先配置我们的web.xml代码如下，固定格式，记死就成 <filter>         <filter-name>shiroFilter</filter-name> &nbs
  • Array添加删除方法 357029540 js
         刚才做项目前台删除数组的固定下标值时，删除得不是很完整，所以在网上查了下，发现一个不错的方法，也提供给需要的同学。 //给数组添加删除             Array.prototype.del = function(n){
  • navigation bar 更改颜色 张亚雄 IO
    今天郁闷了一下午，就因为objective-c默认语言是英文，我写的中文全是一些乱七八糟的样子，到不是乱码，但是，前两个自字是粗体，后两个字正常体，这可郁闷死我了，问了问大牛，人家告诉我说更改一下字体就好啦，比如改成黑体，哇塞，茅塞顿开。       翻书看，发现，书上有介绍怎么更改表格中文字字体的，代码如下    
  • unicode转换成中文 adminjun unicode编码转换
      在Java程序中总会出现\u6b22\u8fce\u63d0\u4ea4\u5fae\u535a\u641c\u7d22\u4f7f\u7528\u53cd\u9988\uff0c\u8bf7\u76f4\u63a5这个的字符，这是unicode编码，使用时有时候不会自动转换成中文就需要自己转换了使用下面的方法转换一下即可。 /** * unicode 转换成 中文
  • 一站式 Java Web 框架 firefly aijuans Java Web
    Firefly是一个高性能一站式Web框架。 涵盖了web开发的主要技术栈。 包含Template engine、IOC、MVC framework、HTTP Server、Common tools、Log、Json parser等模块。 firefly-2.0_07修复了模版压缩对javascript单行注释的影响，并新增了自定义错误页面功能。 更新日志： 增加自定义系统错误页面功能
  • 设计模式——单例模式 ayaoxinchao 设计模式
    定义          Java中单例模式定义：“一个类有且仅有一个实例，并且自行实例化向整个系统提供。”   分析          从定义中可以看出单例的要点有三个：一是某个类只能有一个实例；二是必须自行创建这个实例；三是必须自行向系统提供这个实例。   &nb
  • Javascript 多浏览器兼容性问题及解决方案 BigBird2012 JavaScript
    不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题，毕竟这两中浏览器是占了绝大多数。 一、document.formName.item(”itemName”) 问题 问题说明：IE下，可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName&quo
  • JUnit-4.11使用报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing错误 bijian1013 junit4.11单元测试
            下载了最新的JUnit版本，是4.11，结果尝试使用发现总是报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing这样的错误，上网查了一下，一般的解决方案是，换一个低一点的版本就好了。还有人说，是缺少hamcrest的包。去官网看了一下，如下发现：    
  • [Zookeeper学习笔记之二]Zookeeper部署脚本 bit1129 zookeeper
    Zookeeper伪分布式安装脚本(此脚本在一台机器上创建Zookeeper三个进程，即创建具有三个节点的Zookeeper集群。这个脚本和zookeeper的tar包放在同一个目录下，脚本中指定的名字是zookeeper的3.4.6版本，需要根据实际情况修改)：   #!/bin/bash #!!!Change the name!!! #The zookeepe
  • 【Spark八十】Spark RDD API二 bit1129 spark
    coGroup package spark.examples.rddapi import org.apache.spark.{SparkConf, SparkContext} import org.apache.spark.SparkContext._ object CoGroupTest_05 { def main(args: Array[String]) { v
  • Linux中编译apache服务器modules文件夹缺少模块(.so)的问题 ronin47 modules
    在modules目录中只有httpd.exp，那些so文件呢？ 我尝试在fedora core 3中安装apache 2. 当我解压了apache 2.0.54后使用configure工具并且加入了 --enable-so 或者 --enable-modules=so (两个我都试过了) 去make并且make install了。我希望在/apache2/modules/目录里有各种模块，
  • Java基础-克隆 BrokenDreams java基础
            Java中怎么拷贝一个对象呢？可以通过调用这个对象类型的构造器构造一个新对象，然后将要拷贝对象的属性设置到新对象里面。Java中也有另一种不通过构造器来拷贝对象的方式，这种方式称为 克隆。         Java提供了java.lang.
  • 读《研磨设计模式》-代码笔记-适配器模式-Adapter bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 适配器模式解决的主要问题是，现有的方法接口与客户要求的方法接口不一致 * 可以这样想，我们要写这样一个类（Adapter）: * 1.这个类要符合客户的要求 ---> 那显然要
  • HDR图像PS教程集锦&心得 cherishLC PS
    HDR是指高动态范围的图像，主要原理为提高图像的局部对比度。 软件有photomatix和nik hdr efex。 一、教程 叶明在知乎上的回答： http://www.zhihu.com/question/27418267/answer/37317792 大意是修完后直方图最好是等值直方图，方法是HDR软件调一遍，再结合不透明度和蒙版细调。 二、心得 1、去除阴影部分的
  • maven-3.3.3 mvn archetype 列表 crabdave ArcheType
    maven-3.3.3 mvn archetype 列表 可以参考最新的：http://repo1.maven.org/maven2/archetype-catalog.xml   [INFO] Scanning for projects... [INFO]                
  • linux shell 中文件编码查看及转换方法 daizj shell中文乱码vim文件编码
    一、查看文件编码。     在打开文件的时候输入:set fileencoding     即可显示文件编码格式。 二、文件编码转换     1、在Vim中直接进行转换文件编码,比如将一个文件转换成utf-8格式       &
  • MySQL--binlog日志恢复数据 dcj3sjt126com binlog
    恢复数据的重要命令如下 mysql> flush logs; 默认的日志是mysql-bin.000001，现在刷新了重新开启一个就多了一个mysql-bin.000002                  
  • 数据库中数据表数据迁移方法 dcj3sjt126com sql
    刚开始想想好像挺麻烦的，后来找到一种方法了，就SQL中的 INSERT 语句，不过内容是现从另外的表中查出来的，其实就是 MySQL中INSERT INTO SELECT的使用   下面看看如何使用   语法：MySQL中INSERT INTO SELECT的使用 1. 语法介绍       有三张表a、b、c，现在需要从表b
  • Java反转字符串 dyy_gusi java反转字符串
           前几天看见一篇文章，说使用Java能用几种方式反转一个字符串。首先要明白什么叫反转字符串，就是将一个字符串到过来啦，比如"倒过来念的是小狗"反转过来就是”狗小是的念来过倒“。接下来就把自己能想到的所有方式记录下来了。 1、第一个念头就是直接使用String类的反转方法，对不起，这样是不行的，因为Stri
  • UI设计中我们为什么需要设计动效 gcq511120594 UIlinux
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 一、加强体验舒适度 嗯，就是让用户更加爽更加爽的用
  • JBOSS服务部署端口冲突问题 HogwartsRow java应用服务器jbossserverEJB3
    服务端口冲突问题的解决方法，一般修改如下三个文件中的部分端口就可以了。   1、jboss5/server/default/conf/bindingservice.beans/META-INF/bindings-jboss-beans.xml   2、./server/default/deploy/jbossweb.sar/server.xml   3、.
  • 第三章 Redis/SSDB+Twemproxy安装与使用 jinnianshilongnian ssdbreidstwemproxy
    目前对于互联网公司不使用Redis的很少，Redis不仅仅可以作为key-value缓存，而且提供了丰富的数据结果如set、list、map等，可以实现很多复杂的功能；但是Redis本身主要用作内存缓存，不适合做持久化存储，因此目前有如SSDB、ARDB等，还有如京东的JIMDB，它们都支持Redis协议，可以支持Redis客户端直接访问；而这些持久化存储大多数使用了如LevelDB、RocksD
  • ZooKeeper原理及使用 liyonghui160com
               ZooKeeper是Hadoop Ecosystem中非常重要的组件，它的主要功能是为分布式系统提供一致性协调(Coordination)服务，与之对应的Google的类似服务叫Chubby。今天这篇文章分为三个部分来介绍ZooKeeper，第一部分介绍ZooKeeper的基本原理，第二部分介绍ZooKeeper
  • 程序员解决问题的60个策略 pda158 框架工作单元测试
    根本的指导方针 1. 首先写代码的时候最好不要有缺陷。最好的修复方法就是让 bug 胎死腹中。 良好的单元测试 强制数据库约束 使用输入验证框架 避免未实现的“else”条件 在应用到主程序之前知道如何在孤立的情况下使用   日志 2. print 语句。往往额外输出个一两行将有助于隔离问题。 3. 切换至详细的日志记录。详细的日
  • Create the Google Play Account sillycat Google
    Create the Google Play Account Having a Google account, pay 25$, then you get your google developer account. References: http://developer.android.com/distribute/googleplay/start.html https://p
  • JSP三大指令 vikingwei jsp
    JSP三大指令   一个jsp页面中，可以有0~N个指令的定义！ 1. page --> 最复杂：<%@page language="java" info="xxx"...%>   * pageEncoding和contentType：     > pageEncoding：它
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他