- 博客(18)
- 收藏
- 关注
RSS订阅原创 React之组件的生命周期
React之组件的生命周期生命周期的介绍：一、组件的生命周期可以分成三个状态：Mounting：组件挂载，挂入了真实的DOMUpdating：组件更新，重新被渲染中Unmounting：组件移除，移除了真是的DOM二、组件的生命周期也可以分为四个阶段：分别是：创建、实例化、更新、销毁三、下面进行阶段详细的说明constructor：（构造器）constructor参数接受...
2018-11-28 20:56:51
248
原创 Vue-resource和Vue-axios
Vue-resource以及vue axiosvue-resource：vue是数据驱动的，在vue中实现异步加载需要使用vue-resource库，vue-resource是Vue.js中的一款插件，它通过XMLHttpRequest或JSONP发起请求并进行处理。也就是说，$.ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的API更为简洁。话不多...
2018-11-27 21:12:11
731
1
原创 Vue-router（路由）创建简单的单页面应用
Vue-Router的简单使用：Vue Router是Vue.js的官方路由器。它与Vue.js核心深度集成，使用Vue.js构建单页应用程序变得轻而易举1.安装：（1：直接下载）vue-router下载地址：https://unpkg.com/vue-router/dist/vue-router.js（2：npm下载）npm install vue-router推荐使用淘...
2018-11-26 15:25:18
1180
原创 Vue-cli（脚手架）的安装以及项目创建
Vue-cli（脚手架）的安装以及项目创建一：首先确定自己的电脑是否安装了node.js，win+R打开命令行窗口输入node - v（检查node的版本）回车输入 npm -v。检查结果如下：版本号可能有区别，不用在意注：vue-cli安装时需要node版本在v4.0以上如果提示：xx不是不是内部命令，说明你的电脑还没有安装node。接下来需要安装node，安装步骤参考：ht...
2018-11-26 10:16:38
232
1
原创 Vue入门和基础——Vue自定义组件基础
Vue入门和基础（五）前言：vue官网上关于vue组件的介绍，感觉内容很多很详细，这里介绍vue组件的一些基本使用方法。1：注册组件首先vue的组件注册就是使用Vue.component()方法，先定义组件的名字，然后传入这个组件的配置项。详细代码如下： <div id="app"> <myse
2018-11-24 14:38:59
266
原创 Vue入门和基础——自定义指令
Vue入门和基础（四）Vue入门和基础—自定义指令前言：vue的指令有很多，比如我们熟悉的v-if，v-show等等，vue中我们也可以自定义一个指令。通过directive就可以在Vue上注册指令// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (...
2018-11-24 14:38:29
272
原创 Vue入门和基础——Vue的指令详解
Vue入门和基础（三）vue中常用的指令详解：1.v-text：<span v-text="message"></span><span>{{msg}}</span>上述两者等价。2.v-html：<div v-html="htm
2018-11-03 10:44:18
166
原创 Vue入门和基础——生命周期函数
Vue入门和基础（二）生命周期函数：每个Vue实例被创建的时候都要经历一系列的初始化过程，这个过程就是Vue的生命周期先上一张官图其实官网上已经表明的很详细了，从图中我们可以看一个Vue实例的一整个生命周期中有很多个钩子函数，不用的钩子函数提供给我们在不同的时期进行操作，如图我们可以看出一共有八个这样的函数：beforeCreatecreatedbeforeMountmount...
2018-11-03 09:54:02
155
原创 Vue入门和基础
Vue入门和基础（一）什么是Vue？Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue的安装：兼容性：Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。最新稳定版本：2.5.17进入网址：https://cn.vuejs.or...
2018-11-03 08:56:06
127
原创 cordova入门及简单功能的实现（四）——安装SDK
cordova入门级简单功能的实现（四）1：安装sdk** 首先什么是SDK**SDK:软件开发工具包（缩写：SDK、外语全称：Software Development Kit）一般都是一些软件工程师为特定的软件包、软件框架、硬件平台、操作系统等建立应用软件时的开发工具的集合。进行H5的Hybrid开发这里我们需要安装android SDK官网（可翻墙选择）：http://develo...
2018-10-29 20:09:06
497
原创 cordova入门及简单功能的实现(六)——调用相机
cordova入门级简单功能的实现(五)-用相机插件调用手机的相机功能1:安装cordova相机插件：在命令提示符窗口中运行以下代码以安装此插件。cordova plugin add cordova-plugin-camera2：添加按钮和图像用编译软件将cordova项目打开，在WWW目录下的index下添加相应的按钮和图像如图所示<button id="cameraTak...
2018-10-29 20:07:32
1369
原创 cordova入门及简单功能的实现(五)——cordova安装以及项目的创建
cordova入门级简单功能的实现(五)前四节我们进行了一些准备工作，现在我们来安装cordova首先：win + R 打开命令窗口，运行 cnpm install cordova -g也可以根据需求指定cordova版本号进行安装：cnpm install cordova@版本号 -g执行完以上命令全局安装了cordova；执行cordova -v来查看版本号；如下图所示这里我们...
2018-10-29 20:06:56
898
原创 cordova入门及简单功能的实现(三)——安装JDK
cordova入门及简单功能的实现(二)安装JDK和SDK:首先我们来了解一下JDK是什么：JDK是 Java 语言的软件开发工具包，主要用于移动设备、嵌入式设备上的java应用程序。JDK是整个java开发的核心，它包含了JAVA的运行环境（JVM+Java系统类库）和JAVA工具。SDK:软件开发工具包（缩写：SDK、外语全称：Software Development Kit）一般都是一...
2018-10-29 20:05:04
419
原创 cordova入门及简单功能的实现(二)——node安装
cordova入门及简单功能的实现(二)对于初学者来说环境的配置无疑的痛苦的下面就来详细介绍一下环境的配置:node.js的安装：访问：https://nodejs.org/en/在导航栏中选择DOWNLOADS下载对应操作系统的版本；msi文件根据提示进行安装；zip解压到一个空的文件目录中；环境变量的配置：右键点击我的电脑→属性→左边选择高级系统设置→环境变量→系统变量...
2018-10-29 20:04:33
243
原创 cordova入门及简单功能的实现(一)
cordova入门及简单功能的实现(一)1.什么是cordova:cordova是一个移动开发框架，它里面包含了一组设备API，移动开发人员可以通过JS来调用这些API，进而使用这些设备的原生功能，例如照相机，录音功能等。通过对HTML，CSS，JavaScript的封装，一个前端开发人员可以构建一个手机APP，这种开发模式也被称之为HyBrid。因为cordova对不同设备的功能按照其标...
2018-10-29 20:03:22
533
原创 HTML基础（2）
HTML基础3.HTML链接 超链接可以是一个字，一组词，一句话，一幅图片，也可以是一个区域 将鼠标放在这些链接上面，鼠标就变成了一只小手，点击后就可以跳转到新的内容上去 HTML中我们用a标签来创建链接： a标签的两种使用方法： 1.通过href属性来创建指向另一个文档的链接； 2.通过name属性来创建文档内书签； target_blank:在新窗口打开文档<!DO...
2018-07-28 17:55:07
163
原创 HTML基础（1）
HTML基础1.HTML标题： HTML 标题（Heading）是通过 - 标签来定义的 h 是英文header标题的缩写 h1是主标题，h2是副标题，h3，h4，h5，h6字体大小依次减小 :用来在HTML页面中创建水平线 &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &am
2018-07-28 17:13:32
189
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人