React-Native

 

React-Native入门指南——第4篇react-native布局实战（二）

摘要: React-Native入门指南github:https://github.com/vczero/react-native-lessionReact-Native:用JavaScript开发你的原生应用，释放Native的UI体验，体验 Hybird开发效率。最近一个星期写的文章如下，链接是gith... 阅读全文

posted @  2015-06-13 20:44 山鬼谣 阅读(195) |  评论 (0)  编辑

 

React-Native入门指南（五）——UI组件

摘要: React-Native入门指南github:https://github.com/vczero/react-native-lessionReact-Native:用JavaScript开发你的原生应用，释放Native的UI体验，体验 Hybird开发效率。最近一个星期写的文章如下：第1篇hell... 阅读全文

posted @  2015-06-08 21:39 山鬼谣 阅读(43) |  评论 (2)  编辑

 

React-Native入门指南(四)——React-Native布局实战（一）

摘要: React-Native入门指南github:https://github.com/vczero/react-native-lessionReact-Native:用JavaScript开发你的原生应用，释放Native的UI体验，体验 Hybird开发效率。最近一个星期写的文章如下：第1篇hell... 阅读全文

posted @  2015-06-08 21:35 山鬼谣 阅读(28) |  评论 (0)  编辑

 

React-Native入门指南(三) ——CSS和UI布局

摘要: React-Native入门指南github:https://github.com/vczero/react-native-lessionReact-Native:用JavaScript开发你的原生应用，释放Native的UI体验，体验 Hybird开发效率。最近一个星期写的文章如下：第1篇hell... 阅读全文

posted @  2015-06-08 21:34 山鬼谣 阅读(97) |  评论 (0)  编辑

 

React-Native入门指南（二）——代码结构

摘要: React-Native入门指南github:https://github.com/vczero/react-native-lessionReact-Native:用JavaScript开发你的原生应用，释放Native的UI体验，体验 Hybird开发效率。最近一个星期写的文章如下：第1篇hell... 阅读全文

posted @  2015-06-08 21:33 山鬼谣 阅读(84) |  评论 (0)  编辑

 

React-Native入门指南（一）——环境配置 & Hello World

摘要: React-Native入门指南github:https://github.com/vczero/react-native-lessionReact-Native:用JavaScript开发你的原生应用，释放Native的UI体验，体验 Hybird开发效率。最近一个星期写的文章如下：第1篇hell... 阅读全文

posted @  2015-06-08 21:29 山鬼谣 阅读(408) |  评论 (0)  编辑

 

构建基础的JavaScript MVC——视图和模板（二）

摘要: 一、动态视图 1、现在渲染视图的方式基本上有2种 （1）服务端生成好html； （2）客户端渲染模板，服务端提供JSON数据接口。 2、客户端渲染视图也有2种方式： （1）使用document.createElement创建Dom元素，然后追加到页面； ... 阅读全文

posted @  2015-04-29 23:07 山鬼谣 阅读(370) |  评论 (0)  编辑

 

构建基础的JavaScript MVC（一）

摘要: 最近又把《基于MVC的JavaScript web富应用开发》过了一遍....看着自己的年度规划还有好多事没做（哈，要好好把握进度啊），但是也不能留旧账啊，所以还是总结一下啦,该书对MVC做了基础的介绍，如果想往框架和类库方面探究，可以看看。一、MVC基础1、模型　模型用来存放应用的数据对象；比如一... 阅读全文

posted @  2015-04-28 23:34 山鬼谣 阅读(664) |  评论 (5)  编辑

 

原生js写个简单的数字键盘（by vczero）

摘要: 一、起因 最近支付的同事说，数字键盘有些问题；在移动设备上有时候比较难出现点（.） 和数字在一起的格局；因此，考虑到这种情况，就建议手写个模拟键盘了。花了一晚上的时间，写了个简单的键盘，基本能用。考虑到有的开发者没有使用juqery,就使用原生的js了。 Github地址：https://git... 阅读全文

posted @  2015-04-23 18:13 山鬼谣 阅读(170) |  评论 (1)  编辑

 

将图片转化为矢量并canvas化的简单工具(基于Node.js + HTML5 canvas)

摘要: 一、前言最近需要做一个图标的矢量化，但是没有数据，因此采用了node.js作为数据处理工具，canvas绘制图标；结果发现使用canvas绘制的图标比之前少了近10几k（原20K+, 现包含代码10k-）;所以结果还是比较近人意的。代码已经放在github了，具体戳这：https://github.... 阅读全文

posted @  2015-04-19 16:39 山鬼谣 阅读(476) |  评论 (1)  编辑

 

从.NET到Node.js谈前后端分离实践（by vczero）

摘要: 一、最初的【无分离】实践 11年末的时候，用winForm开发程序，拖拖控件，点点按钮，连接数据库，做一些基本的管理系统；Java的JSP还能包揽一切，服务器端拼接模板，顶多使用servlet做一些业务逻辑，做到后端的MVC。那时候，带了一个学校的创新团队，做一些项目，但是基本上是一个人前端后一... 阅读全文

