迷你MVVM框架 avalonjs 学习教程6、插入移除处理

ms-if是属于流程绑定的一种，如果表达式为真值那么就将当前元素输出页面，不是就将它移出DOM树。它的效果与上一章节的ms-visible效果看起来相似的，但它会影响到:empty伪类，并能更节约性能。ms-if还有一个分支，叫ms-if-loop，它是配合ms-repeat绑定使用，因此以后再说。

我们可以通过以下例子比较一下两者：


<!DOCTYPE HTML>

<html>

    <head>

        <title>ms-if</title>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <script src="avalon.js" ></script>

        <script>

            var vmodel = avalon.define({

                $id: "test",

                object: {}

            })



            setTimeout(function() {

                vmodel.object = {id: "132", message: "显示！！"}

            }, 3000)



            setTimeout(function() {

                vmodel.object = {}

            }, 5000)



        </script>

    </head>

    <body>

        <div ms-controller="test" >

            这是比较输出结果:{{object.id != null}}

            <div ms-visible="object.id != null">

                这是visible的:

                <span>{{object.message}}</span>

            </div>

            <div ms-if="object.id != null">

                这是if的:

                <span>{{object.message}}</span>

            </div>

        </div>

    </body>

</html>

enter image description here

ms-if的实现比ms-visible复杂多了，如果一开始扫描到此元素，计算其值为false，它就不会再扫描里面的元素，并且立即移除此元素。这正是它比ms-visible性能更优的关键。为了能在重新插入DOM时找到正确的位置，avalon还得创建一个注释节点做路标。而被移除的元素是放在一个叫ifSanctuary的DIV中，方便统一管理。

"if": function(data, vmodels) {//这里是第一次扫描时的执行函数

    var elem = data.element

    elem.removeAttribute(data.name)

    if (!data.placehoder) {

        data.msInDocument = data.placehoder = DOC.createComment("ms-if")

    }

    data.vmodels = vmodels

    parseExprProxy(data.value, vmodels, data)

},





"if": function(val, elem, data) {//这是每次改变ViewModel对应属性时的执行函数

    var placehoder = data.placehoder

    if (val) { //插回DOM树

        if (!data.msInDocument) {

            data.msInDocument = true

            if(placehoder.parentNode)

                placehoder.parentNode.replaceChild(elem, placehoder)

            } 

        }

        if (rbind.test(elem.outerHTML.replace(rlt, "<").replace(rgt, ">"))) {

            scanAttr(elem, data.vmodels)

        }

    } else { //移出DOM树，放进ifSanctuary DIV中，并用注释节点占据原位置

        if (data.msInDocument) {

            data.msInDocument = false

            if(elem.parentNode)

                elem.parentNode.replaceChild(placehoder, elem)

            } 

            placehoder.elem = elem

            ifSanctuary.appendChild(elem)

        }

    }

},

最后，我们还是用切换卡例子结束本章吧。

<!DOCTYPE html>

<html>

    <head>

        <title>TODO supply a title</title>

        <meta charset="UTF-8">

        <meta name="viewport" content="width=device-width">

        <script src="avalon.js"></script>

        <script >

            var model = avalon.define({

                $id: "test",

                currentIndex: 0,

                toggle: function(index) {

                    model.currentIndex = index

                }

            })

        </script>

        <style>

            button{

                width:150px;

                height:30px;

                line-height: 30px;

                text-align: center;

            }

            .ms-tabs{

                border:1px solid violet;

                width: 430px;

                padding:5px;

                height: 200px;

            }

        </style>



    </head>

    <body ms-controller="test" >

        <button ms-click="toggle(0)">触发器1</button> 

        <button ms-click="toggle(1)">触发器2</button>

        <button ms-click="toggle(2)" >触发器3</button>

        <div class="ms-tabs" ms-if="currentIndex === 0">切换卡1<br/>其他内容</div>

        <div class="ms-tabs" ms-if="currentIndex === 1">切换卡2<br/>及司徒正美</div>

        <div class="ms-tabs" ms-if="currentIndex === 2">切换卡3<br/>最后一个了</div>

    </body>

</html>

enter image description here

