mirror of
https://github.com/wu736139669/vczero.github.io.git
synced 2026-08-05 06:23:38 +00:00
172 lines
10 KiB
HTML
172 lines
10 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head lang="en">
|
||
<meta charset="UTF-8">
|
||
<title>vczero的文章</title>
|
||
<meta name="description" content="王利华，网络昵称：vczero。专注前端和node.js框架和架构；曾就职于高德研发中心LBS开放平台，目前就职于携程.无线框架,高级研发工程师。">
|
||
<meta name="keywords" content="前端, 高级前端, 前端研发, JavaScript，node.js架构，js框架，前端框架，王利华，vczero, 地图王利华，LBS vczero，无线前端，webapp">
|
||
<style type="text/css" rel="stylesheet">
|
||
body{
|
||
font: 13px Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
|
||
}
|
||
.header{
|
||
color: #2A7EE8;
|
||
display: block;
|
||
position:absolute;
|
||
width:140px;
|
||
left:50%;
|
||
font-size:20px;
|
||
margin-left:-70px;
|
||
top:20px;
|
||
}
|
||
|
||
.blog{
|
||
width:300px;
|
||
float: left;
|
||
margin-left:20px;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.blog_type{
|
||
width:300px;
|
||
background-color: #E20079;
|
||
height:30px;
|
||
line-height:30px;
|
||
color:#fff;
|
||
font-size:15px;
|
||
}
|
||
.text_c{
|
||
text-align:center;
|
||
}
|
||
.blog_url{
|
||
border:1px solid #ddd;
|
||
min-height:260px;
|
||
border-top: 0;
|
||
font-size:14px;
|
||
padding-top:10px;
|
||
}
|
||
|
||
.blog_url>div{
|
||
line-height:25px;
|
||
height:25px;
|
||
width:300px;
|
||
overflow-x: hidden;
|
||
overflow-y: hidden;
|
||
}
|
||
|
||
.blog_url>div>a{
|
||
text-decoration: none;
|
||
width:294px;
|
||
display: block;
|
||
padding-left:5px;
|
||
color: #1B1B1B;
|
||
}
|
||
.blog_url>div>a:hover{
|
||
background-color:#1FB9FF;
|
||
color:#fff;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="header">vczero的文章</div>
|
||
<div style="height:60px;width:100%"></div>
|
||
<div class="blog">
|
||
<div class="blog_type text_c">React-Native</div>
|
||
<div class="blog_url">
|
||
<div><a target="_blank" href="http://vczero.github.io/react_native/%E7%AC%AC1%E7%AF%87hello%20react-native.html">Lession1: Hello React-Native</a></div>
|
||
<div><a target="_blank" href="http://vczero.github.io/react_native/%E7%AC%AC2%E7%AF%87%E8%AE%A4%E8%AF%86%E4%BB%A3%E7%A0%81%E7%BB%93%E6%9E%84.html">Lession2: 认识代码结构</a></div>
|
||
<div><a target="_blank" href="http://vczero.github.io/react_native/%E7%AC%AC3%E7%AF%87css%E5%92%8C%E5%B8%83%E5%B1%80.html">Lession3: css和布局</a></div>
|
||
<div><a target="_blank" href="http://vczero.github.io/react_native/%E7%AC%AC4%E7%AF%87%E5%AD%A6%E4%BC%9Areact-native%E5%B8%83%E5%B1%80.html">Lession4: 学会React-Native布局（一）</a></div>
|
||
<div><a target="_blank" href="http://vczero.github.io/react_native/%E7%AC%AC4%E7%AF%87react-native%E5%B8%83%E5%B1%80%E5%AE%9E%E6%88%98%EF%BC%88%E4%BA%8C%EF%BC%89.html">Lession5: 学会React-Native布局(二)</a></div>
|
||
<div><a target="_blank" href="http://vczero.github.io/react_native/%E7%AC%AC5%E7%AF%87ui%E7%BB%84%E4%BB%B6.html">Lession6: UI组件</a></div>
|
||
<div><a target="_blank" href="http://vczero.github.io/react_native/%E7%AC%AC6%E7%AF%87jsx%E5%9C%A8react-native%E4%B8%AD%E7%9A%84%E5%BA%94%E7%94%A8.html">Lession7: JSX在React-Native中的应用</a></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="blog">
|
||
<div class="blog_type text_c">Node.js及工具</div>
|
||
<div class="blog_url">
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/BE_FE.html">1、从.NET到Node.js谈前后端分离实践</a></div>
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/tuban_1.html">2、AngularJS + Node.js + MongoDB开发的基于位置的通讯录</a></div>
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/css_less.html">3、使用LESS构建你的前端CSS</a></div>
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/grunt_1.html">4、Grunt javascript世界的构建工具（一）</a></div>
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/grunt_2.html">5、Grunt javascript世界的构建工具（二）</a></div>
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/nodejs_nodeweibo.html">6、nodeweibo对新浪微博接口的简单封装</a></div>
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/mongodb_1.html">7、基于Node.js平台mongoDB开发——mongoskin</a></div>
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/canvas_1.html">8、将图片转化为矢量并canvas化的简单工具(基于Node.js + HTML5 canvas)</a></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="blog">
|
||
<div class="blog_type text_c">组件</div>
|
||
<div class="blog_url">
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/cookie.html">1、更加方便的操作cookie——cookie封装</a></div>
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/keyboard.html">2、原生JS写个简单的数字键盘</a></div>
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/js_ui_1.html">3、javascript动手写日历组件(1)——构建日历逻辑</a></div>
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/js_ui_2.html">4、javascript动手写日历组件(2)——优化UI和添加交互</a></div>
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/js_ui_3.html">5、javascript动手写日历组件(3)——内存和性能优化</a></div>
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/js_ui_4.html">6、javascript动手写日历组件(4)——更正：日历需要6行</a></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="blog">
|
||
<div class="blog_type text_c">Leaflet源码研究</div>
|
||
<div class="blog_url">
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/leaflet_1.html">1、简介&Demo初体验</a></div>
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/leaflet_2.html">2、整体框架</a></div>
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/leaflet_3.html">3、浏览器&移动设备判断</a></div>
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/leaflet_4.html">4、OOP的基础构建</a></div>
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/leaflet_5.html">5、extend、Object.create、fn.bind分析</a></div>
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/leaflet_6.html">6、写出兼容性Dom操作——LeafLet(6)之DomUtil</a></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="blog">
|
||
<div class="blog_type text_c">我的公开课视频教程</div>
|
||
<div class="blog_url">
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/openapi_js.html">1、高德地图JS-API公开课视频教程</a></div>
|
||
<div><a target="_blank" href="http://www.imooc.com/learn/347">2、使用高德JS-API进行基于LBS的开发</a></div>
|
||
<div><a target="_blank" href="http://www.imooc.com/video/6680">3、地图初始化</a></div>
|
||
<div><a target="_blank" href="http://www.imooc.com/video/6681">4、地图覆盖物</a></div>
|
||
<div><a target="_blank" href="http://www.imooc.com/video/6682">5、地图定位</a></div>
|
||
<div><a target="_blank" href="http://www.imooc.com/video/6683">6、周边搜索</a></div>
|
||
<div><a target="_blank" href="http://www.imooc.com/video/6685">7、路径规划</a></div>
|
||
<div><a target="_blank" href="http://www.imooc.com/video/6686">8、地图工具开发</a></div>
|
||
<div><a target="_blank" href="http://www.imooc.com/video/6824">9、基于云图开发LBS通讯录（一）</a></div>
|
||
<div><a target="_blank" href="http://www.imooc.com/video/6825">10、基于云图开发LBS通讯录（二）</a></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="blog">
|
||
<div class="blog_type text_c">JavaScript MVC</div>
|
||
<div class="blog_url">
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/mvc_1.html">1、构建基础的JavaScript MVC（一）</a></div>
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/mvc_2.html">2、构建基础的JavaScript MVC——视图和模板（二）</a></div>
|
||
<div><a target="_blank" href=""></a></div>
|
||
<div><a target="_blank" href=""></a></div>
|
||
<div><a target="_blank" href=""></a></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="blog">
|
||
<div class="blog_type text_c">其他</div>
|
||
<div class="blog_url">
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/angular_1.html">1、基于豆瓣API & Angular开发的web App</a></div>
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/talk_web_request_response.html">2、从输入 URL 到页面加载完成的过程中都发生了什么事情</a></div>
|
||
<div><a target="_blank" href="http://www.cnblogs.com/vczero/p/sum2014.html">3、写给过去5年，总结2014，拥抱2015</a></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="blog">
|
||
<div class="blog_type text_c">Github代码库</div>
|
||
<div class="blog_url">
|
||
<div><a target="_blank" href="https://github.com/vczero/OurTimes">1、基于位置的通讯录（Node.js+Angular）</a></div>
|
||
<div><a target="_blank" href="https://github.com/vczero/node-weibo">2、node-weibo</a></div>
|
||
<div><a target="_blank" href="https://github.com/vczero/react-native-lession">3、React-Native入门指南</a></div>
|
||
<div><a target="_blank" href="https://github.com/vczero/search">4、基于豆瓣API&Angular开发应用程序</a></div>
|
||
<div><a target="_blank" href="https://github.com/vczero/cookie">5、封装cookie</a></div>
|
||
<div><a target="_blank" href="https://github.com/vczero/simple-wiki">6、基于Node文件系统的单人博客</a></div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html> |