Alearn_
Alearn_

【vue】vue初级阶段

vue 流行框架

从原生js---->jquery -->模板引擎----> angular/ vue.js框架
模板引擎优点：屏蔽了所有浏览器，解决了浏览器兼容性问题，同时
缺点：减少不必要的DOM操作

框架与库的区别

  • 框架是一个骨架，提供一整套业务解决方案，如果要切换框架，则相当于推翻整个房子重构
  • 库：一个小的共享功能
    【vue】vue初级阶段_第1张图片

1.vue的基本结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!--1.导入vue的包-->
    <script src="../lib/vue.js"></script>
</head>


<body>
    <!--将来new 的vue实列会控制这个元素所有内容-->
    <div id="app">
        <p v-cloak>{{msg}}</p>
        <p v-text="msg"></p>
        <!--默认v-text是没有闪烁问题-->
        <!--v-text会覆盖原来元素中的原本内容，但是插值表达式不会清空内容-->
   
        <div>{{msg2}}</div>
        <div v-html='msg2'></div>
        <!-- v-bine： 是vue中提供绑定属性的指令 -->
        <!-- <input type="button"  value="按钮" v-bind:title="mytitle"> -->
        <!-- vue中提供v-on： 事件绑定 -->
        <input type="button"  value="按钮" :title="mytitle" @click="show">
    </div>
    

    <script>
        //2.创建一个vue实列
        var vm = new Vue( {
            el: '#app', //表示我们 new 的vue实列控制那个试图区域
           //这里的data就是mvvm中的m
            data:{ //data属性放入的是el中用到的数据
                msg:'hello vue!', //通过vue指令很方便把数据渲染到页面
                //前端vue之类的框架，不提倡我们去手动操作dom元素
                msg2: "
我是h1标题
",
                mytitle:"这是自己定义的一个title"          
            },
            methods: {
                //这个methods属性中定义当前vue实列所有可用方法
                show:function() {
                    alert("hello vue!");
                }
            }
        } );    
    </script>
</body>


</html>


<!--1. 如何定义一个基本vue代码结构 -->
<!-- 2. 插值表达式  和 v-text -->
<!-- 3. v-cloak -->
<!-- 4. v-html -->
<!-- 5. v-bind vue提供属性绑定机制  缩写是 :  -->
<!-- 6. v-on vue提供事件绑定机制 -->

2.实现一个跑马灯效果

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- 1. 引入vue库 -->
    <script src="../lib/vue.js"></script>
</head>


<body>

    <div id="app2">
        <input type="button" value="浪起来" @click="lang">
        <input type="button" value="停止" @click="stop">
        <p>{{msg}}</p>
    </div>

    <script>
        var vm = new Vue( {
            el:"#app2",
            data:{
                msg:"赶紧做毕设，别瞎鸡巴浪了~~~",
                interval: null
            },
            methods:{
                lang() {
                    if(this.interval != null) return;
                    console.log(this.msg);
                    //做跑马灯效果思路是
                    //1. 先拿到字符串， 再每次截取首字符串 然后添加到末尾
                    // var _this_ = this;
                    // setInterval( function () {
                    //     var start = _this_.msg.substring(0, 1)
                    //     var end = _this_.msg.substring(1)
                    //     _this_.msg = end + start;
                    // }, 400)
                    //方法二、用箭头函数,, 补充自己的两个知识1.字符串处理问题 2.js中闭包问题
                    this.interval =  setInterval( ()=> { //引用箭头函数解决指向问题 内部的this指向外部的实列
                        var start = this.msg.substring(0, 1)
                        var end = this.msg.substring(1)
                        this.msg = end + start;
                    }, 400)
                    
                },
                stop() {
                    clearInterval(this.interval) //定时器被清除了，但没有给interval赋值为空
                    this.interval = null
                }
            }
        })   
    </script>
    
</body>
</html>

3.vue中一些基本事件修饰符

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <script src="../lib/vue.js"></script>
    <style>
        .inner{
            background-color: green;
            height: 150px;
        }
    </style>