你可能感兴趣的:(val)

  • 面试题 链表相交 -剑指offer简单 努力搬砖的小王 日常杂记链表leetcode数据结构
    面试题链表相交题目链接给你两个单链表的头节点headA和headB，请你找出并返回两个单链表相交的起始节点。如果两个链表没有交点，返回null。图示两个链表在节点c1开始相交：题目数据保证整个链式结构中不存在环。注意，函数返回结果后，链表必须保持其原始结构。示例1：输入：intersectVal=8,listA=[4,1,8,4,5],listB=[5,0,1,8,4,5],skipA=2,ski
  • 2020-02-23晒太阳 雀岛札记
    近几日主要幸福感来源是晒太阳。热乎乎的躺在阳光下。脑袋里似乎什么也没有，纯然的活在那个当下的时刻。清晨的阳光，午间的阳光，甚至于绵延的夕阳。在阳光下睡去，似被抚摸着。当然还有这几日的清晨冥想，每日才12分钟，虽不长，但是这么一个仪式，似乎是把人拉人一个清净的状态，静静的深呼吸。静静地去感受身体的存在。今日上推特，去看Naval发的内容，其中之一是讲到冥想，一小时起步，全然去放空自己。我觉得这个可以
  • MySQL8.0新特性~最左前缀匹配原则被打破了 进击的CJR mysqlmysql
    测试在MySQL8.0.25和mysql5.7.33中创建如下CREATETABLEt1(f1INTNOTNULL,f2INTNOTNULL,PRIMARYKEY(f1,f2));INSERTINTOt1VALUES(1,1),(1,2),(1,3),(1,4),(1,5),(2,1),(2,2),(2,3),(2,4),(2,5);INSERTINTOt1SELECTf1,f2+5FROMt1;
  • Swift中的字典 下班不写程序
    使用let定义不可变字典.2.使用var定义可变字典.3.字典也是使用[]来表示.1.字典的定义、取值、赋值、移除funcdemo(){//1.定义一个OC中的字典,key/value都是字符串letdict=["name":"老张","age":"18"]print(dict)//结果:["name":"老张","age":"18"]//2.初始化一个不可变的指定类型的空字典letdict4=[
  • Python数据可视化：25年GDP之变_基于d3 2401_84558508 程序员python信息可视化开发语言
    同时还需要注意一下编码问题，这里的CSV文件需要用gbk编码。下面是从统计局下载下来的CSV数据。我偷了个懒，直接就先在表格里删除了前三行，如下。接下来便是用Python对数据进行规整，代码如下。 importpandasaspd#读取数据df=pd.read_csv(gdp.csv,encoding=utf-8)(names,values,dates)=([],[],[])#记得去除地区这个列名
  • 解决： ImportError: Missing optional dependency ‘openpyxl’. Use pip or conda to install openpyxl. 白舟的博客 抠脑问题pipconda
    问题：使用代码时：importpandasaspd#替换为你的Excel文件路径excel_path='path_to_your_excel_file.xlsx'#使用pandas的read_excel函数读取Excel文件df=pd.read_excel(excel_path)#将DataFrame转换为数组data_array=df.values#打印数组print(data_array)然后
  • 第四十九章 Caché 函数大全 $PIECE 函数 Cache技术分享
    第四十九章Caché函数大全$PIECE函数使用定界符返回或替换子字符串。大纲$PIECE(string,delimiter,from,to)$P(string,delimiter,from,to)SET$PIECE(string,delimiter,from,to)=valueSET$P(string,delimiter,from,to)=value参数string标识分隔的子字符串的目标字符串
  • sqlalchemy.orm中validates对两个字段进行联合校验 weixin_41956627 数据库python
    版本sqlalchemy==1.4.37需求说明有个场景，需要在orm中对两个字段进行联合校验，当col1='xxx’时，对col2的长度进行检查，超过限制（500）时，进行截断。网上找了很久，没找到类似的实现，自己摸索出来了一套方法；解决在validates装饰器中，它是在设置字段值之前被调用的，validates包装的函数校验完成后通过return赋值给字段validates的执行顺序看起来是
  • Java开发中的常用字段校验注解 呢喃coding Javajavawindowspython
    在Java开发中，数据校验是确保应用程序的数据完整性和一致性的重要步骤。Java提供了一系列注解来简化数据校验的过程，以下是一些常用的字段校验注解及其示例代码：@NotNull@NotNull用于确保字段不为null，适用于任何类型的字段，包括基本数据类型和对象引用。importjavax.validation.constraints.NotNull;publicclassExample{@Not
  • git报错 remote.origin.url has multiple values 自律的蜗牛 elasticsearch大数据搜索引擎
    remote.origin.urlhasmultiplevalues报错解释：这个错误通常发生在使用Git时，意味着配置remote.origin.url键的值存在多个不同的URL。这可能是因为你多次添加了远程仓库的URL，或者是因为你的.git/config文件中有多个条目指定了不同的URL。解决方法：打开终端或命令行界面。使用gitconfig--get-allremote.origin.ur
  • Selenium面试题（二） 知识的宝藏 Selenium（Java）selenium测试工具
    如何在不使用sendKeys()的情况下输入文本可以通过组合使用JavaScript和WebDriver扩展类来实现。以下是一个示例代码：publicstaticvoidsetAttribute(WebElementelement,StringattributeName,Stringvalue){WrapsDriverwrappedElement=(WrapsDriver)element;Java
  • Spring Boot 注解探秘：@Validated 开启数据验证之旅（下） coding侠客 springbootjava后端springcloud
    今天我们继续来探究自定义验证规则以及@Validated结合@RestControllerAdvice实现全局异常处理。首先来看自定义验证规则。假设有一个场景，需要批量解绑手机号和微信，为了确保请求数据的有效性和一致性，我们应当如何对请求参数进行严格的校验呢？首先，创建用于数据验证的实体类。@DatapublicclassAccount{@NotBlank(message="手机号不能为空")@P
  • postgresql 判断数据是否存在，存在更新，不存在则插入 llc的足迹 数据库postgresql
    INSERTINTOtable_name(create_time,update_time,name,latest_time)VALUES(NOW(),NOW(),'name''2023-04-2519:05:50')ONCONFLICT(name)DOUPDATESETupdate_time=NOW(),target_name='name',latest_time='2023-04-2519:05
  • python错误处理（try except ） 960 python开发语言
    finally如果有，则一定会被执行（可以没有finally语句）。以有多个except来捕获不同类型的错误：try:print('try...')r=10/int('a')print('result:',r)exceptValueErrorase:print('ValueError:',e)exceptZeroDivisionErrorase:print('ZeroDivisionError:'
  • JsonCpp源码分析——Reader 哎呦，帅小伙哦 #jsoncppjson
    1、与Writer模块功能相反，可以将Reader理解成一个反序列化的工具，Writer的作用主要是将Value对象转成string或者流式的结构，Reader的作用主要是将流式的结构转成Value类型的对象。Reader类的主要职责有3个，解析JSON字符串：将JSON格式的字符串读取并解析成相应的C++数据结构。处理不同的数据类型，支持解析JSON对象、数组、字符串、数字、布尔值和null。处
  • Vue——v-model双向绑定数据原理及用法 樱丸小桃子啊 Vue前端vuevue.js
    vue中双向绑定是一个指令v-model，所谓的双绑就是可以绑定一个响应式数据到视图，同时视图中变化能改变该值。v-model是语法糖，默认情况下相当于:value和@input。使用v-model可以减少大量繁琐的事件处理代码，提高开发效率。通常在表单项上使用v-model，还可以在自定义组件上使用，表示某个值的输入和输出控制。比如说我们在input上使用时，我们将xxx的值绑定到表单元素val
  • 已解决SyntaxError : invalid character in identifier异常的正确解决方法，亲测有效！！！ 飞码创造者 解决bugpythonbug
    已解决SyntaxError:invalidcharacterinidentifier异常的正确解决方法，亲测有效！！！文章目录报错问题报错原因解决方法报错问题SyntaxError:invalidcharacterinidentifier异常报错原因
  • 总结函数相关知识 你会发光哎u JavaScript高级学习javascript前端开发语言
    这里写目录标题1.函数的特性声明调用参数参数默认值返回值属性方法arguments剩余参数（`rest`）作用域原型`this`指向执行过程2.特殊的函数`with`函数`eval`函数apply/call/bind函数纯函数箭头函数立即执行函数`IIFE`高阶函数递归函数组合函数柯里化函数概念优势自动柯里化类和构造函数JavaScript是支持函数式编程的，在JavaScript中函数是一等公民
  • 使用java代码实现操作数据库的创建等系列操作 两点王爷 数据库javaoracle
    创作背景：使用代码实现对PostgreSQL数据库的创建用户、授权用户、删除用户系列操作！1、导入相关的依赖org.projectlomboklombokcn.hutoolhutool-all5.8.262、具体实现创建实体类@Data@ApiModel(value="EntityDataBase",description="实体数据库相关内容")publicclassEntityDataBase
  • 使用Ananconda prompt创建环境时出现：UnavailableInvalidChannel: HTTP 404 NOT FOUND for channel simple 小新eQ promptpythonpip
    出现以下问题：UnavailableInvalidChannel:HTTP404NOTFOUNDforchannelsimple Thechannelisnotaccessibleorisinvalid.Youwillneedtoadjustyourcondaconfigurationtoproceed.Use`condaconfig--showchannels`toviewyourconfigu
  • 【python3.3.2】 首次接触python print 出现SyntaxError: invalid syntax 唯落瑾年 python
    3.0以后的print都改为了print();>>>print'hello'SyntaxError:invalidsyntax>>>print('hello')hello>>>print(2*8)16
  • Anaconda报错 fengshuaicool pythonpycharm开发语言
    Anaconda更新一直报错，修改为国内镜像也不好使，最终找到了未被屏蔽的镜像。错误日志：UnavailableInvalidChannel:Thechannelisnotaccessibleorisinvalid.channelname:simplechannelurl:http://pypi.douban.com/simpleerrorcode:404意思是资源路径无效或无法访问；资源的url
  • 2024年Python最全Python-Matplotlib可视化（1）——一文详解常见统计图的绘制(1) 2401_84558452 程序员pythonmatplotlib开发语言
    importmatplotlib.pyplotaspltx=range(50)y=[value*2forvalueinx]plt.plot(x,y)plt.show()上述代码将会绘制曲线y=2*x，其中x在[0，50]范围内，如下所示：可以看到窗口上方还包含多个图标，其中：|项目|Value||—|—|||此按钮用于将所绘制的图形另存为所需格式的图片，包括png，jpg，pdf，svg等常见格式
  • Vue2——v-model 双向绑定的原理 AYANGIJ javascriptvue.js前端
    v-model是vue中进行数据双向绑定的指令，v-model本质就是:value+input方法的语法糖。可以通过model属性的prop和event属性来进行自定义。原生的v-model，会根据标签的不同生成不同的事件和属性。例如：text和textarea元素使用value属性和input事件checkbox和radio使用checked属性和change事件select字段将value作为
  • 前端基础面试题·第三篇——JavaScript（其四） DT—— 前端面试javascript前端开发语言
    highlight:atom-one-dark1.JSON.stringifyJSON.stringify()方法将一个JavaScript值（对象或者数组）转换为一个JSON字符串，如果指定了一个replacer函数，则可以替换值。语法：JSON.stringify(value,replacer,space)参数value：要转换的值。replacer：替换值，可以是一个函数或者数组。（这个参数
  • python-记录字符串种字符出现次数 酸辣小太阳. python入门python算法
    该类题目用字典明显方便，先上代码：s=input("请输入一个字符串:")num={}foriins:num[i]=s.count(i)forkey,valueinnum.items():print('{key}:{value}次'.format(key=key,value=value))运行结果：这里有几个值得关注的点：1.为字典添值前，需要先创建字典，这里num={}是动态创建，2.计数可以直
  • 2019-04-03 昊小淘淘
    一.课程回顾网络环境检查1.检查IP地址1:lo:mtu65536qdiscnoqueuestateUNKNOWNgroupdefaultqlen1000link/loopback00:00:00:00:00:00brd00:00:00:00:00:00inet127.0.0.1/8scopehostlovalid_lftforeverpreferred_lftforeverinet6::1/12
  • uniapp媒体 小汤猿人类 uni-app媒体
    uni.previewImage实现图片放大预览//图片预览函数functiononPreview(index){//收集所有图片的urlvarurls=pets.value.data.map(item=>item.url)//预览图片uni.previewImage({current:index,//当前预览的图片索引urls:urls//所有图片的url数组})}
  • CANopen补充--时间计算出错 月落三千雪 CANopen教程linuxc语言单片机
    本专题相关教程：基于STM32F4的CANOpen移植教程基于STM32F4的CANopen快速SDO通信linux下CANopenforpython的使用基于LinuxC的CANopen移植CANopen补充–时间计算出错CANopen补充–主站检测节点是否在线0前言温馨提示，本文为基于LinuxC的CANopen移植后续。如果你在移植完canfestival之后，需要使用与时间相关的功能，如p
  • Redis缓存机制(详解) 就是有缘人 redis缓存数据库
    1.Redis是什么?*redis是*一个运行在内存上的key-value存储系统。是NoSQL数据库之一2.缓存穿透,缓存击穿,缓存雪崩/**缓存穿透*/它会先查询Redis,Redis没有会查询数据库,数据库也没有这就是缓存穿透业界主流解决方案:布隆过滤器布隆过滤器的使用步骤布隆过滤器的使用步骤:1.针对现有所有数据,生成布隆过滤器2.在业务逻辑层,判断Redis之前先检查这个id是否在布隆过
  • tomcat基础与部署发布 暗黑小菠萝 Tomcat java web
    从51cto搬家了，以后会更新在这里方便自己查看。 做项目一直用tomcat，都是配置到eclipse中使用，这几天有时间整理一下使用心得，有一些自己配置遇到的细节问题。 Tomcat：一个Servlets和JSP页面的容器，以提供网站服务。 一、Tomcat安装     安装方式：①运行.exe安装包      &n
  • 网站架构发展的过程 ayaoxinchao 数据库应用服务器网站架构
    1.初始阶段网站架构：应用程序、数据库、文件等资源在同一个服务器上 2.应用服务和数据服务分离：应用服务器、数据库服务器、文件服务器 3.使用缓存改善网站性能：为应用服务器提供本地缓存，但受限于应用服务器的内存容量，可以使用专门的缓存服务器，提供分布式缓存服务器架构 4.使用应用服务器集群改善网站的并发处理能力：使用负载均衡调度服务器，将来自客户端浏览器的访问请求分发到应用服务器集群中的任何
  • [信息与安全]数据库的备份问题 comsci 数据库
          如果你们建设的信息系统是采用中心-分支的模式,那么这里有一个问题   如果你的数据来自中心数据库,那么中心数据库如果出现故障,你的分支机构的数据如何保证安全呢?    是否应该在这种信息系统结构的基础上进行改造,容许分支机构的信息系统也备份一个中心数据库的文件呢?  &n
  • 使用maven tomcat plugin插件debug关联源代码 商人shang mavendebug查看源码tomcat-plugin
    *首先需要配置好'''maven-tomcat7-plugin'''，参见[[Maven开发Web项目]]的'''Tomcat'''部分。 *配置好后，在[[Eclipse]]中打开'''Debug Configurations'''界面，在'''Maven Build'''项下新建当前工程的调试。在'''Main'''选项卡中点击'''Browse Workspace...'''选择需要开发的
  • 大访问量高并发 oloz 大访问量高并发
    大访问量高并发的网站主要压力还是在于数据库的操作上，尽量避免频繁的请求数据库。下面简 要列出几点解决方案： 01、优化你的代码和查询语句，合理使用索引 02、使用缓存技术例如memcache、ecache将不经常变化的数据放入缓存之中 03、采用服务器集群、负载均衡分担大访问量高并发压力 04、数据读写分离 05、合理选用框架，合理架构(推荐分布式架构)。
  • cache 服务器 小猪猪08 cache
    Cache   即高速缓存.那么cache是怎么样提高系统性能与运行速度呢？是不是在任何情况下用cache都能提高性能？是不是cache用的越多就越好呢？我在近期开发的项目中有所体会，写下来当作总结也希望能跟大家一起探讨探讨，有错误的地方希望大家批评指正。 　　1.Cache   是怎么样工作的? 　　Cache   是分配在服务器上
  • mysql存储过程 香水浓 mysql
    Description:插入大量测试数据 use xmpl; drop procedure if exists mockup_test_data_sp; create procedure mockup_test_data_sp( in number_of_records int ) begin declare cnt int; declare name varch
  • CSS的class、id、css文件名的常用命名规则 agevs JavaScriptUI框架Ajaxcss
      CSS的class、id、css文件名的常用命名规则     (一)常用的CSS命名规则 　　头：header 　　内容：content/container 　　尾：footer 　　导航：nav 　　侧栏：sidebar 　　栏目：column 　　页面外围控制整体布局宽度：wrapper 　　左右中：left right
  • 全局数据源 AILIKES javatomcatmysqljdbcJNDI
    实验目的：为了研究两个项目同时访问一个全局数据源的时候是创建了一个数据源对象，还是创建了两个数据源对象。 1：将diuid和mysql驱动包（druid-1.0.2.jar和mysql-connector-java-5.1.15.jar）copy至%TOMCAT_HOME%/lib下；2：配置数据源，将JNDI在%TOMCAT_HOME%/conf/context.xml中配置好,格式如下：&l
  • MYSQL的随机查询的实现方法 baalwolf mysql
    MYSQL的随机抽取实现方法。举个例子，要从tablename表中随机提取一条记录，大家一般的写法就是：SELECT * FROM tablename ORDER BY RAND() LIMIT 1。但是，后来我查了一下MYSQL的官方手册，里面针对RAND()的提示大概意思就是，在ORDER BY从句里面不能使用RAND()函数，因为这样会导致数据列被多次扫描。但是在MYSQL 3.23版本中，
  • JAVA的getBytes()方法 bijian1013 javaeclipseunixOS
        在Java中，String的getBytes()方法是得到一个操作系统默认的编码格式的字节数组。这个表示在不同OS下，返回的东西不一样！      String.getBytes(String decode)方法会根据指定的decode编码返回某字符串在该编码下的byte数组表示，如： byte[] b_gbk = "
  • AngularJS中操作Cookies bijian1013 JavaScriptAngularJSCookies
            如果你的应用足够大、足够复杂，那么你很快就会遇到这样一咱种情况：你需要在客户端存储一些状态信息，这些状态信息是跨session(会话)的。你可能还记得利用document.cookie接口直接操作纯文本cookie的痛苦经历。         幸运的是，这种方式已经一去不复返了，在所有现代浏览器中几乎
  • [Maven学习笔记五]Maven聚合和继承特性 bit1129 maven
    Maven聚合   在实际的项目中，一个项目通常会划分为多个模块，为了说明问题，以用户登陆这个小web应用为例。通常一个web应用分为三个模块： 1. 模型和数据持久化层user-core, 2. 业务逻辑层user-service以 3. web展现层user-web， user-service依赖于user-core user-web依赖于user-core和use
  • 【JVM七】JVM知识点总结 bit1129 jvm
      1. JVM运行模式 1.1 JVM运行时分为-server和-client两种模式，在32位机器上只有client模式的JVM。通常，64位的JVM默认都是使用server模式，因为server模式的JVM虽然启动慢点，但是，在运行过程，JVM会尽可能的进行优化 1.2 JVM分为三种字节码解释执行方式：mixed mode, interpret mode以及compiler
  • linux下查看nginx、apache、mysql、php的编译参数 ronin47
    在linux平台下的应用，最流行的莫过于nginx、apache、mysql、php几个。而这几个常用的应用，在手工编译完以后，在其他一些情况下（如：新增模块），往往想要查看当初都使用了那些参数进行的编译。这时候就可以利用以下方法查看。 1、nginx [root@361way ~]# /App/nginx/sbin/nginx -V nginx: nginx version: nginx/
  • unity中运用Resources.Load的方法？ brotherlamp unity视频unity资料unity自学unityunity教程
    问：unity中运用Resources.Load的方法？ 答：Resources.Load是unity本地动态加载资本所用的方法,也即是你想动态加载的时分才用到它,比方枪弹,特效,某些实时替换的图像什么的,主张此文件夹不要放太多东西,在打包的时分,它会独自把里边的一切东西都会集打包到一同,不论里边有没有你用的东西,所以大多数资本应该是自个建文件放置 1、unity实时替换的物体即是依据环境条件
  • 线段树-入门 bylijinnan java算法线段树
    /** * 线段树入门 * 问题：已知线段[2,5] [4,6] [0,7]；求点2,4,7分别出现了多少次 * 以下代码建立的线段树用链表来保存，且树的叶子结点类似[i,i] * * 参考链接：http://hi.baidu.com/semluhiigubbqvq/item/be736a33a8864789f4e4ad18 * @author lijinna
  • 全选与反选 chicony 全选
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>全选与反选</title>
  • vim一些简单记录 chenchao051 vim
    mac在/usr/share/vim/vimrc linux在/etc/vimrc   1、问：后退键不能删除数据，不能往后退怎么办？       答：在vimrc中加入set backspace=2   2、问：如何控制tab键的缩进？       答：在vimrc中加入set tabstop=4 (任何
  • Sublime Text 快捷键 daizj 快捷键sublime
    [size=large][/size]Sublime Text快捷键：Ctrl+Shift+P：打开命令面板Ctrl+P：搜索项目中的文件Ctrl+G：跳转到第几行Ctrl+W：关闭当前打开文件Ctrl+Shift+W：关闭所有打开文件Ctrl+Shift+V：粘贴并格式化Ctrl+D：选择单词，重复可增加选择下一个相同的单词Ctrl+L：选择行，重复可依次增加选择下一行Ctrl+Shift+L：
  • php 引用(&)详解 dcj3sjt126com PHP
    在PHP 中引用的意思是：不同的名字访问同一个变量内容. 与Ｃ语言中的指针是有差别的．Ｃ语言中的指针里面存储的是变量的内容在内存中存放的地址 变量的引用 PHP 的引用允许你用两个变量来指向同一个内容  复制代码代码如下: <?  $a="ABC";  $b =&$a;  echo
  • SVN中trunk,branches,tags用法详解 dcj3sjt126com SVN
    Subversion有一个很标准的目录结构，是这样的。比如项目是proj，svn地址为svn://proj/，那么标准的svn布局是svn://proj/|+-trunk+-branches+-tags这是一个标准的布局，trunk为主开发目录，branches为分支开发目录，tags为tag存档目录（不允许修改）。但是具体这几个目录应该如何使用，svn并没有明确的规范，更多的还是用户自己的习惯。
  • 对软件设计的思考 e200702084 设计模式数据结构算法ssh活动
    软件设计的宏观与微观    软件开发是一种高智商的开发活动。一个优秀的软件设计人员不仅要从宏观上把握软件之间的开发，也要从微观上把握软件之间的开发。宏观上，可以应用面向对象设计，采用流行的SSH架构，采用web层，业务逻辑层，持久层分层架构。采用设计模式提供系统的健壮性和可维护性。微观上，对于一个类，甚至方法的调用，从计算机的角度模拟程序的运行情况。了解内存分配，参数传
  • 同步、异步、阻塞、非阻塞 geeksun 非阻塞
    同步、异步、阻塞、非阻塞这几个概念有时有点混淆，在此文试图解释一下。   同步：发出方法调用后，当没有返回结果，当前线程会一直在等待（阻塞）状态。 场景：打电话，营业厅窗口办业务、B/S架构的http请求-响应模式。   异步：方法调用后不立即返回结果，调用结果通过状态、通知或回调通知方法调用者或接收者。异步方法调用后，当前线程不会阻塞，会继续执行其他任务。 实现：
  • Reverse SSH Tunnel 反向打洞實錄 hongtoushizi ssh
    實際的操作步驟： # 首先，在客戶那理的機器下指令連回我們自己的 Server，並設定自己 Server 上的 12345 port 會對應到幾器上的 SSH port ssh -NfR 12345:localhost:22 [email protected] # 然後在 myhost 的機器上連自己的 12345 port，就可以連回在客戶那的機器 ssh localhost -p 1
  • Hibernate中的缓存 Josh_Persistence 一级缓存Hiberante缓存查询缓存二级缓存
    Hibernate中的缓存   一、Hiberante中常见的三大缓存：一级缓存，二级缓存和查询缓存。 Hibernate中提供了两级Cache，第一级别的缓存是Session级别的缓存，它是属于事务范围的缓存。这一级别的缓存是由hibernate管理的，一般情况下无需进行干预；第二级别的缓存是SessionFactory级别的缓存，它是属于进程范围或群集范围的缓存。这一级别的缓存
  • 对象关系行为模式之延迟加载 home198979 PHP架构延迟加载
    形象化设计模式实战     HELLO!架构   一、概念 Lazy Load：一个对象，它虽然不包含所需要的所有数据，但是知道怎么获取这些数据。 延迟加载貌似很简单，就是在数据需要时再从数据库获取，减少数据库的消耗。但这其中还是有不少技巧的。     二、实现延迟加载 实现Lazy Load主要有四种方法：延迟初始化、虚
  • xml 验证 pengfeicao521 xmlxml解析
    有些字符，xml不能识别，用jdom或者dom4j解析的时候就报错 public static void testPattern() { // 含有非法字符的串 String str =       "Jamey&#52828;&#01;&#02;&#209;&#1282
  • div设置半透明效果 spjich css半透明
    为div设置如下样式：   div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}        说明： 1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认2、-moz-opaci
  • 你真的了解单例模式么？ w574240966 java单例设计模式jvm
        单例模式，很多初学者认为单例模式很简单，并且认为自己已经掌握了这种设计模式。但事实上，你真的了解单例模式了么。   一，单例模式的5中写法。（回字的四种写法，哈哈。）     1，懒汉式           （1）线程不安全的懒汉式 public cla
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他