自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

XiaoPan

记录学习,防止遗忘

  • 博客(17)
  • 收藏
  • 关注

原创 哇,终于懂了vue3的diff

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

2023-10-11 21:12:13 147

原创 一键部署提交 GitHub 仓库

为什么要一键部署因为每次打包和提交都有一大推命令,所以显得特别繁琐如何可以一键部署首先,需要使用 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 148

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

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

2020-09-16 22:28:17 354

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

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

原创 React生命周期

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

2020-08-19 12:33:53 111

原创 Vue3 props和attrs对比

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

2020-08-15 22:02:36 2752

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

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

2020-08-11 20:24:45 696

原创 Vue 的父子组件通信

父子传值简单来说父向子传值,用自定义属性,子向父传值用自定义方法<!-- HTML --> <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 143

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

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

2020-07-09 07:53:56 829

原创 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 1005

原创 Vue Router 路由管理

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

2020-06-12 13:09:31 337

原创 fetch axios async/await 接口调用

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

2020-06-11 14:12:22 404

原创 Promise对象

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

2020-06-11 12:35:32 161

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

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

2020-05-11 17:02:51 228

原创 xml是什么?

XML基础认识:全称:extensible markup languag , 代表可扩展标记语言,[HTML]: 超文本标记语言作用:传输和存储数据,[HTML]: 用来展示数据标签:xml没有预定标签,所有标签由开发者定义特点:xml对数据具有极强描述性// 例如:<students> <student> <sid>001</sid> <name>张三</name>.

2020-05-11 16:45:20 301

原创 ajax邮箱二级验证,客户端与服务器端

邮箱验证资源引用这里用的是本地资源,后面链接可找到 1. 引用的是bootstrap框架链接: bootstrap下载. 2. 是封装的一个ajax函数链接: Ajax函数.HTML代码块JavaScript代码块先用正则表达式进行一次验证,验证成功就发送给服务器端 服务器端开始二次验证,验证该邮箱是否已经被注册2020.5.7...

2020-05-07 10:59:39 199

原创 封装一个Ajax函数

这里写自定义目录标题封装一个Ajax函数封装一个Ajax函数2020.5.7

2020-05-07 10:32:19 219

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除