vue2.0 据说也出了很久了，博主终于操了一次实刀。 整体项目采用 vue + vue-router + vuex （传说中的vue 全家桶），构建工具使用尤大大推出的vue-cli 项目是图片分享社交平台。 项目预览： 1 .vue-cli构建工具必知 我选用的vue-cli 是基于webpack的版本 ，不了解webpack的可以先粗略看下下面的基本知识 webpack 基本知识点： entry：入口点，webpack会从入口点设置的js文件开始对项目进行构建，过程中，所有入口点通过impo...
前言 2016年9月22日凌晨，微信官方通过“微信公开课”公众号发布了关于微信小程序（微信应用号）的内测通知。整个朋友圈瞬间便像炸开了锅似的，各种揣测、介绍性文章在一夜里诞生。而真正收到内测邀请的公众号据说只有200个。 虽然内测名额十分稀少，但依赖中国广大开发者的破解和分享精神，在网络上很快出现了开发工具的破解版本和API文档。然而可能是微信的妥协或者早已预料，9月24日微信官方发布了不需要破解就可以使用的微信小...
本文介绍vue.js组件，具体如下： 5.2 组件通信 尽管子组件可以用this.$parent访问它的父组件及其父链上任意的实例，不过子组件应当避免直接依赖父组件的数据，尽量显式地使用 props 传递数据。另外，在子组件中修改父组件的状态是非常糟糕的做法，因为： 1.这让父组件与子组件紧密地耦合； 2.只看父组件，很难理解父组件的状态。因为它可能被任意子组件修改！理想情况下，只有组件自己能修改它的状态。 每个Vue实例都是一个事件触发...
上一篇文章，写了基本框架，可能很多人会觉得晕头转向，这里提供一个简单的例子来予以说明，希望能帮你解开谜团。 一、功能介绍 通过微信公众平台实现在线客服机器人功能。主要的功能包括：简单对话、查询天气等服务。 这里只是提供比较简单的功能，重在通过此实例来说明公众平台的具体研发过程。只是一个简单DEMO，如果需要的话可以在此基础上进行扩展。 当然后续我们还会推出比较复杂的应用实例。 二、具体实现 1、提供访问接口 ...
在javascript里，函数是可以嵌套的。如:function(){funcrion square(x){ return x*x; }return square(10); }在javascript里，将函数绑定给一个对象，用对象调用的函数称为方法，容易跟C#搞混。 一、函数的属性在函数体内，可以通过arguments.length获取传入函数的实参个数。function fun1 (x,y){document.write(arguments.length()); //输出2，传入的参数是两个}fun1(); 二、将函数绑定到对象里var fun1 = function () {alert(...
window ：window对象是BOM中所有对象的核心，除了是BOM中所有对象的父对象外，还包含一些窗口控制函数。 1、全局的window对象 JavaScript中的任何一个全局函数或变量都是window的属性。 <script type="text/javascript">var name="撼地神牛";document.write(window.name); </script>2、window与self对象self对象与window对象完全相同，self通常用于确认就是在当前的窗体内。 <script type="text/javascript">document.write(window...
微信小程序（下面简称小程序）近些月来刷爆了我们这些程序猿们的圈子，可以说无数的程序猿磨刀霍霍，准备在这快蛋糕上杀出一片天地。那么作为前端开发人员，小程序开发和我们平常的开发有什么不同的地方呢？让我们一起来走进门里看看。我们从下面几个方向来了解一下小程序的开发： 1.开发工具 2.布局差异 3.JS差异 4.其它 序先看一张小程序初始化的目录：小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个小程序主...
模块概览 net模块是同样是nodejs的核心模块。在http模块概览里提到，http.Server继承了net.Server，此外，http客户端与http服务端的通信均依赖于socket（net.Socket）。也就是说，做node服务端编程，net基本是绕不开的一个模块。 从组成来看，net模块主要包含两部分，了解socket编程的同学应该比较熟悉了： net.Server：TCP server，内部通过socket来实现与客户端的通信。net.Socket：tcp/本地 socket的node版实现，它实现了全双工...
Leaflet简述 Leaflet 是一个为建设交互性好适用于移动设备地图，而开发的现代的、开源的 JavaScript 库。代码仅有 33 KB，但它具有开发在线地图的大部分功能。Leaflet设计坚持简便、高性能和可用性好的哲学思想，在所有主要桌面和移动平台能高效运作，在现代浏览器上会利用HTML5和CSS3的优势，同时也支持旧的浏览器访问。支持插件扩展，有一个友好、易于使用的API文档和一个简单的、可读的源代码。Leaflet强大的开源库插件涉及到地...
最近学完React的最基本概念，闲下来的时候就自己写了一个Todo-List的小应用。这里做个简略的说明，给想好好学React的新手看。 开始之前这里我用了webpackb做了babel和JSX预处理和模块打包。所以对React和一些ES2015（ES6）的语法要有一定的了解。我相信学习ES2015绝对是划算的，因为它是Js的规范。这里给出学习的地方，阮一峰老师的ECMAScript 6 入门或者babel的相关文档Learn ES2015。 最后的实际效果：我们需要做到的功能有： 可...
接着上一篇vue慢速入门教程学习。 4.组件使用基础 什么是组件？组件可以理解为可重用的自定义HTML。 可以使用一堆组件来构造大型应用，任意类型的应用界面都可以抽象为一个组件树：可以把组件代码按照template、style、script的拆分方式，放置到对应的.vue文件中。 组件预定义选项中最核心的几个：模板（template）、初始数据（data）、接受的外部参数（props）、方法（methods）、生命周期钩子函数（lifecycle hooks）。 4.1 基本...
.btn-demo {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color: #19b586;text-decoration: none;border: none;border-radius: 4px;color: #fff !important;text-decoration: none !important;cursor: pointer;display: inline-block;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 18px;font-weight: 700;line-height: 1.5;text-align: center;text...
Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。 0.MVVM什么是MVVM？就是Model-View-ViewModel。ViewModel是Vue.js的核心，它是一个Vue实例。 不太懂也没关系，慢慢就懂了。 1.基础示例 代码： <!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="initial-scale=1...
什么是vue vue是法语中视图的意思，Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API。 一、基本结构 index.html代码： <script src="../vue.js"></script> <div id="app"> {{ message }} </div> <script src="app.js"></script> <!--注意：app.js要最后引入，因为要先有id为app的div,vue才能获取相应的元素。否则会报错： [Vue warn]: Cannot find element: #app-->app.js代码： new Vue({ el: #app...
前言 vuejs——轻量、学习成本低、双向绑定、无dom的操作、组件的形式编写 vuejs是个轻量级的mvvm框架， 集合了angular的基本功能，却又比angular更为精简，功能上涵盖了双向绑定、指令、逻辑控制、过滤器、事件监听、函数等。框架的特点使得项目 在状态变更、分页的场景下可以拥有很大的便利——所有的操作只需要变更数组，没有任何的dom操作。 webpack——CommonJS的引用和编写方式、loader非常的丰富，包括vue-loader、css-load...