BigFamer的博客

一、前言 在使用Vue进行实际开发中，经常在created，mounted等生命周期钩子函数内进行数据，逻辑的处理，但基本都是看别人在哪个生命周期内请求数据，在哪个生命周期内操作DOM，自己也照搬如此使用，是“知其然而不知其所以然的”状态。今儿趁着手头工作忙完这段时间，特别研究了一下生命周期，记录一下自己的学习笔记。 二、生命周期 2.1、生命周期的四个阶段和8个生命周期钩子函数详解 2.1.1、阶段一 包含的生命周期钩子函数： beforeCreate、created； beforeCreate、crea

一、问题描述 在开发中发现，有两个vue组件中mounted中都用了window.onresize，但是在其中一个组件中正常，在另一个组件中无效。 二、问题分析 我注意到组件A是组件B的父组件，组件A（父组件）中window.onresize功能正常，组件B（子组件）中window.onresize功能无效。 初步猜测是由于父子组件中同时使用，导致子组件中的失效。 三、问题解决 我尝试把子组件中的 window.onresize = () => { console.log(27) } 写成： wi

一、前言 上周四接到了一个简单的纯前端网页的项目，我用了三天时间已经开发并且部署完毕（为了实现快速简易部署，使用了gitee pages进行部署，这篇文章记录我使用gitee pages部署的详细过程）。这个展示页要求在PC端和移动端双场景使用，但是由于页面简单，为了简单起见，我采用rem结合媒体查询适配开发一套代码来实现这个场景要求。 二、实现结合媒体查询的rem适配 2-1、rem布局 2-1-1、什么是rem rem是CSS3新增的一个相对单位（root em，根em），这个单位与em有什么区别呢？区

一、前言 最近做了一个纯前端的静态展示页面，为了方便起见，直接将它部署到了gitee pages上，期间也遇到了一些问题，比如部署后没有页面，控制台报错的404找不到资源的问题，但最后还是成功部署了项目。 二、实现gitee pages部署 2-1、gitee pages部署准备工作 2-1-1、首先，你需要将gitee pages这个功能开通，开通这个需要身份证等一些个人材料 ...

一、前言 最近，接到一个新项目，又换了新电脑，安装vue-cli快速搭建项目时，没指定版本，直接安装到了4.5.14版本，记录一下从安装脚手架到项目搭建的全过程。 二、安装vue-cli 2-1、指定版本安装 2-2、不指定版本安装（直接安装最新版本） 三、使用命令行搭建项目 3-1、 3-2、 3-3、 四、使用图形化工具搭建项目 五、说明 ...

一、前言 我们平常对Vue的印象有这样一种感觉：Vue就像专门为单页面应用（SPA）而生，因为Vue的官方文档中也有这样的描述： 实则非也，因为vue在工程化开发的时候依赖于 webpack ,而webpack是将所有的资源整合到一块后形成一个html文件 一堆 js文件, 如果将vue实现多页面应用,就需要对他的依赖进行重新配置,也就是修改webpack的配置文件. vue的开发有两种，一种是直接的在script标签里引入vue.js文件即可，这样子引入的话个人感觉做小型的多页面会比较舒坦，一旦做大型一