vue2.0双向绑定 发表于 2018-03-13 更新于 2021-06-01 分类于 javascript MVVMMVVM是Model-View-ViewModel 的简写,是MVC的改进版. 在双向绑定中,Model和View之间没有耦合,通过操作Model,利用ViewModel提供的机制,自动实现ViewModel的更新。 阅读全文 »
水平垂直居中 发表于 2018-01-10 更新于 2021-06-01 分类于 css 方案一:使用inline-block与伪类 12345678910111213<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> 阅读全文 »
页面布局 发表于 2018-01-01 更新于 2021-06-01 分类于 css 两列左侧定宽,右侧自适应1234567891011121314151617<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七层模型 发表于 2017-12-08 更新于 2021-06-01 分类于 前端 OSIOSI(Open System Interconnection)参考模型是国际标准化组织(ISO)制定的一个用于计算机或通信系统间互联的标准体系,一般称为OSI参考模型或七层模型。 为开放式互连信息系统提供了一种功能结构的框架。它从高到低分别是:应用层、表示层、会话层、传输层、网络层、数链路层、物理层 阅读全文 »
函数apply-call-bind 发表于 2017-06-18 更新于 2021-06-01 分类于 javascript Function.prototype.apply()apply() 方法调用一个函数, 其具有一个指定的this值,以及作为一个数组(或类似数组的对象)提供的参数。 语法:1fun.apply(thisArg, [argsArray]) 阅读全文 »
angularjs1.x双向绑定 发表于 2017-05-06 更新于 2021-06-01 分类于 angular angularjs双向绑定双向绑定:界面的操作能实时反映到数据,数据的改变能实时反映界面,如下图:文本框的操作 阅读全文 »
yarn 发表于 2017-04-08 更新于 2021-06-01 分类于 工具 yarnyarn 是由Facebook、Google、Exponent 和 Tilde 联合推出的 JS 包管理工具 弥补 npm 的一些缺陷 npm 安装包(packages)的速度不够快,拉取的 packages 可能版本不同 npm 允许在安装 packages 时执行代码,这就埋下了安全隐患 阅读全文 »
JavaScript编码 发表于 2017-02-14 更新于 2021-06-01 分类于 前端 escape()和unescape()函数escape()函数定义和用法: escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串。 字符的16进制格式值,当该值小于等于0xFF时,用一个2位转移序列: %xx 表示. 大于的话则使用4位序列:%uxxxx 表示. 返回值: 已编码的 string 的副本。其中某些字符被替换成了十六进制的转义序列。 阅读全文 »