posted @  2015-01-10 13:12 山鬼谣 阅读(2388) |  评论 (17)  编辑

 

更加方便的操作cookie——cookie封装 (by vczero)

摘要: 一、前言之前使用cookie，都是document.cookie的形式去操作，兼容性虽好，但是麻烦。个人又是个比较喜欢造轮子的人，所以针对cookie，封装了个工具类。很长时间以来，我都喜欢写代码，而不太喜欢文字总结，也不太喜欢写些零碎的东西，看来得改。二、思路（1）如何封装，封装成啥样如何封装：就... 阅读全文

posted @  2015-01-02 13:42 山鬼谣 阅读(694) |  评论 (0)  编辑

 

写给过去5年，总结2014，拥抱2015

摘要: 一、楔子：今天中午把自己github的个人主页整理下，对过去5年编程做了个总结，也是工作一年的总结。大二开博是在iteye写的，写了40多篇，但是感觉写的都比较基础，于是狠狠心在今年把iteye博客全删除了，偶尔百度和google搜索还能搜到一些。在cnblog开博，是为了更加专注于前端和Node.... 阅读全文

posted @  2014-12-28 21:48 山鬼谣 阅读(5048) |  评论 (73)  编辑

 

AngularJS + Node.js + MongoDB开发的基于位置的通讯录(by vczero)

摘要: 一、闲扯有一天班长说了，同学们希望我开发一个可以共享位置的通讯录，于是自己简单设计了下功能。包括用户角色、发表微博、共享位置等等。这次也是有点私心的，为了锻炼最近看的angularjs，于是果断选择Node.js + MongoDB + angular.js的方案。当然，开发Node.js的体会越来... 阅读全文

posted @  2014-12-27 01:18 山鬼谣 阅读(1539) |  评论 (10)  编辑

 

爱搜索，爱生活，基于豆瓣API & Angular开发的web App（by vczero）

摘要: 一、扯淡的说name:【豆瓣搜索】最近关注了下豆瓣的API，发现豆瓣开放平台需要加强API文档撰写啊....但是有个可喜的发现豆瓣V2接口提供了搜索接口。最近在用phantom弄些爬虫，想想，真是美丽极了！有个豆瓣的接口，我都不用去爬数据，不用数据存储，丢给github page直接完事。豆瓣，Ni... 阅读全文

posted @  2014-12-12 17:08 山鬼谣 阅读(1071) |  评论 (5)  编辑

 

高德地图JS-API公开课视频教程

摘要: 一、引言（高德地图JS-API）最近，运营的同事做一个项目——“公开课”，有Android、iOS的，当然我接到一个任务就是JavaScript API的。于是，开始了整个公开课的录制，总共6节。起初因为手头工作很忙，也没有录制课程的经验，但是看到运营 & PM发的邮件“埋头是RD，抬头是布道师”，... 阅读全文

posted @  2014-12-02 18:36 山鬼谣 阅读(887) |  评论 (5)  编辑

 

从输入 URL 到页面加载完成的过程中都发生了什么事情( by vczero)

摘要: 一、引子 刚刚刷微博，看到IT技术博客大学习发的这个微博；于是，想从web研发的角度(也许会偏向前端的角度)来说说这个问题。如果这是面试题的话，我觉得用图来说明这个问题就好，不必说个几个小时。当然作为一名前端 & node.js，角度就会有倾向。如有错误，请批评指教。二、我的想法让图说话三、总结（... 阅读全文

posted @  2014-11-30 12:47 山鬼谣 阅读(972) |  评论 (2)  编辑

 

写出兼容性Dom操作——LeafLet(6)之DomUtil （by vczero）

摘要: 一、前言因为一个很小的项目或者说几个页面却要搭上Jquery，当然很不值，gzip下，好歹也有小几十K。为了能够方便的操作Dom，我们需要写很多兼容性的原生JS。就在我看leaflet的源码的时候，我觉得它的DomUtil写的还是不错的。二、具体的代码分析　首先，我们定义一个类，var DomUti... 阅读全文

posted @  2014-11-03 10:54 山鬼谣 阅读(583) |  评论 (1)  编辑

 

leaflet开源地图库源码研读（五）——extend、Object.create、fn.bind分析（Util.js文件）

