某人

此前素未谋面、此后遥遥无期

0%

MVVM

MVVM是Model-View-ViewModel 的简写,是MVC的改进版.

在双向绑定中,Model和View之间没有耦合,通过操作Model,利用ViewModel提供的机制,自动实现ViewModel的更新。

阅读全文 »

方案一:

使用inline-block与伪类

1
2
3
4
5
6
7
8
9
10
11
12
13
<style>
*{margin:0;padding:0;}
.g-popup-wrap{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1501;text-align: center;}
.g-popup-box{border:1px solid #ddd;background-color:#fff;display:inline-block;vertical-align:middle;text-align:left;color:#333;position:relative;}
.g-popup-wrap:after{content: " ";width: 0;height: 100%;display: inline-block;vertical-align: middle;}
</style>
<div class="g-popup-wrap">
<div class="g-popup-box">

<p style="text-align: center;padding:30px 100px;">测试数据</p>

</div>
</div>
阅读全文 »

两列左侧定宽,右侧自适应

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<style>
*{margin:0;padding:0;}
html,body{height:100%;}
.wrap{overflow:hidden;height:100%;}

.aside{float:left;width:200px;border:1px solid blue;height:100%;position:relative;margin-right:-100%;}
.main{float:right;width:100%;height:100%;}
.main-container{margin-left:210px;height:100%;border:1px solid red;}
</style>
<div class="wrap">
<aside class="aside">
aside
</aside>
<section class="main">
<article class="main-container">main</article>
</section>
</div>
阅读全文 »

OSI

OSI(Open System Interconnection)参考模型是国际标准化组织(ISO)制定的一个用于计算机或通信系统间互联的标准体系,一般称为OSI参考模型或七层模型。

为开放式互连信息系统提供了一种功能结构的框架。它从高到低分别是:应用层、表示层、会话层、传输层、网络层、数链路层、物理层

image

阅读全文 »

Function.prototype.apply()

apply() 方法调用一个函数, 其具有一个指定的this值,以及作为一个数组(或类似数组的对象)提供的参数。

语法:

1
fun.apply(thisArg, [argsArray])
阅读全文 »

angularjs双向绑定

双向绑定:界面的操作能实时反映到数据,数据的改变能实时反映界面,如下图:文本框的操作

image

阅读全文 »

yarn

yarn 是由Facebook、Google、Exponent 和 Tilde 联合推出的 JS 包管理工具

弥补 npm 的一些缺陷

  • npm 安装包(packages)的速度不够快,拉取的 packages 可能版本不同
  • npm 允许在安装 packages 时执行代码,这就埋下了安全隐患
阅读全文 »

escape()和unescape()函数

escape()函数

定义和用法: escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串。

字符的16进制格式值,当该值小于等于0xFF时,用一个2位转移序列: %xx 表示. 大于的话则使用4位序列:%uxxxx 表示.

返回值: 已编码的 string 的副本。其中某些字符被替换成了十六进制的转义序列。

阅读全文 »