XiaoPan

她不变的微笑仿佛在嘲弄那些信以为真的主顾，他们真的把只在想象中的一切当作了实在，因为这里可触可感的物品也同属虚假：家具坐上去便散架，唱机的空膛里藏了一只抱窝的母鸡，花园里全是纸花，日历上还是香蕉公司到来之前的年份，画框里的版画剪自从未出版过的杂志。 ——《百年孤独》

为什么要一键部署因为每次打包和提交都有一大推命令，所以显得特别繁琐如何可以一键部署首先，需要使用 bash 终端，Windows 需要安装 Git Bash 或 Cmder，Mac 和 Linux 自带bash 终端在根目录创建一个 depoy.sh 的文件，在这个文件里写入你需要用到的所有命令rm -rf dist &&yarn build &&cd dist &&git init &&git add . &&a

需求分析记录用户按下屏幕的时间 Date.now() 注意：返回的时时间戳，1970 -1-1 到现在的毫秒数记录用户按下屏幕的坐标 x 和 y记录用户离开屏幕的时间 Date.now()记录用户离开屏幕的坐标 x 和 y根据两个时间 运算 判断 用户按下屏幕时长是否合法根据两对坐标 判断距离是否合法 判断 滑动方向判断用户滑动距离是否合法 => 取绝对值判断距离判断滑动的方向 => 相减 正为右滑 负为左滑代码<template><view @

首先先展示结构代码<style> .father { width: 500px; height: 500px; background-color: blue; } .child { width: 100px; height: 100px; background-color: #fff; }</style><div class="father" id="father"> <div class=

React生命周期图Initialization: 初始化阶段Mounting: 挂载阶段Updation: 更新阶段Unmounting: 销毁阶段什么是生命周期函数生命周期函数指在某个时刻，会自动执行的函数，但是constructor不算生命周期函数，因为它是ES6的基本语法，是构造函数，虽然它和生命周期函数性质一样，但不能认为生命周期函数生命周期函数Initialization阶段constructor定义属性(props) 和 状态(state)Mounting阶段

props V.S. attrsprops 要先声明才能取值，attrs不用先声明props 不包含事件，attrs包含props 支持 String 以外的类型，attrs只有 String 类型props 没有声明的属性，会在 attrs 里，若在 props 内声明了该属性，那么 attrs 里就不会出现该属性...

组件绑定的事件及属性默认会让子组件里的最外层标签继承事件及属性（不包括template）// Demo.vue<div>// 这里 <Button> </Button></div>// Button.vue<template> <div> <button> </button> </div></template>...

父子传值简单来说父向子传值，用自定义属性，子向父传值用自定义方法<!-- HTML --> <div id="app"> <div :style='{fontSize: fontSize + "px"}'>{{msg}}</div> <menu-item :parr="parr" @elg-text="handle($event)"></menu-item> </div>@elg-t

本地仓库和远程创库关联的两种情况本地创建好了文件夹，如何关联到远程在自己创建的文件夹中开始git操作 ,让当前文件夹变成一个git仓库git init // 初始化仓库在这里插入代码片初始化完成后，将本地仓库和远程仓库关联git remote add origin 这里是远程仓库地址(github或者码云)关联完成后，就可以提交代码操作啦git status // 查看仓库中未提交或已修改的文件git add . // 全部放进本地存储git commit -m 第一次提

webpack概述webpack是一个流行的前端项目构建工具（打包工具）webpack 提供了友好的模块化支持，以及代码压缩混淆、处理 js 兼容问题、性能优化等强大的功能webpack基本使用安装配置webpack运行 npm install webpack webpack-cli –D 命令，安装 webpack 相关的包在项目根目录中，创建名为 webpack.config.js 的 webpack 配置文件在 webpack 的配置文件中，初始化如下基本配置：module.e

路由路由本质就是对应关系路由分两种1.后端路由概念：根据不同的用户 URL 请求，返回不同的内容本质：URL请求地址与服务器资源之间的对应关系后端路由根据不同URL地址分发不同资源2.前端路由概念：根据不同的用户事件，显示不同的页面内容本质：用户事件与事件处理函数之间的对应关系前端路由负责事件监听，触发事件后，通过事件函数渲染不同内容SPA（Single Page Appliction）后端渲染（存在性能问题）Ajax前端渲染（前端渲染提高性能，但是不支持浏览器的前进

fetchFetch APIfetch基本特性相比Ajax更加简单地数据获取方式，功能更强大，更灵活，可以看作是传统Ajax升级版一个基本地fetch请求很简单，如下：fetch(url) .then(function(response) { return response.text(); }) .then(function(data) { console.log(data); }); /* 第一个then方法获取数据，但不可以直接拿到数据 返回值是

Promise概述Promise是异步编程的一种解决方案，从语法上讲，Promise是一个对象，从ta跨域获取异步操作的消息有了Promise对象，可以将异步操作用同步操作的流程表达出来Promise基本用法//Promise构造函数参数是一个函数，该函数里带两个参输// resolve 异步操作成功时调用，将异步操作返回的结果作为参数传递出去// reject 异步操作失败时调用，将异步操作报出的错误，作为参数传递出去const promise = new Promise(functio