摘要: 一、extend：扩展对象的属性 1 var Util = { 2 extend: function (dest) { 3 var i, j, len, src; 4 for (j = 1, len = arguments.length; j = this.m... 阅读全文

posted @  2014-11-02 18:29 山鬼谣 阅读(539) |  评论 (0)  编辑

 

Grunt javascript世界的构建工具（二）——Grunt项目实战 (by vczero)

摘要: 一、前言继上篇：Grunt javascript世界的构建工具（一）——Grunt使用入门，这次用一个开源项目的Grunt例子作为述说。现在互联网公司大型的JS项目，如web app、PC、前端工程庞大的项目都在使用Grunt，有了Grunt利剑在手你才能说自己能够快速的构建前端功能，当然不是专职的... 阅读全文

posted @  2014-10-12 00:02 山鬼谣 阅读(494) |  评论 (0)  编辑

 

leaflet开源地图库源码研读（四）——OOP的基础构建(by vczero)

摘要: 一、贴源码源码存放的目录是src->core->Class.js 1 L.Class = function () {}; 2 3 L.Class.extend = function (props) { 4 5 // extended class with the new prototyp... 阅读全文

posted @  2014-10-09 16:01 山鬼谣 阅读(565) |  评论 (0)  编辑

 

Grunt javascript世界的构建工具（一）——Grunt使用入门 (by vczero)

摘要: 一、前言项目中一直在使用Grunt，只是对Grunt的基本使用，却未系统的总结过。为什么要构建工具？一句话：自动化。对于需要反复重复的任务，例如压缩（minification）、编译、单元测试、linting等，自动化工具可以减轻你的劳动，简化你的工作。当你正确配置好了任务，任务运行器就会自动帮你或... 阅读全文

posted @  2014-10-08 21:07 山鬼谣 阅读(605) |  评论 (0)  编辑

 

leaflet开源地图库源码研读（三）——浏览器&移动设备判断（browser.js）(by vczero)

摘要: 一、源码结构继上一篇blog说到整个leaflet的结构，这里重新贴一张图（src -> core），直观点，如下图。这篇blog主要研读core文件夹的源码Brower.js。因为怕篇幅较大，所以Class.js，Events.js，Handler.js,Util.js后续开博。他们是整个框架的b... 阅读全文

posted @  2014-10-08 14:37 山鬼谣 阅读(768) |  评论 (0)  编辑

 

leaflet开源地图库源码研读（二）——整体框架(by vczero)

摘要: 一、下载源码（国庆转瞬即逝啊...美好的日子就结束了...今天又只陪祖国母亲过了7天的生日，好短）源码我是通过git从github上clone下来的，leaflet的源码地址：https://github.com/Leaflet/Leaflet。下载完成后看了下源码的结构，目录很清晰，不是很复杂。目... 阅读全文

posted @  2014-10-07 23:08 山鬼谣 阅读(1279) |  评论 (3)  编辑

 

leaflet开源地图库源码研读（一）——简介&Demo初体验(by vczero)

摘要: 一、简介电子地图已经在O2O、生活服务、出行等领域布局，传统的GIS也孕育着互联网基因。传统GIS的图商有ESRI（Arc系列）、四维、高德、超图、中地等等。在web互联网领域，百度和高德较为出色。但是开放源代码都远远做的不够，相比而言国外开源较多且丰富，最近认真研读了openlayers2/3和l... 阅读全文

posted @  2014-09-29 22:00 山鬼谣 阅读(1367) |  评论 (5)  编辑

 

javascript动手写日历组件(4)——更正：日历需要6行(by vczero)

摘要: 感谢hjxenjoy的评论，日历的确需要6行，十分感谢！纠正了代码，但是不需要更改代码，只需要将代码中的35改成42即可。javascript动手写日历组件(1)——构建日历逻辑 (by vczero)javascript动手写日历组件(2)——优化UI和添加交互(by vczero)javascr... 阅读全文

posted @  2014-09-11 11:22 山鬼谣 阅读(230) |  评论 (0)  编辑

 

javascript动手写日历组件(3)——内存和性能优化（by vczero）

摘要: 一、列表javascript动手写日历组件的文章列表，主要是通过原生的JavaScript写的一个简约的日历组件：（1）javascript动手写日历组件(1)——构建日历逻辑：http://www.cnblogs.com/vczero/p/js_ui_1.html（2）javascript动手写日... 阅读全文

posted @  2014-08-11 13:47 山鬼谣 阅读(807) |  评论 (7)  编辑

 

javascript动手写日历组件(2)——优化UI和添加交互(by vczero)

摘要: 一、优化UI继上一篇，http://www.cnblogs.com/vczero/p/js_ui_1.html。开始优化UI，主要优化的部分有：(1)增加星期行。(2)字体设置。(3)日期垂直居中。(4)将单元格->底部线条。(5)修改文本的颜色对比。(6)将内部调用的函数加前缀_，如_addHea... 阅读全文

posted @  2014-08-10 20:33 山鬼谣 阅读(737) |  评论 (0)  编辑

 

javascript动手写日历组件(1)——构建日历逻辑 (by vczero)

摘要: 一、分析日历的组成部分和交互要素（1）组成部分：选择年月部分、星期显示、包含本月（或者有前月和下一个月部分日子）（2）根据选择的年和月份，动态绘制日历面板。（3）一个日历 7（天） * 5（周） = 35格表格。（4）一个月份是统一的一个面板；一个月的头一天一定在日历面板的第一行，根据该天的“星期几... 阅读全文

posted @  2014-08-09 20:55 山鬼谣 阅读(755) |  评论 (6)  编辑