IVY DOM


 

人生就像一副复杂拼图
每个人总有属於自己的记忆碎片
优质美国空间-老薛主机|IVY DOM|Flowline|

联系我

RSS




七月 17, 2016

JavaScript实现数据双向绑定、模版引擎和事件绑定

 

主要实现以下功能:

  1. 解析HTML模版
  2. 将模版中的变量与js中的变量对应
  3. 重新绑定HTML Element的各项事件(点击、双击、键盘抬起、键盘按下等)
  4. 每个事件都能享受整个app启动的this变量
  5. 数据改变后马上重新渲染dom

是vuejs的[……]

Read more

五月 17, 2016

JavaScript扫盲之自动化部署

什么是自动化部署?

三个步骤:

本机编写代码 -> 上传代码到服务器 -> 浏览器访问

自动化部署有四种解决方案:

  1. SVN,这是最方便的一种解决方案,也是很多初学者一开始就用的方案。
  2. Git,Git又包含了两种方案,一种是自搭Git服务器,后面的[……]

Read more

五月 08, 2016

JavaScript扫盲之get/set

最近几年,前端界的mvc、mvvm、mvp框架特别流行,比如Angularjs、React、Vuejs。

今天,我们来谈谈Vuejs的实现原理。相比Angularjs、React,Vuejs的实现方案是最简单的,前者都是重新写的解释器,而Vue则很好的利用了ES5(不是ES6)的特性,所以IE[……]

Read more

五月 08, 2016

JavaScript扫盲之CommonJS与AMD

CommonJS与AMD分别是什么?

这两者都是JavaScript的模块加载规范,不同之处在于,CommonJS面向服务器端JavaScript,也就是NodeJS;而AMD面向浏览器环境中的JavaScript。而且,CommonJS是同步加载模块,AMD是异步加载模块。

注[……]

Read more

三月 09, 2016

WebAPP总览

手机端应用开发

平台

  1. iOS
  2. Android
  3. Windows 10
  4. Web

开发工具/语言

前端

  1. iOS -> XCode -> Swift/Objective-C
  2. Android -> Android Studio/Eclipse/Visual Studio -> Java/C[……]

Read more

三月 08, 2016

HTML5 canvas图像开发之多图层单个保存问题

HTML5的canvas可以直接覆盖,但当单个保存图层时会发生上一层图层附带下一层图层图像问题

解决办法是使用getImageData获得图像二进制数据,这个二进制数据是单独的canvas图像数据

再使用putImage将二进制数据绘制到新的canvas上,最后使用toDataURL转换为ba[……]

Read more

二月 22, 2016

解决Restify不记名令牌验证中出现的Authorization Header头失效问题

在使用了不记名令牌验证时,会使用Authorization头,而restify默认是不识别Authorization头的。
restify内置有cors模块,并且提供单独的逻辑进行处理,其默认可接收头列表如下:
[
‘accept’,
‘accept-version'[……]

Read more

二月 21, 2016

js 克隆对象

js的对象、数组传值都是按引用传递的,所以当把某个对象传递给某个变量时,操作新变量相当于操作原对象。
这时只需要手动复制下原对象即可:


cloneObject: function(original, ignoreList) { ignoreList = ignoreLis[......]

Read more

一月 02, 2016

nodejs restify 配置cors

    //创建restify服务器
    var server = restify.createServer({
        name: 'rest'
    });

    server.use(restify.authorizationParser());

    server.us[......]

Read more

十二月 29, 2015

vue.js router中文传参报错处理办法

                var key = this.keywordSearched;
                console.log(key);
                var route = {
                    name: 'search-key'[......]

Read more