陪我去看海吧！-优快云博客

原创哇，终于懂了vue3的diff

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

2023-10-11 21:12:13 318

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

2020-09-29 23:24:40 217

原创 uni-app 项目封装一个滑动组件

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

2020-09-16 22:28:17 432

原创盒子水平垂直居中的五大方案

首先先展示结构代码 <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=

2020-09-04 20:57:16 211

原创 React生命周期

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

2020-08-19 12:33:53 165

原创 Vue3 props和attrs对比

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

2020-08-15 22:02:36 2818

原创 Vue3组件事件及属性绑定的小插曲

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

2020-08-11 20:24:45 774

原创 Vue 的父子组件通信

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

2020-08-06 17:41:59 190

原创本地仓库与远程仓库关联，克隆远程仓库

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

2020-07-09 07:53:56 914

原创 webpack的简单使用

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

2020-06-15 11:38:43 1072

原创 Vue Router 路由管理

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

2020-06-12 13:09:31 397

原创 fetch axios async/await 接口调用

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

2020-06-11 14:12:22 510

原创 Promise对象

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

2020-06-11 12:35:32 206

原创解决同源限制的方法之一 jsonp

Ajax请求限制 Ajax只能向自己的服务器发送请求什么是同源如果两个页面拥有相同的协议,域名和端口,那么这两个页面就属于同一个原,其中只要有一个不相同,就是不同源. 为什么有同源政策同源政策时为了保证用户信息的安全,防止恶意的网站窃取数据.最初的同源政策是指 a 网站在客户端设置的 Cookie ,b 网站是不能访问的, 在不同源的情况下,其中有一项规定就是无法向非同源地址发送Ajax请求,如果请求,浏览器就会报错解决同源方法之一 jsonp 使用jsonp解决同源限制问题： jsonp 是 js

2020-05-11 17:02:51 280

XiaoPan