摘要：
背景 在平时工作中会有遇到许多以相同模板定制的小程序，因此想自己建立一个生成模板的脚手架工具，以模板为基础构建对应的小程序，而平时的小程序都是用mpvue框架来写的，因此首先先参考一下Vue-cli的原理。知道原理之后，再定制自己的模板脚手架肯定是事半功倍的。 在说代码之前我们首先回顾一下Vue-c 阅读全文
摘要：
第一种方法：采用绝对定位+BFC（overflow:auto） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 阅读全文
摘要：
Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource 目前主流的 Vue 项目，都选择 axios 来完成 ajax 请求，而大型项目都会使用 Vuex 来管理数据，所以这篇博客将结合两者来发送请求 阅读全文
摘要：
详解Vue Lifecycle 先来看看vue官网对vue生命周期的介绍 Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。 每一个组件或者实例都会 阅读全文
摘要：
1. 父子传值 props 所有的 props 都是单向往下的，父组件 property 更新会影响子组件的,反过来则不会;另外，每次父组件中对应属性发生改变，子组件中的所有 props 都会被更新为最新的值。所以在子组件中，不应该对 props 进行更改 <div id="app"> <p>{{ 阅读全文
摘要：
前言 使用vue也好有一段时间了，虽然对其双向绑定原理也有了解个大概，但也没好好探究下其原理实现，所以这次特意花了几晚时间查阅资料和阅读相关源码，自己也实现一个简单版vue的双向绑定版本，先上个成果图来吸引各位： 代码： 效果图： 是不是看起来跟vue的使用方式差不多？接下来就来从原理到实现，从简到 阅读全文
摘要：
我在a页面写一个定时，让他每秒钟打印一个1，然后跳转到b页面，此时可以看到，定时器依然在执行。这样是非常消耗性能的。如下图所示： 解决方法1： 首先我在data函数里面进行定义定时器名称： data() { return { timer: null // 定时器名称 } }, 然后这样使用定时器： 阅读全文
摘要：
通过Vue构造器传入的各种选项大多数都可以在组件里用，唯独只有data选项有区别，在Vue构造器中data返回的是对象，但是在组建中必须返回一个函数。why？这篇文章主要介绍了详解在Vue组件中的data为什么只能返回函数,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧 阅读全文
摘要：
1、父级div定义伪类：after和zoom <style type="text/css"> .div1{background:#000080;border:1px solid red;} .div2{background:#800080;border:1px solid red;height:10 阅读全文
摘要：
new操作中发生了什么？ 比较直观的感觉，当我们new一个构造函数，得到的实例继承了构造器的构造属性(this.name这些)以及原型上的属性。 在《JavaScript模式》这本书中，new的过程说的比较直白，当我们new一个构造器，主要有三步： • 创建一个空对象，将它的引用赋给 this，继承 阅读全文
摘要：
一、固定宽高：1、margin 根据已知的宽高写死，不推荐 2、定位 + margin-top + margin-left .box-container{ position: relative; width: 300px; height: 300px; } .box-container .box { 阅读全文
摘要：
一、普通函数中的this 这是vue文档里的原话： All lifecycle hooks are called with their 'this' context pointing to the Vue instance invoking it. 意思是：在Vue所有的生命周期钩子方法（如crea 阅读全文
摘要：
先上结论： 1、如果this出现在函数内，那么this永远指向调用这个方法的对象。 2、如果this不是出现在函数内，即出现在全局作用域或者出现在一个对象内部，那么他永远指向全局对象window。 1、这里先求证结论的第二点 在全局作用域下，所有的全局变量和方法都是挂载到window这个全局对象下。 阅读全文
摘要：
在一个Web页面的CSS渲染中，块级格式化上下文 (Block Fromatting Context)是按照块级盒子布局的。W3C对BFC的定义如下： 浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及 阅读全文
摘要：
在JavaScript中我们会用typeof( )这个函数，那么使用typeof( )输出的值一般会有number、boolean、string、undefined、function、object等这些类型，那我们本文要研究的就是object和function这两种类型，返回值是这两种类型的就是我们 阅读全文