Frame for data
凝弧
这个作者很懒,什么都没留下…
展开
-
AngularJS 学习笔记 04:服务(services)
服务(services)$location定时器(timeout 和 interval)$filter$log$http服务(services)在 AngularJS 中,服务是一个函数或对象var app = angular.module('App',[]);// 使用前需依赖注入该($location)服务app.controller('Dem...原创 2018-04-27 22:40:41 · 144 阅读 · 0 评论 -
Vue2+VueRouter2+Webpack+Axios 构建项目实战
Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十一)阶段性小结前情回顾去年写的那一套东西,虽然我也写得非常的认真,但是其中还是有点绕了。当时水平不行。现在我重新整理出来的博文如下,希望对各位有所帮助。Vue2+VueRouter2+Webpack+Axios ...转载 2018-06-15 09:25:01 · 300 阅读 · 0 评论 -
Vue-cli 3.0 构建项目(一)构建初始项目
1. 安装 Vue-cli 3.0 脚手架工具2. 初始化项目默认配置自定义配置详细的配置1. 安装 Vue-cli 3.0 脚手架工具终端输入npm install -g vue@cli安装完成后,输入 vue -V 查看是否安装成功 2. 初始化项目vue create <projectName&a原创 2018-06-30 22:29:42 · 8036 阅读 · 0 评论 -
Vue 学习笔记 03:生命周期钩子
钩子函数钩子函数算是生命周期函数的前生吧,用到的也不多网上找的比较好的一张图贴出来 生命周期函数正如其名,组件从被 创建 到完成使命后的 销毁 的过程,就好比生命的出生到死亡beforeCreate 创建前 可以在这加个 loading 事件,在加载实例时触发created 创建后 初始化完成时的事件写在这里,如在这结束loading事件,异步请求也适宜在这里调用...原创 2018-07-03 07:25:14 · 266 阅读 · 0 评论 -
Vuex 状态管理模式
Vuex 核心概念使用 VuexstoreStateGetterMutationAction辅助函数Vuex是什么 专为 Vue.js 应用程序开发的 状态管理模式,采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化Vuex 的状态是响应式的,若 store 中的状态发生变化,那么调用 状态 的组件也会更新s...原创 2018-07-29 14:09:48 · 1317 阅读 · 0 评论 -
Vuex 严格模式 & 表单处理 & 热重载
严格模式在该模式下,无论何时发生了状态变更且不是由 mutation 函数引起的,将会抛出错误。 这能保证所有的状态变更都能被调试工具跟踪到。 开启严格模式,仅需在创建 store 的时候传入 strict: true:const store = new Vuex.Store({ // 严格模式会深度监测状态树来检测不合规的状态变更,确保在发布环境下关闭严格模式 str...原创 2018-07-29 14:54:36 · 698 阅读 · 0 评论 -
Axios
Axios使用自定义请求实例取消请求并发请求拦截器Axios基于Promise 用于浏览器和 nodejs 的与服务端通信库 特征支持 Promise API拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据使用CDN<script src="https://unpkg.com/axios@0.16.2/dis...原创 2018-07-29 16:33:25 · 924 阅读 · 0 评论 -
Vue-cli 3.0 构建项目(二)设置接口代理
vue.config.js vue.config.js是一个可选的配置文件,新建该文件,存放在项目根目录(将自动加载)中// 作为配置文件,直接导出配置对象即可module.exports = { devServer: { // 设置主机地址 host: 'localhost', // 设置默认端口 port: 8...原创 2018-07-21 09:20:37 · 9651 阅读 · 1 评论 -
Vue-router 路由
vue-router1. hash和history模式2. router-link各种配置项3. 重定向和别名4. 嵌套路由的使用5. 命名视图6. 滚动行为7. 动态路径参数8. 监控$router路由信息对象9. query字符串传参10. 导航切换过渡动画transition使用11. 动态设置name属性左右切换12. 编程式导航13. 全局钩子函数14. ...原创 2018-07-26 23:13:31 · 1852 阅读 · 0 评论 -
jQuery 常用方法总结
基础链式调用解除 $ 符占用转换jQuery对象加载方式方法1. 获取对象内容2. 属性设置3. 显示隐藏4. 事件绑定/移除5. 样式操作6. 查找与遍历7. 节点操作8. Ajax载入远程 HTML 文件代码并插入至 DOM 中通过 XMLHttpRequest对象, 发起异步请求加载远程数据配合 ES6中的 Promise 异步处理对象,执行后续操作...原创 2018-05-06 17:21:11 · 670 阅读 · 0 评论 -
AngularJS 学习笔记 08:ngRoute 实现 SPA单页面开发
只有一个页面,链接使用锚点(哈希)引入 angular-route.js 路由模块在子页定义控制器 ng-controller使用 $rootScope 全局属性<!DOCTYPE html><html ng-app="App"><head> <meta charset="UTF-8"> <title&原创 2018-04-28 07:00:02 · 360 阅读 · 0 评论 -
AngularJS 学习笔记 07:配置块(config)和 运行块(run)
配置块运行块配置块配置块会在提供者注册和配置的过程中,对模块或者服务进行配置。这是唯一在应用启动前可以修改的地方可见所有的东西,都是通过提供者 provider 来提供的var App = angular.module("App",[]);App.controller('demoCtrl', ['$scope','$log',function($scope,$...原创 2018-04-26 22:27:40 · 607 阅读 · 0 评论 -
AngularJS 学习笔记 05:自定义服务(factory、service、value / constant、provider)
factory 方式service 方式value / constant 方式provider 方式factory 方式使用 factory 方法创建服务var app = angular.module('App', []);app.controller('demoCtrl', ['$scope', 'firstUp', 'toPath', function...原创 2018-04-26 20:09:57 · 184 阅读 · 0 评论 -
AngularJS 学习笔记 06:AngularJS 执行流程
AngularJS 执行流程转载 2018-04-26 20:08:52 · 156 阅读 · 0 评论 -
AngularJS 学习笔记 01:框架特性
简介特性1. 模块化2. 双向数据绑定3. 指令4. 依赖注入简介版本(1.x、2.x、3.x),由三个不同团队进行维护,三个版本之间并无关系,typescript 是 2.x 版本的语法糖以 1.x 版本为主适用于大型的项目开发、MV*(mvc框架之母 / mvvm)特性:模块化、双向数据绑定、指令、依赖注入特性1. 模块化A...原创 2018-04-25 23:21:15 · 164 阅读 · 0 评论 -
AngularJS 学习笔记 02: 指令(directive)
自定义指令内置指令ng-app(指定根元素)ng-controller(定义控制器)ng-include(引入页面文件)ng-cloak(闪烁修复)ng-repeat(遍历输出)ng-model / ng-init(定义 / 初始化变量)ng-if(元素是否存在)ng-bind(绑定元素内容)ng-class(绑定CSS类)ng-disabled(禁用)ng-swith...原创 2018-04-25 20:35:03 · 169 阅读 · 0 评论 -
AngularJS 学习笔记 03: 过滤器(filter)
版本 v 1.6.10内置1. currency (货币处理)2. date(日期格式化)3. filter (匹配子串)4. json(格式化JSON对象)5. limitTo(限制数组、字符串长度)6. lowercase(小写)7. upper(大写)8. number(格式化数字)9. orderBy(排序)自定义过滤器控制器(controller)中使用过...原创 2018-04-25 13:24:30 · 211 阅读 · 0 评论 -
Vue 学习笔记 01:指令(内置 + 自定义)
内置指令v-text 输出文本v-html 输出HTMLv-bind 标签属性v-on 事件绑定v-if 显示隐藏v-model 双向数据绑定v-for 遍历v-pre 原始输出v-cloak 闪烁v-once自定义指令全局指令定义局部指令定义钩子函数钩子函数参数内置指令v-text 输出文本输出html代码&amp;lt;d...转载 2018-05-02 19:17:21 · 192 阅读 · 0 评论 -
Vue 学习笔记 02:事件修饰符
事件修饰符Vue 为 v-on / @ 绑定事件提供了修饰符,通过 . 来调用修饰符.stop: 阻止事件 冒泡,调用 event.stopPropagation() &amp;amp;amp;lt;a @click.stop=&amp;amp;quot;fn()&amp;amp;quot;&amp;amp;amp;gt;click me&amp;amp;amp;lt;/a&amp原创 2018-05-07 11:04:01 · 368 阅读 · 0 评论 -
Vue-cli 3.0 构建项目(三)配置 TypeScript
tsconfig.json:{ // 编译选项 "compilerOptions": { // 指定ECMAScript目标版本, 默认"ES3", 最新"esnext" "target": "esnext", // 指定生成哪个模块系统代码 "module&q原创 2018-08-19 11:12:06 · 6151 阅读 · 0 评论