【vue.js及项目实战[笔记]— 01 vue.js】的更多相关文章

vue.js及项目实战[笔记]— 01 vue.js

一. vue基础 1. 历史介绍 angular 09年,年份较早,一开始大家是拒绝的 react 2013年,用户体验较好,直接拉到一堆粉丝 vue 2014年,用户体验较好 前端框架与库的区别 jquery库->DOM(操作DOM)+请求 art-template 库->模板引擎 框架 = 全方位功能齐全 简易的DOM体验+发请求+模板引擎+路由功能 KFC的世界里,库就是一个小套餐,框架就是全家桶 代码上的不同 一般使用库的代码,是调用某个函数,我们自己把控库的代码 一般使用框架,其框架…

vue.js及项目实战[笔记]— 03 vue.js插件

一. vue补充 1. 获取DOM元素 救命稻草,document.querySelector 在template中标示元素`ref = "xxx" 在要获取的时候,this.$refs.xxx获取元素 创建组件,装载DOM,用户点击按钮 ref 在DOM上获取的是原生DOM对象 ref在组件上获取的是组件对象 $el是拿其DOM 这个对象就相当于我们平时玩的this,也可以直接调用函数 总结: $属性:$refs获取组件内的元素 $parent:获取当前组件对象的父组件 $child…

vue.js及项目实战[笔记]— 02 vue.js基础

一. 基础 1. 注册全局组件 应用场景:多出使用的公共性能组件,就可以注册成全局组件,减少冗余代码 全局APIVue.component('组件名','组件对象') 2.附加功能:过滤器&监视改动 filter || filters 全局过滤器(给数据添油加醋显示):Vue.filter('过滤器名',过滤器方式fn) 组件内过滤器filters:{'过滤器名',过滤器方式fn} 将数据进行添油加醋的操作 过滤器分为两种 1.组件内的过滤器(组件内有效) 2.全局过滤器(所有组件共享) 先注册…

vue.js及项目实战[笔记]— 05 WebPack

一. 历史介绍 1. 规范 AMD Commonjs||CMD UMD 参考:认识AMD.CMD.UMD.CommonJS 2. 工具 npm bower webpack browserify 参考:bower 和 npm 的区别详细介绍npm.cnpm.bower安装区别gulp/grunt和browserify/webpack的区别 二. webpack打包模块源码 1. 把所有模块的代码放入到函数中,用一个数组保存起来 2. 根据require时传入的数组索引,能知道需要那一段代码 3.…

vue.js及项目实战[笔记]— 04 axios

一. axios 1. 基本使用 axios.method('url',[,...data],options) .then(function(res){ }) .catch(function(err){ }) 2. 合并请求 this.$axios.all([请求1,请求2]) .then(this.$axios.spread(function(res1,res2){ }) ) 3. 取消请求 API 3步骤: const cancelToken = axios.CancelToken; //…

Unity3D项目实战笔记（10）：Unity3D编译IPA的PostEvents–节约时间利器

最近,SDK支付等接入差不多了,就从Unity3D生成IPA (企业版License), 然,需要手动执行的PostEvents竟然多大10项+, 这些我默默的承受了1周时间,每次约浪费20分钟-额外的. 周末用了2天时间,研究一下官方的例子和雨松的相关博客2篇,总算是搞定了这件事情,开心! 痛苦的前传: Unity3D导出为XCode工程后,有如下任务需要做 Plist 文件中 <key>CFBundleDevelopmentRegion</key> 中文 <string&…

Unity3D项目实战笔记（5）：延时功能的几种实现

我所做过的系统,分单机版系统(2005年).CS系统(2010年).实时系统(2015年),各个系统均有“延时”功能:定时调度的: 本博客说的是实时系统中的延时功能(基于Unity3D游戏引擎). 在Unity3D中,新建的脚本会默认继承MonoBehaviour,其中Update函数会被引擎自动调度,如在我的电脑上,Update函数被调用的周期为0.012s. 那么Unity3D中,仅有通过Update函数来实现延时功能吗?  还有无其他的实现呢? 怎么才能让一个界面只显示1秒之后 然后再执行…

Spring Boot +Vue 项目实战笔记（一）：使用 CLI 搭建 Vue.js 项目

前言 从这篇文章开始,就进入真正的实践了. 在前端项目开发中,我们可以根据实际情况不同程度地使用 Vue.利用 Vue CLI(或写成 vue-cli,即 Vue 脚手架)搭建出来的项目,是最能体现 Vue 的特性的.这点在接下来的内容中我们可以慢慢感受. 关于项目的构建其实类似的文章网上有很多,但我还是重新写了一下,一是为了确保项目能够运行成功,二是对几个细节作了解释,三是加入了使用 IDE 的构建方法. 在动手操作之前,我希望大家已经清楚什么是 "前后端分离" ,什么是 "…

vue.js 2.0 官方文档学习笔记 —— 01. vue 介绍

这是我的vue.js 2.0的学习笔记,采取了将官方文档中的代码集中到一个文件的形式.目的是保存下来,方便自己查阅. !官方文档:https://cn.vuejs.org/v2/guide/ 01. vue 介绍 <html> <head> <meta charset="utf-8"/> <title>vue 介绍</title> <!-- <script src="js/vue.min.js"…

vue.js+koa2项目实战（一）创建项目和elementUI配置

前端采用vuex+element-ui: 后端采用koa2+restfulAPI+sequlize: (一)项目介绍 宠物社区 1.社区 2.好友 3.说说 4.宠粮 5.健康 (二)项目框架 1.Vue.js 2.Vuex 框架 3.Element UI 4.Axios 交互 5.Koa2 + es6 6.Restful API 7.Sequlize 8.mysql (三)创建项目和elementUI配置 vue init webpack pet elementui 1.安装: npm ins…