前端mvvm框架学习(二、数组处理)

前言

上一篇《前端mvvm框架学习(一、我们来实现一个最简单的MVVM)》介绍了我们如何实现一个最简单的MVVM。但之前处理过的model数值都只是最原始的数值(即primitive类型,如string,number,symbol,boolean)。这一篇我们尝试来处理数组类型,怎么简单怎么来吧,我们引用lodash库和还是用传统的方式拼接html字符串的方式来处理View层吧。 继续阅读“前端mvvm框架学习(二、数组处理)”

前端mvvm框架学习(一、我们来实现一个最简单的MVVM)

前言

前端mvvm框架好多,这个概念大家都知道是由后端开发那边传过来的。后端开发最开始是比较经典的MVC框架,当然前端也有MVC框架,比如比较经典的backbone.js就是比较经典的前端MVC框架(都好几年没更新了,估计没啥用户了),后面微软在其前端应用上首次提出了mvvm框架,再到后来我们当前最热的前端框架Vue.js。在这系统的文章中,我们不会由复杂的vue.js着手来学习,我们先由简单的概念开始,一步一个demo来学习前端mvvm到底是什么鬼? 继续阅读“前端mvvm框架学习(一、我们来实现一个最简单的MVVM)”

Node.js 获取yahoo股票csv数据并封闭成为接口输出json数据

思路

紧跟着前两篇的Node.js 生成微信数字签名[SHA1算法]添加多一个路由为/stock和相应的处理函数,先从yahoo接口获取数据,再转化成为json输出。 继续阅读“Node.js 获取yahoo股票csv数据并封闭成为接口输出json数据”

用node.js向百度推送hexo博客sitemap所有链接

背景

百度提供了4种方式用于提交网站链接,分别是主动推送(实时),自动推送,sitemap和手动提交,其中主动推送是最快的。自动摧送是加js在页面上,但要打开页面才能执行推送,sitemap没爬到时也没有执行推送,手动提交还要登陆到百度网站上面去提交效率太低。 继续阅读“用node.js向百度推送hexo博客sitemap所有链接”

Node.js 生成微信数字签名[SHA1算法]

前言

几年前搞微信公众平台开发时练习写过一段使用node.js生成微信数字签名的代码。现在重新看看觉得比较经典,作为前端来说,多了解一下后端平时干的事,可以从更高的角度来加深对微信公众平台开发的理解。 继续阅读“Node.js 生成微信数字签名[SHA1算法]”

关于Virtual Dom的那些事(五)

前言

上一篇《关于Virtual Dom的那些事(四)》主要是介绍了Thunk概念,加上之前所有有的内容都只是snabbbom的前菜,本篇直接分析其200 SLOC(Source Lines of Code),大概200行的核心代码。并附上其它剩余所有代码的源码分析。 继续阅读“关于Virtual Dom的那些事(五)”

Hybrid APP开发中APP与H5如何通讯?

前言

搞APP开发,如何设计好一套APP与Webview H5通讯的机制非常重要,如果稍微使用及了解一下就会知道,APP与webview之前通讯主要是通过javascript来进行,如果再深入了解一下就会理解其中的原理。 继续阅读“Hybrid APP开发中APP与H5如何通讯?”

调试App的Webview里面的h5网页的几种最有效方式

前言

在做APP开发时,为了增加功能的灵活性、便即时更新内容和减少客户端开发人员的工作量不免要嵌入许许多多的H5网页,这就是我们通常所说的Hybrid APP开发。在这过程中,我们经常要对h5里面的js及html代码进行调试,如果我们用最傻瓜式的方式来调试可以使用js的alert把想要调试的内容打印出来。但这种方式非常不灵活也不便于即时更新代码进行调试。 继续阅读“调试App的Webview里面的h5网页的几种最有效方式”

关于Virtual Dom的那些事(四)

前言

上一篇《关于Virtual Dom的那些事(三)》主要是介绍了生成VNode的几种方式。翻一翻snabbdom的源码,我看还可以看到一个概念-Thunk,Thunk是什么?在react全家桶中经常会看到Thunk这概念,在计算机语言中是传名调用的意思,但如果按我个人的理解就是中间件的概念,更通俗一点就是在某函数的每次输入与输出之间,预加一个自定义的拦截处理函数(thunk函数), 继续阅读“关于Virtual Dom的那些事(四)”

关于Virtual Dom的那些事(三)

前言

上一篇《关于Virtual Dom的那些事(二)》主要是介绍了VNode。其实生成VNode的方式在snabbdom中除了VNode自身的最基本的构造函数vnode()外,还有两种方式来生成。一种是toVNode(即把原生的Dom转化成为VNode),还有一种是非常有名的h函数(hyperscript最原始的定义是“Create HyperText with JavaScript.”)。本节主要是分析一下这两种函数在snabbdom中的源码。 继续阅读“关于Virtual Dom的那些事(三)”