- 博客(19)
- 收藏
- 关注
RSS订阅原创 前端模块化工具对比
1.AMD（require.js）使用简图// define([其他模块],function(){})// 模块的定义define( function(){ var add = function( a,b ){ return a+b } return { num: 0 }})require(['./01-AMD'],function($,math...
2019-05-09 11:21:48
463
原创 webpack，cli安装步骤
webpackwebpack-dev-serverresolve 文件扩展名可以省略es6 -> es5 ( 优雅降级 )什么叫做优雅降级， 什么叫做渐进增强？优雅降级指的是， 先进行高版本开发， 然后向下兼容渐进增强指的是， 先进行低版本稳定开发， 然后在进行高版本技术的引用css代码抽离（将src目录css文件打包到dist目录中， 并且会自动在index.htm...
2019-05-06 08:27:06
3703
原创 vuex基础
2. vuex什么是状态？用一条数据去管理一个视图或是视图中的一部分，那么我们就将这个数据称之为状态什么是状态管理？用一条数据去管理一个视图或是视图中的一部分，那么我们就将这个数据称之为状态，这种管理的形式我们称之为 状态管理vuex是做什么的？（概念）vuex是一个集中式的存储仓库【状态】，类似于 本地存储、数据库，vuex是vue的状态管理工具，它的功能主要是...
2019-04-30 11:12:02
176
原创 vue的非响应式处理方法
vue的非响应式情况数组的下标 <div id="app"> <button @click = "change"> 点击 </button> <ul> <li v-for = ' (item,index) in list ' :key = 'index'> <p> {...
2019-04-30 11:03:22
956
原创 路由的进阶部分
1.路由路由激活A: 自己书写一个类名或是使用第三方给的类名B；在router-link组件身上添加一个 active-class 的属性 <router-link to = "/home" active-class = "active"/>路由的缓存在router-link组件上添加一个属性 keep-alive <router-link...
2019-04-30 11:02:11
115
原创 路由的导航守卫
作用： — 类似 【保安】守卫路由进举例： 携带数据进出举例： 事情完成才能出导航守卫一共有三种形式A: 全局导航守卫全局前置守卫 router.beforeEach(fn)fn中有三个参数全局的解析守卫在 2.5.0+ 你可以用 router.beforeResolve 注册一个全局守卫。这和 router.beforeEach ...
2019-04-30 10:58:46
173
原创 封装自定义插件库
封装自定义插件库定义一个组件就是一个单文件组件 Loading.vue注册组件 import Loading from './components/Loading.vue' export const loading = { install () { Vue.component( 'Loading', Loading) } } 使...
2019-04-30 10:53:45
155
原创 export与module.exlports的区别
exports与module.exports，export与export default 之间的关系和区别首先我们要明白一个前提，CommonJS模块规范和ES6模块规范完全是两种不同的概念。CommonJS模块规范Node应用由模块组成，采用CommonJS模块规范。根据这个规范，每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。Common...
2019-04-25 08:36:34
201
原创 组件通讯问题
组件注册Vue.component(组建名称, 组件的配置)在组件中使用components的配置项来表示问题：组件命名问题组件命名和html原生标签冲突 Header Footer ----> header footer大驼峰的写法 Vue.componennt('ZhangJun',{ template: '<div&...
2019-04-22 21:21:14
139
原创 git常用命令小记
git常用命令小记git status查看缓存区和工作区的状态+表示N个新文件~表示N个修改-表示N个删除两组的时候前面的是暂存区,后面的是工作区git add fileName变更文件状态(工作区–>暂存区)git add .提交所有文件到暂存区git commit提交暂存区到版本区git commit -m “这里可以直接打注释”git commit -a ...
2019-04-22 14:08:50
149
原创 Vue深入响应式原理 数据传输及其
1. vue深入响应式原理深入响应式原理：当视图模型（VM）中的数据模型（M）发生改变时， 视图（V）就会进行更新Vue通过watcher将data中的属性全部使用Object.definePropery编程getter和setter,当属性值发生改变的时候， 就会触发， 然后wather就会触发， 告诉视图（V）进行重新渲染**** 数据必须放在data选项中才能进行深入响应式底层...
2019-04-20 08:55:13
412
原创 Vue深入响应式原理
1. vue深入响应式原理深入响应式原理：当视图模型（VM）中的数据模型（M）发生改变时， 视图（V）就会进行更新Vue通过watcher将data中的属性全部使用Object.definePropery编程getter和setter,当属性值发生改变的时候， 就会触发， 然后wather就会触发， 告诉视图（V）进行重新渲染**** 数据必须放在data选项中才能进行深入响应式底层...
2019-04-19 22:16:40
256
原创 VUE的class style 计算属性
class && styleclass为什么要绑定类名？数据–驱动–》视图 数据–控制–》类名 -->样式类名 要和 数据 绑定 —使用 —》 v-bind类名的绑定方式A: 对象的形式<div :class = "{'size': classFlag,'bg': classFlag}"></div>注意： 对象中的k...
2019-04-18 21:27:47
2783
原创 VU的class style 计算属性
class && styleclass为什么要绑定类名？数据–驱动–》视图 数据–控制–》类名 -->样式类名 要和 数据 绑定 —使用 —》 v-bind类名的绑定方式A: 对象的形式注意： 对象中的key用字符表示* B: 数组的形式 ### style1. 为什么要绑定样式呢？* A: 样式有几种使用形式1. styl...
2019-04-18 21:22:40
280
原创 vue基础入门篇1
Vue基础总结0. vue.js源代码匿名函数 (function(){}) ()1. 特点安全性高减少了函数命名冲突第二个括号才是函数的真正运行， 里面可以传入实际参数第一个括号确定了匿名函数的作用范围， 语法不会报错， 里面放一个没有名字的函数， 函数可以接收形式参数底层代码封装匿名函数作用确定vue.js这个库的使用方法直接将Vue当做全局的一个方...
2019-04-17 18:52:32
90
原创 前端开发规范
1. 前端的开发规范目录构建的规范命名原则：简洁比如： src 源代码 img 图片资源 js JavaScript脚本 dep 第三方依赖包不使用复数比如： 不使用 imgs docs根目录（root）结构按职能划分比如：1. src 源代码（逻辑）2. doc 文档3. dep 第三方依赖包4. test 测试根据业务逻辑进行...
2019-04-16 17:46:50
92
原创 前端的开发规范
前端的开发规范目录构建的规范命名原则：简洁比如： src 源代码 img 图片资源 js JavaScript脚本 dep 第三方依赖包不使用复数比如： 不使用 imgs docs根目录（root）结构按职能划分比如：1. src 源代码（逻辑）2. doc 文档3. dep 第三方依赖包4. test 测试根据业务逻辑进行文件夹...
2019-04-16 17:37:58
81
原创 异步流程 工具
前端异步流程工具1.传统方案： 1.回调函数 2.事件2.工具的方案： 1.promise(es6提供) 2.generator函数 3.async await 4.node.js nextTick setImmidate 5.第三方库 async.js1.promise总结： 1. 通过new Promise()2. 参数是...
2019-04-15 17:01:43
146
原创 node.js基础
为什么会出现跨域开发中会有不同的域名和端口等出现?我们需要去获取他们的内容浏览器如何组织跨域浏览器具有安全策略 —》 同源策略实现跨域的范围是？浏览器问题： 为什么要有 package.json？分析： 帮助我们记录第三方的内容即使没有node_modules也可以下载自定义模块的发布package.json —> 当前项目的依赖包 兵哥package-lock.j...
2019-04-08 20:52:25
111
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人