</head>

<body>
    <div id="app" >
         <!-- 使用stop属性阻止冒泡 -->  
        <!-- <div class="inner" @click="div1Handler">
            <input type="button" value="点击" @click.stop="btnHandler">
        </div> -->

        <!-- 阻止默认事件 -->
        <!-- <a href="http://www.baidu.com" @click.prevent="link">有问题，去百度</a> -->
        
        <!-- 使用.capture  捕获事件顺序 -->

        <!-- .self只会阻止自己身上冒泡，并不会组织其他 -->
    
    </div>

    <script>
        var vm = new Vue({
            el:"#app",
            data:{

            },
            methods:{
                div1Handler(){
                    console.log("div1的触发事件")
                },
                btnHandler(){
                    console.log("btn的触发事件")
                },
                link() {
                    console.log("偶问题，百度去")
                }
                
            }
        })    
    </script>
</body>
</html>

你可能感兴趣的:(JavaScript基础)

  • JavaScript 基础 - 第15天 +码农快讯+ JavaScript学习笔记javascript前端开发语言
    文章目录JavaScript基础-第15天深浅拷贝浅拷贝深拷贝通过JSON序列化实现js库lodash实现深拷贝通过递归实现深拷贝异常处理throwtry...catchdebugger处理this改变thiscallapplybindthis指向性能优化防抖（debounce）手写防抖函数节流（throttle）手写节流函数JavaScript基础-第15天深浅拷贝浅拷贝浅拷贝：把对象拷贝给一个
  • JavaScript 基础 - 第13天 +码农快讯+ JavaScript学习笔记javascript开发语言ecmascript
    文章目录JavaScript基础-第13天深入对象创建对象三种方式构造函数new实例化过程实例成员&静态成员实例成员静态成员一切皆对象内置构造函数ObjectArrayStringNumberJavaScript基础-第13天了解面向对象编程的基础概念及构造函数的作用，体会JavaScript一切皆对象的语言特征，掌握常见的对象属性和方法的使用。深入对象内置构造函数综合案例深入对象了解面向对象的基
  • 前端入门：JavaScript基础介绍 虞锦雯
    一、JavaScript介绍Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。JavaScript与Java名称上的近似，是当时Netscape为了营销考虑与Sun微系统达成协
  • Dojo-CodeLab: JavaScript与Dojo框架学习与实践指南 陈马登Morden
    本文还有配套的精品资源，点击获取简介：Dojo-CodeLab是一个提供学习和实践JavaScript及其Dojo框架的项目，专注于为初学者提供无需特定环境限制的编程平台。通过开发一个简单的计算器应用，学习者将掌握JavaScript基础语法和Dojo工具集的使用，涵盖变量、数据类型、控制结构、函数、对象、数学运算、事件处理和DOM操作等关键概念。本项目通过实际编码练习帮助学习者加深对前端开发的理
  • JavaScript基础 不蒸馒头曾口气 Vuejavascript开发语言前端学习笔记
    1JavaScript介绍1.1JS简介1.JavaScript是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。2.作用——网页特效（监听用户的一些行为，让网页作出对应的反馈，如轮播图、下拉菜单等）——表单验证（针对表单数据的合法性进行判断，如输入邮箱的判断）——数据交互（后台的数据，渲染到前端）——服务端编程（node.js）3.JavaScript的组成ECMAScript:(js的
  • JavaScript基础面试题：（第一天） 星河路漫漫 面试题汇总javascriptjava开发语言
    目录1.null，undefined的区别？2.“==”和“===”的不同：3.请说出你熟悉的数组的操作方法并说出如何使用?4.总结String对象操作方法：1.null，undefined的区别？Undefined类型只有一个值，即undefined。当声明的变量还未被初始化时，变量的默认值为undefined。Null类型也只有一个值，即null。javascript高级程序设计：在使用var
  • html语言及js脚本基础,Javascript基础学习笔记(菜鸟必看篇) 游苏昱 html语言及js脚本基础
    什么是变量？变量是用于存储信息的容器变量的声明语法：var变量名变量名=值;变量要先声明再赋值变量可以重复赋值变量的命名规则变量必须以字母开头；变量也能以$和_符号开头(不过我们不推荐这么做)；变量名称对大小写敏感(a和A是不同的变量)。语句语句以一个分号结尾；如果省略分号，则由解析器确定语句的结尾。有个好的编码习惯，都要以;结尾数据类型在JavaScript中，一段信息就是一个值(value)。
  • Qt 爬取网页信息 Qt历险记 Qt高级开发工程师qt开发语言
    QuestionQt爬取网页信息Answer学习如何使用Qt爬取网页信息的学习路线可以分为以下几个阶段：1.基础知识准备C++编程基础：Qt主要使用C++，因此需要有扎实的C++编程基础。网络编程基础：了解HTTP协议、TCP/IP等网络基础知识。HTML/CSS/JavaScript基础：了解网页的基本结构和内容。2.学习Qt框架Qt基础：学习Qt的基本概念，如信号与槽、事件处理、界面布局等。Q
  • javaScript基础面试题 ---闭包 临在❀ 前端JS面试题javascript前端chrome
    闭包1、闭包是什么？2、闭包可以解决什么问题？3、闭包的缺点1、闭包是什么？闭包是一个函数加上到创建这个函数的作用域的链接，就是一个作用域可以访问到另一个作用域的变量，闭包‘关闭’了函数的自由变量functionfun(){vara=10;console.log(a)}fun()函数都有垃圾回收机制，上面的这个函数，在运行完之后变量a就被回收了，但是下面的函数：functionfun(){vara
  • javaScript基础面试题 --- 原型链 临在❀ 前端JS面试题原型模式
    1、原型可以解决什么问题对象共享属性和共享方法2、谁有原型？函数有prototype对象有__proto__3、查找顺序：当查询一个对象的属性时，JavaScript会首先检查对象自身是否有这个属性。如果对象本身没有该属性，那么JS会查找该对象的原型。如果原型上也没有这个属性，则继续查找原型的原型，如此类推，直至原型链的顶端（null）。如果沿着原型链都没有找到该属性，那么返回undefined。
  • javaScript基础面试题 --- JS继承有哪些 临在❀ 前端JS面试题javascript前端开发语言
    方法一：extends方法在构造函数constructor中写super()，必须的classParent{constructor(){this.age=18}}classChildextendsParent{constructor(){super();this.name='张三';}}leto1=newChild();console.log(o1,o1.name,o1.age)方式二：原型链继承
  • 【JavaScript基础】BOM介绍 AI画手小王 javascript前端开发语言
    BOM（BrowserObjectModel）即浏览器对象模型，它提供了一些对象用来与浏览器进行交互，其核心对象是window。1.windowwindow对象是浏览器的顶级对象，是JS访问浏览器窗口的一个接口。也是一个全局对象，定义在全局作用域中的变量、函数都会变成window对象的属性和方法。注：在调用的时候可以省略windowwindow对象的方法：alert()、prompt()、conf
  • 前端|JavaScript 基础–第3天（黑马笔记） Sunshine.King 前端前端javascript笔记
    JavaScript基础–第3天目录JavaScript基础--第3天一、if多分支语句和switch的异同二、for语句1.for语句的基本使用2.循环嵌套案例一：倒三角案例二：九九乘法表css样式JS三、数组1.数组是什么？2.数组的基本使用定义数组和数组单元访问数组和数组索引数据单元值类型数组长度属性3.操作数组一、if多分支语句和switch的异同共同点都能实现多分支选择，多选1大部分情况
  • 前端|JavaScript 基础 - 第4天（黑马笔记） Sunshine.King 前端前端javascript笔记
    JavaScript基础-第4天目录JavaScript基础-第4天一、函数1.声明和调用声明（定义）调用2.参数形参和实参3.返回值4.作用域全局作用域局部作用域5.匿名函数函数表达式立即执行函数理解封装的意义，能够通过函数的声明实现逻辑的封装，知道对象数据类型的特征，结合数学对象实现简单计算功能。理解函数的封装的特征掌握函数声明的语法理解什么是函数的返回值知道并能使用常见的内置函数一、函数理解
  • 前端|JavaScript 基础 - 第5天（黑马笔记） Sunshine.King 前端前端javascript笔记
    JavaScript基础-第5天目录JavaScript基础-第5天一、对象1.语法2.属性和访问3.方法和调用4.null遍历对象二、内置对象Math属性方法三、综合案例1.猜数字游戏JS2.猜数字游戏（设定次数）JS3.随机点名JS4.随机颜色JS知道对象数据类型的特征，能够利用数组对象渲染页面理解什么是对象，掌握定义对象的语法掌握数学对象的使用一、对象对象是JavaScript数据类型的一种
  • JavaScript基础第五天 cj_jax
    函数数组去重思路：1.调用去重函数，将任意数组作为实参输入到函数中。2.创建一个新的数组，用于接收去重后的新的元素，根据输入的数组，遍历数组，将当前遍历的元素都与数组中的每个元素进行比较。3.调用比较函数，传入两个参数，判断数值与数组中遍历的元素是否相等，如果相等直接returnfalse；否则returntrue4.根据比较函数的返回值，去重函数直接判断，如果返回值为true则将当前的遍历的元素
  • HarmonyOS 鸿蒙应用开发(十一、面向鸿蒙开发的JavaScript基础) 特立独行的猫a HarmonyOS极简教程ubuntulinux运维
    ArkTS是HarmonyOS（鸿蒙操作系统）原生应用开发的首选语言。它是用于构建用户界面的一种TypeScript方言，扩展了TypeScript以适应HarmonyOS生态系统的UI开发需求。ArkTS融合了TypeScript的静态类型系统和现代UI框架的设计理念，为开发者提供了一种更安全高效的方式来编写HarmonyOS应用。目录前言TypeScript历史简介为什么要有JavaScrip
  • JavaScript基础语法--乐字节Java 天上的小仙女呀
    JavaScript基础语法主要内容JavaScript7ceba.pngJavaScript简介JavaScript是一种具有面向对象能力的、解释型的程序设计语言。更具体一点，它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。它的主要目的是，验证发往服务器端的数据、增加Web互动、加强用户体验度等。1234567d38cd.pngJavaScript的组成1fuvj25353.pngECM
  • [HTML]Web前端开发技术26（HTML5、CSS3、JavaScript ）JavaScript基础——喵喵画网页 猫佛 喵喵画网页html前端html5计算机学习javascriptcss3
    希望你开心，希望你健康，希望你幸福，希望你点赞！最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！喵喵喵，你对我真的很重要！目录前言数据类型数据类型-字符型数据类型-数值型数据类型-布尔型数据类型-其它类型变量转义字符运算符和表达式算术运算符和表达式关系运算符和表达式关系运算符和表达式逻辑运算符和表达式赋值运算符和表达式位运算符和表达式条件运算符和表达式课后练习网页标题：事件处理
  • [HTML]Web前端开发技术25（HTML5、CSS3、JavaScript ）JavaScript基础消息对话框告警框确认框提示框命名规范1标识符2关键字3保留字注释标识符和变量——喵喵画网页 猫佛 html前端html5计算机学习javascriptcss3
    希望你开心，希望你健康，希望你幸福，希望你点赞！最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！喵喵喵，你对我真的很重要！目录前言JavaScript程序代码消息对话框消息对话框-告警框消息对话框-确认框消息对话框-提示框JavaScript注释标识符和变量命名规范1.标识符2.关键字3.保留字课后练习网页标题：HTML属性的事件处理器的应用网页标题：调用外部js文件的Java
  • JavaScript知识点总结 轩昂7K Javascriptjavascript开发语言ecmascript
    JavaScript基础知识JavaScript是一种具有函数优先的轻量级，解释型或即时编译型的编程语言HTML（结构层）、CSS（表现层）、JS（行动层）注释单行注释：多行注释：**/文档注释：***/JavaScript特点跨平台、易上手解释型脚本语言JavaScript的组成ECMAScriptJavaScript采用弱类型变量类型不需要提前定义，列入inta=100可以写成a=100，它的
  • JavaScript基础 2301_81054073 javascript开发语言ecmascript
    JavaScript是一种运行在客户端的脚本语言。脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来进行解释并执行浏览器执行JS简介浏览器分成两部分渲染引擎和JS引擎渲染引擎：用来解析HTML与CSS，俗称内核，比如谷歌浏览器的blink，老版本的webkit。JS引擎：也称为JS解释器。用来读取网页中的JavaScript代码，对其处理后运行，比如谷歌浏览器的V8。浏览器本身并不会执
  • [前端开发] JavaScript基础知识 [下] YuanDaima2048 工具使用前端学习javascriptjava开发语言
    上篇：JavaScript基础知识[上]JavaScript基础知识[下]字符串数组函数对象字符串字符串语法规则：单引号、双引号和反引号的使用利用双引号"或者单引号'所括起来双引号中不能嵌套双引号,单引号中不能嵌套单引号如果要在双引号中嵌套双引号或者再单引号中嵌套单引号,需要用转义字符\'Didhesay\'hi\'?'"Didhesay\"hi\"?"字符串默认是在一行如果要将长字符串分成多行,
  • [HTML]Web前端开发技术24（HTML5、CSS3、JavaScript ）JavaScript基础JavaScript，Netscape，事件处理代码，外部JS——喵喵画网页 猫佛 html前端html5计算机学习javascriptcss3
    希望你开心，希望你健康，希望你幸福，希望你点赞！最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！喵喵喵，你对我真的很重要！目录前言JavaScript概述JavaScript简介第一个JavaScript程序JavaScript放置的位置JavaScript放置-头部JavaScript放置-主体JavaScript放置-外部JSJavaScript放置-事件处理代码课后练习网
  • JavaScript基础教程笔记（一） 毛毛爱掉毛 编程javascript前端servlet
    所有的主流浏览器都支持JavaScript，它可以让网页呈现各种动态效果。可使用标签（成对出现）在HTML网页中插入JavaScript代码。把JavaScript代码写在之间。表示在之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。可使用标签在HTML文件中添加JavaScript代码，也可以单独创建JavaScript（简称JS文件），
  • 6-JavaScript基础 捞起月亮的小北 Javawebjavascripthtml前端
    1.JavaScript简介JavaScript是一门跨平台、面向对象的脚本语言，而Java语言也是跨平台的、面向对象的语言，只不过Java是编译语言，是需要编译成字节码文件才能运行的；JavaScript是脚本语言，不需要编译，由浏览器直接解析并执行。JavaScript是用来控制网页行为的，它能使网页可交互2.JavaScript引入方式JavaScript引入方式就是HTML和JavaScr
  • 【JavaEE】_JavaScript基础语法 _周游 JavaEEjava-eejavascriptjava
    目录1.JavaScript概述1.1JavaScript简介1.2HTML、CSS、JavaScript的关系1.3JavaScrip的组成2.JavaScript的书写形式2.1内嵌式2.2行内式2.3外部式3.输出3.1alert3.2console.log4.变量的使用4.1创建变量4.1.1使用var4.1.2使用let4.1.3动态类型变量4.2基本数据类型4.3运算符5.数组5.1创
  • javascript基础语法 JayWolf
    1.简介JavaScript是一种具有面向对象能力的、解释型的程序设计语言。更具体一点，它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。它的主要目的是，验证发往服务器端的数据、增加Web互动、加强用户体验度等。1.1.JavaScript的组成ECMAScript定义的只是这门语言的基础，与Web浏览器没有依赖关系，而在基础语法上可以构建更完善的脚本语言。JavaScript的运行需要一定
  • 再联系 langyue
    今天给学生把上个月讲的所有JavaScript基础知识点复习一遍，还是很多学生不扎实。下午正讲课的时候，有人加我qq好友，是wy。很久没有联系了，他突然加我，估计是有事儿，借钱？还是生病了？而且是很严重的病？没人说？我通过以后问，有事吗？他说没事，就是突然想起我了。呵呵。
  • 大前端完整学习路线（详解） 强哥科技兴
    第一阶段：HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征：正则表达式、排序算
  • 怎么样才能成为专业的程序员？ cocos2d-x小菜 编程PHP
      如何要想成为一名专业的程序员？仅仅会写代码是不够的。从团队合作去解决问题到版本控制，你还得具备其他关键技能的工具包。当我们询问相关的专业开发人员，那些必备的关键技能都是什么的时候，下面是我们了解到的情况。   关于如何学习代码，各种声音很多，然后很多人就被误导为成为专业开发人员懂得一门编程语言就够了？！呵呵，就像其他工作一样，光会一个技能那是远远不够的。如果你想要成为
  • java web开发 高并发处理 BreakingBad javaWeb并发开发处理高
    java处理高并发高负载类网站中数据库的设计方法（java教程,java处理大量数据，java高负载数据） 一：高并发高负载类网站关注点之数据库 没错,首先是数据库,这是大多数应用所面临的首个SPOF。尤其是Web2.0的应用，数据库的响应是首先要解决的。 一般来说MySQL是最常用的，可能最初是一个mysql主机，当数据增加到100万以上，那么，MySQL的效能急剧下降。常用的优化措施是M-S（
  • mysql批量更新 ekian mysql
    mysql更新优化： 一版的更新的话都是采用update set的方式，但是如果需要批量更新的话，只能for循环的执行更新。或者采用executeBatch的方式，执行更新。无论哪种方式，性能都不见得多好。 三千多条的更新，需要3分多钟。 查询了批量更新的优化，有说replace into的方式，即： replace into tableName(id,status) values
  • 微软BI（3） 18289753290 微软BI SSIS
    1) Q：该列违反了完整性约束错误；已获得 OLE DB 记录。源:“Microsoft SQL Server Native Client 11.0” Hresult: 0x80004005 说明:“不能将值 NULL 插入列 'FZCHID'，表 'JRB_EnterpriseCredit.dbo.QYFZCH'；列不允许有 Null 值。INSERT 失败。”。 A：一般这类问题的存在是
  • Java中的List g21121 java
            List是一个有序的 collection（也称为序列）。此接口的用户可以对列表中每个元素的插入位置进行精确地控制。用户可以根据元素的整数索引（在列表中的位置）访问元素，并搜索列表中的元素。         与 set 不同，列表通常允许重复
  • 读书笔记 永夜-极光 读书笔记
       1.  K是一家加工厂,需要采购原材料,有A,B,C,D 4家供应商,其中A给出的价格最低,性价比最高,那么假如你是这家企业的采购经理,你会如何决策?          传统决策: A:100%订单  B,C,D:0%     &nbs
  • centos 安装 Codeblocks 随便小屋 codeblocks
    1.安装gcc,需要c和c++两部分,默认安装下,CentOS不安装编译器的,在终端输入以下命令即可yum install gccyum install gcc-c++   2.安装gtk2-devel,因为默认已经安装了正式产品需要的支持库,但是没有安装开发所需要的文档.yum install gtk2* 3. 安装wxGTK    yum search w
  • 23种设计模式的形象比喻 aijuans 设计模式
    1、ABSTRACT FACTORY—追MM少不了请吃饭了，麦当劳的鸡翅和肯德基的鸡翅都是MM爱吃的东西，虽然口味有所不同，但不管你带MM去麦当劳或肯德基，只管向服务员说“来四个鸡翅”就行了。麦当劳和肯德基就是生产鸡翅的Factory 　　工厂模式：客户类和工厂类分开。消费者任何时候需要某种产品，只需向工厂请求即可。消费者无须修改就可以接纳新产品。缺点是当产品修改时，工厂类也要做相应的修改。如：
  • 开发管理 CheckLists aoyouzi 开发管理 CheckLists
    开发管理 CheckLists(23) -使项目组度过完整的生命周期 开发管理 CheckLists(22) -组织项目资源 开发管理 CheckLists(21) -控制项目的范围开发管理 CheckLists(20) -项目利益相关者责任开发管理 CheckLists(19) -选择合适的团队成员开发管理 CheckLists(18) -敏捷开发 Scrum Master 工作开发管理 C
  • js实现切换 百合不是茶 JavaScript栏目切换
    js主要功能之一就是实现页面的特效,窗体的切换可以减少页面的大小,被门户网站大量应用思路: 1,先将要显示的设置为display:bisible 否则设为none 2,设置栏目的id ,js获取栏目的id,如果id为Null就设置为显示 3,判断js获取的id名字;再设置是否显示   代码实现:   html代码: <di
  • 周鸿祎在360新员工入职培训上的讲话 bijian1013 感悟项目管理人生职场
            这篇文章也是最近偶尔看到的，考虑到原博客发布者可能将其删除等原因，也更方便个人查找，特将原文拷贝再发布的。“学东西是为自己的，不要整天以混的姿态来跟公司博弈，就算是混，我觉得你要是能在混的时间里，收获一些别的有利于人生发展的东西，也是不错的，看你怎么把握了”，看了之后，对这句话记忆犹新。  &
  • 前端Web开发的页面效果 Bill_chen htmlWebMicrosoft
    1.IE6下png图片的透明显示： <img src="图片地址" border="0" style="Filter.Alpha(Opacity)=数值(100),style=数值(3)"/> 或在<head></head>间加一段JS代码让透明png图片正常显示。 2.<li>标
  • 【JVM五】老年代垃圾回收：并发标记清理GC(CMS GC) bit1129 垃圾回收
      CMS概述 并发标记清理垃圾回收(Concurrent Mark and Sweep GC）算法的主要目标是在GC过程中，减少暂停用户线程的次数以及在不得不暂停用户线程的请夸功能，尽可能短的暂停用户线程的时间。这对于交互式应用，比如web应用来说，是非常重要的。   CMS垃圾回收针对新生代和老年代采用不同的策略。相比同吞吐量垃圾回收，它要复杂的多。吞吐量垃圾回收在执
  • Struts2技术总结 白糖_ struts2
      必备jar文件 早在struts2.0.*的时候，struts2的必备jar包需要如下几个： commons-logging-*.jar   Apache旗下commons项目的log日志包 freemarker-*.jar          
  • Jquery easyui layout应用注意事项 bozch jquery浏览器easyuilayout
    在jquery easyui中提供了easyui-layout布局，他的布局比较局限，类似java中GUI的border布局。下面对其使用注意事项作简要介绍：      如果在现有的工程中前台界面均应用了jquery easyui，那么在布局的时候最好应用jquery eaysui的layout布局，否则在表单页面（编辑、查看、添加等等）在不同的浏览器会出
  • java-拷贝特殊链表：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？ bylijinnan java
    public class CopySpecialLinkedList { /** * 题目：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？ 拷贝pNext指针非常容易，所以题目的难点是如何拷贝pRand指针。 假设原来链表为A1 -> A2 ->... -> An，新拷贝
  • color Chen.H JavaScripthtmlcss
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">    <HTML>    <HEAD>&nbs
  • [信息与战争]移动通讯与网络 comsci 网络
          两个坚持:手机的电池必须可以取下来                光纤不能够入户,只能够到楼宇       建议大家找这本书看看:<&
  • oracle flashback query(闪回查询) daizj oracleflashback queryflashback table
    在Oracle 10g中，Flash back家族分为以下成员： Flashback Database Flashback Drop Flashback Table Flashback Query(分Flashback Query,Flashback Version Query，Flashback Transaction Query) 下面介绍一下Flashback Drop 和Flas
  • zeus持久层DAO单元测试 deng520159 单元测试
    zeus代码测试正紧张进行中,但由于工作比较忙,但速度比较慢.现在已经完成读写分离单元测试了,现在把几种情况单元测试的例子发出来,希望有人能进出意见,让它走下去. 本文是zeus的dao单元测试: 1.单元测试直接上代码   package com.dengliang.zeus.webdemo.test; import org.junit.Test; import o
  • C语言学习三printf函数和scanf函数学习 dcj3sjt126com cprintfscanflanguage
    printf函数 /* 2013年3月10日20:42:32 地点：北京潘家园 功能： 目的： 测试%x %X %#x %#X的用法 */ # include <stdio.h> int main(void) { printf("哈哈！\n"); // \n表示换行 int i = 10; printf
  • 那你为什么小时候不好好读书? dcj3sjt126com life
    dady, 我今天捡到了十块钱, 不过我还给那个人了 good girl! 那个人有没有和你讲thank you啊 没有啦....他拉我的耳朵我才把钱还给他的, 他哪里会和我讲thank you   爸爸, 如果地上有一张5块一张10块你拿哪一张呢.... 当然是拿十块的咯... 爸爸你很笨的, 你不会两张都拿   爸爸为什么上个月那个人来跟你讨钱, 你告诉他没
  • iptables开放端口 Fanyucai linuxiptables端口
    1，找到配置文件 vi /etc/sysconfig/iptables   2，添加端口开放，增加一行，开放18081端口 -A INPUT -m state --state NEW -m tcp -p tcp --dport 18081 -j ACCEPT   3，保存 ESC :wq!   4，重启服务 service iptables
  • Ehcache（05）——缓存的查询 234390216 排序ehcache统计query
    缓存的查询 目录 1.    使Cache可查询 1.1     基于Xml配置 1.2     基于代码的配置 2     指定可搜索的属性 2.1     可查询属性类型 2.2 &
  • 通过hashset找到数组中重复的元素 jackyrong hashset
      如何在hashset中快速找到重复的元素呢?方法很多，下面是其中一个办法： int[] array = {1,1,2,3,4,5,6,7,8,8}; Set<Integer> set = new HashSet<Integer>(); for(int i = 0
  • 使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL lanrikey history
    后退时关闭当前页面 <script type="text/javascript"> jQuery(document).ready(function ($) {         if (window.history && window.history.pushState) {
  • 应用程序的通信成本 netkiller.github.com 虚拟机应用服务器陈景峰netkillerneo
    应用程序的通信成本 什么是通信 一个程序中两个以上功能相互传递信号或数据叫做通信。 什么是成本 这是是指时间成本与空间成本。 时间就是传递数据所花费的时间。空间是指传递过程耗费容量大小。 都有哪些通信方式 全局变量 线程间通信 共享内存 共享文件 管道 Socket 硬件（串口，USB） 等等 全局变量 全局变量是成本最低通信方法，通过设置
  • 一维数组与二维数组的声明与定义 恋洁e生 二维数组一维数组定义声明初始化
    /**  *  */ package test20111005; /**  * @author FlyingFire  * @date:2011-11-18 上午04:33:36  * @author ：代码整理  * @introduce :一维数组与二维数组的初始化  *summary：  */ public c
  • Spring Mybatis独立事务配置 toknowme mybatis
    在项目中有很多地方会使用到独立事务，下面以获取主键为例   （1）修改配置文件spring-mybatis.xml  <!-- 开启事务支持 -->  <tx:annotation-driven transaction-manager="transactionManager" />   &n
  • 更新Anadroid SDK Tooks之后，Eclipse提示No update were found xp9802 eclipse
    使用Android SDK Manager 更新了Anadroid SDK Tooks 之后， 打开eclipse提示 This Android SDK requires Android Developer Toolkit version 23.0.0 or above, 点击Check for Updates  检测一会后提示 No update were found 
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他