自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(44)
  • 收藏
  • 关注

原创 uniApp——动态获取接口域名

// httpService.js 对 uni.request 的封装。在数据请求入口处,统一先进行 域名获取,即 执行 config.requestRemoteIp 方法// config.js

2022-06-23 19:15:11 2797 2

原创 详解vue或uni-app的跨域问题解决方案

常见解决方案有两种服务器端解决方案服务器告诉浏览器:你允许我跨域具体如何告诉浏览器,请看:将以上代码写入中间件:在路由上添加跨域中间件,告诉客户端:服务器允许跨域请求客户器端解决方案欺骗浏览器,让浏览器觉得你没有跨域(其实还是跨域了,用的是代理)在manifest.json里添加如下代码:参数说明'/api/doc'捕获API的标志,如果API中有这"/api/doc"个字符串,那么就开始匹配代理,比如API请求"/api/doc/userinfo",会被代理到请求 "http:

2022-06-16 23:27:21 976

原创 vue中uni-app 实现小程序登录注册功能

React基础第一节:简介1.1 概念 React是用于构建用户界面的JavaScript库(只关注视),起源于Facebook的内部项目,该公司对市场上所有 JavaScript MVC框架都不满意,决定自行开发一套,用于架设Instagram的网站。于2013年5月开源。1.2 特点声明式编程:React 使创建交互式 UI ,当数据变动时 React 能高效更新并渲染合适的组件。组件化: 构建管理自身状态的封装组件,然后对其组合以构成复杂的 UI。高效:React通过对DO.

2022-06-16 23:12:22 2469

原创 unniapp——使用uni.$emit()和uni.$on() 进行页面间通讯

1.闭包如果一个函数用到了它作用域外面的变量,那么这个变量和这个函数之间的环境就叫闭包。2.箭头函数 this指向 箭头函数和普通函数的区别普通函数:(1)总是代表着它的直接调用者,如obj.fn,fn里的最外层this就是指向obj(2)默认情况下,没有直接调用者,this指向window(3)严格模式下(设置了'use strict'),this为undefined(4)当使用call,apply,bind(ES5新增)绑定的,this指向绑定对象ES6箭头函数中this

2022-06-16 23:07:30 398

原创 uniapp——页面传参数的几种方法总结

vue3-layer:基于Vue3.0开发的PC桌面端自定义对话框组件。基于vue3构建的PC网页端自定义弹出框组件。全面覆盖各种弹窗应用场景,拥有10+种弹窗类型、30+种自定义参数配置、7+种弹窗动画效果,支持.........

2022-06-16 22:58:28 3175

原创 uniApp打包以及发布

从来没有接触过安卓应用,最近需要上架一个应用,来申请支付相关用的框架是uni-app,在vue的基础上来搭建,感觉跟写了一个小程序一毛一样比小程序要复杂的就是打包以及发布,记录一下!打包流程:1,使用自定义基座2,运行—>运行到手机或模拟器—>制定自定义基座制作Android平台签名证书:https://ask.dcloud.net.cn/article/35777制作完成后,会生成一个后缀为keystore的文件以及相关信息,填入自定义基座里面,记得勾选渠道,然...

2022-04-25 17:14:37 2143 2

原创 Vue中computed和methods的区别

Vue中computed和methods的区别computed详解 computed和methods的区别 computed详解computed可以完成各种复杂的逻辑,包括运算、函数调用等,只要最终返回一个结果就可以。下面是一个简易的计算器,来实现乘法的操作<body> <div id="app"> 长度:<input v-model="length" type="text" /><br /> 宽度: <input

2022-04-25 16:53:56 957

原创 cookie、sessionStorage和localStorage的区别

一、 概念的理解webstorage本地存储1)webstorage是本地存储,存储在客户端,包括localStorage和sessionStorage2)localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通信3)sessionStorage仅在当前会话下有效,关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端(

2022-04-25 16:41:36 1366

原创 Vue3 PC桌面端聊天室|vue3.0+elementPlus仿微信/QQ界面

vue3-webchat 基于vue3.0.5开发的仿微信|QQ界面桌面端聊天实例。运用vue3.x全家桶技术+element-plus+v3layer+v3scroll搭建的仿微信/QQ界面网页聊天实例项目。实现发送表情图文消息、图片/视频预览、链接查看、粘贴/拖拽发送图片、红包/朋友圈等功能。技术栈编码/技术:VScode + Vue3 + Vuex4 + VueRouter@4 UI组件库:ElementPlus (饿了么桌面端vue3组件库) 对话框组件:V3Layer(基.

2022-04-22 17:21:36 6868 10

原创 HTTP 和 HTTPS 的区别

前言无论是在校学习还是找工作的时候,老师和面试官都问过同学 HTTP 和 HTTPS 的区别。平时上网的时候也没有关注这个问题,只是知道计算机网络里 HTTP 的概念,所以最近才查资料好好补补这一块。其实这一块的知识延伸很广,如果之前不太了解加密算法和 SSL 协议,可以在学习了这个问题的基础上再做研究。TLS/SSL 工作原理及握手过程详解:https://blog.csdn.net/aliyun3/article/details/124330696一、HTTP 和 HTTPS 的基本概

2022-04-21 20:54:27 135

原创 TLS/SSL 工作原理及握手过程详解

前言本文是对 HTTPS 安全基础、TLS/SSL 工作原理及握手过程的总结。第一部分介绍为 HTTPS 提供安全基础的 TLS/SSL 的基础概念,及数据传输过程中密钥协商的原因。第二部分介绍密钥协商过程中存在的问题,及解决办法,其中会涉及 PKI、CA 等概念。最后介绍 TLS/SSL 的握手过程。HTTP 和 HTTPS 的区别:https://blog.csdn.net/qq_38289815/article/details/80969419TLS/SSL 基础概念概念源自百

2022-04-21 20:52:02 2289

原创 computed与watch的区别

watch,computed和methods的关系1.watch和computed都是以Vue的依赖追踪机制为基础的,它们都试图处理这样一件事情:当某一个数据(称它为依赖数据)发生变化的时候,所有依赖这个数据的“相关”数据“自动”发生变化,也就是自动调用相关的函数去实现数据的变动。2.对methods:methods里面是用来定义函数的,很显然,它需要手动调用才能执行。而不像watch和computed那样,“自动执行”预先定义的函数watch和computed各自处理的数据关系场景不同1.

2022-04-21 19:39:05 2928

原创 微信开放平台授权登录详细流程-第三方登录

据微信开放平台“开发资源”中网站应用微信登陆功能开发指南描述:进行授权登陆接入前,需要先注册一个开发者账号,并拥有一个已经审核通过的网站应用,并获取AppID和APPSecret,然后申请微信登陆并通过审核后,可以接入流程进行开发。据开发者资质认证处介绍:开发者资质认证通过后,微信开放平台帐号下的应用,将获得微信登录、智能接口、第三方平台开发等高级能力。所以在微信第三方授权登陆获取用户信息开发前,需要做一些前期准备。目的是获取到AppID以及AppSecret,并成功申请微信登陆功能。一、前期准

2022-04-21 12:21:25 11491 2

原创 vue2和vue3的区别

1. vue2和vue3双向数据绑定原理发生了改变vue2 的双向数据绑定是利用ES5 的一个 API Object.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的。vue3 中使用了 es6 的 ProxyAPI 对数据代理。相比于vue2.x,使用proxy的优势如下defineProperty只能监听某个属性,不能对全对象监听 可以省去for in、闭包等内容来提升效率(直接绑定整个对象即可) 可以监听数组,不用再去单独的对数组做特异性操作 vue

2022-04-19 10:30:16 9551

原创 Proxy理解以及vue3响应式原理

Proxy的应用可以使函数更加强大,业务逻辑更加清楚,而且在编写自己的框架或者通用组件时非常好用。Proxy涉及的内容非常多,那这里我就带你入门并且介绍给你后续的学习方法。在学习新知识之前,先来回顾一下定义对象的方法。var obj={ add:function(val){ return val+10; }, name:'I am 张三' };console.log(obj.add(100));console.log(obj.name);声明了一

2022-04-19 09:54:19 404

原创 微信小程序登录功能实现

通常我们在登录微信小程序的时候都是通过授权登录,各种博文上已经有了很多案例,这里记录一下自己实际开发过程中,通过用户名和密码请求登录的流程:1、获取用户在用户名输入框输入的信息wxml:<input bindinput="getUserName" placeholder="用户名/手机号/邮箱" placeholder-style="color:white" class="userName"></input>此处为事件名js:getUserName: f

2022-04-19 09:40:16 2234

原创 Webpack打包和优化

webpack打包优化分为两部分,一部分是大小优化,另一部分是速度优化。大小优化1.CommonsChunk前端构建项目中,为了提高打包效率,往往将第三库与业务逻辑代码分开打包,因为第三方库往往不需要经常打包更新。webpack建议使用CommonsChunk 来单独打包第三方库:module.exports = { entry: { vendor: ['react','react-dom'], app: "./main", }, .

2022-04-19 09:29:29 3289

原创 面试题:你印象最深刻的两个bug是什么,你是怎么解决的?

面试题:你印象最深刻的两个bug是什么,你是怎么解决的?在面试的时候,很多时候面试官都会问你这个问题,如果你没有准备或者最近没有在做项目的话,你短时间是很难想起你遇到的bug的。毕竟在做项目的时候遇到的问题会有很多,有些bug可能会卡你两天,或者更久。但是如果你不做记录,你过段时间就会把整个印象深刻的bug给想出来。想不出来,你这道面试题就会答得不好,这多少是会影响你的面试成绩的。最近我面试的时候就遇到这样一个问题,当时我想了很久都没想出来,后面答得自然也不是很好,回答的比较宽泛和笼统。所以我就写了这

2022-04-19 09:20:00 7082

原创 Vue路由拦截

vue中鉴权的两种方法常用的鉴权有两种:一种是路由拦截,一种是动态路由。路由拦截通过vue-router的beforeEach方法进行每一次路由访问的拦截,判断拦截信息中是否有鉴权要求或者权限校验,以此来实现鉴权。如果权限不够,访问的路径虽然存在但会被拦截。动态路由在登录后根据用户信息以及权限动态地添加正确的权限路由,如果权限不够,访问的路径是不存在的。比较路由拦截实现起来相对简单,只需在登录的时候保存用户权限信息,然后编写路由的时候将需要鉴权的路由加上权限信息,然后在

2022-04-17 21:16:00 17461 3

原创 【ES6】var、let、const三者的区别

vue中鉴权的两种方法常用的鉴权有两种:一种是路由拦截,一种是动态路由。路由拦截通过vue-router的beforeEach方法进行每一次路由访问的拦截,判断拦截信息中是否有鉴权要求或者权限校验,以此来实现鉴权。如果权限不够,访问的路径虽然存在但会被拦截。动态路由在登录后根据用户信息以及权限动态地添加正确的权限路由,如果权限不够,访问的路径是不存在的。比较路由拦截实现起来相对简单,只需在登录的时候保存用户权限信息,然后编写路由的时候将需要鉴权的路由加上权限信息,然后在

2022-04-17 21:03:50 88

原创 节流与防抖原理及实现

简述:(1)防抖:就是将一段时间内连续的多次触发转化为一次触发。(2)节流:减少一段时间内触发的频率区别:两者区别在于函数节流是固定时间做某一件事,比如每隔1秒发一次请求。而函数防抖是在频繁触发后,只执行一次(两者的前提都是频繁触发)场景:(1)节流:一般是onrize,onscroll等这些频繁触发的函数,比如你想获取滚动条的位置,然后执行下一步动作;鼠标不断点击触发,mousedown(单位时间内只触发一次)…比如你想获取滚动条的位置,然后执行下一步动作。如果监听后执行的是

2022-04-14 15:24:41 1566

原创 正则表达式

假设用户需要在HTML表单中填写姓名、地址、出生日期等。那么在将表单提交到服务器进一步处理前,JavaScript程序会检查表单以确认用户确实输入了信息并且这些信息是符合要求的。什么是正则表达式正则表达式(regular expression)是一个描述字符模式的对象。ECMAScript的RegExp类表示正则表达式,而String和RegExp都定义了使用正则表达式进行强大的模式匹配和文本检索与替换的函数。正则表达式主要用来验证客户端的输入数据。用户填写完表单单击按钮之后,表单就会被发送到服务

2022-04-13 22:45:06 77

原创 JavaScript中this的指向

首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然网上大部分的文章都是这样说的,虽然在很多情况下那样去理解不会出什么问题,但是实际上那样理解是不准确的,所以在你理解this的时候会有种琢磨不透的感觉),那么接下来我会深入的探讨这个问题例子1:function a(){ var user = "追梦子"; console.log(thi..

2022-04-13 22:38:42 252

原创 localStorage和sessionStorage本地缓存

1.localStoragelocalStorage :是一种如果你不主动去清除,会一直将数据存储在客户端的储存方式,即使关闭了浏览器,下次打开的时候仍然可以看 到之前存储的未主动清除的数据(即便是杀毒软件或者浏览器自带的清除功能,也不能将localStorage存储的数据清除掉)1.基本写法 :<1>.localStorage 存数据 : <input type="text"> <button>存</button> <..

2022-04-13 22:27:57 284

原创 React脚手架配置代理总结

方法一在package.json中追加如下配置"proxy":"http://localhost:5000"说明: 优点:配置简单,前端请求资源时可以不加任何前缀。 缺点:不能配置多个代理。 工作方式:上述方式配置代理,当请求了3000不存在的资源时,那么该请求会转发给5000 (优先匹配前端资源) 方法二第一步:创建代理配置文件在src下创建配置文件:src/setupProxy.js第二步:编写setupProxy.js配置具体代理规则:.

2022-04-13 22:17:52 51

原创 Ajax 进阶

在 Ajax 课程中,我们了解了最基本的异步处理方式。本章,我们将了解一下 Ajax 的 一些全局请求事件、跨域处理和其他一些问题。 一.加载请求 在 Ajax 异步发送请求时,遇到网速较慢的情况,就会出现请求时间较长的问题。而超 过一定时间的请求,用户就会变得不再耐烦而关闭页面。而如果在请求期间能给用户一些提 示,比如:正在努力加载中...,那么相同的请求时间会让用户体验更加的好一些。 jQuery 提供了两个全局事件,.ajaxStart()和.ajaxStop()。这两个全局事

2022-04-13 22:06:00 139

原创 Ajax基础

Ajax 全称为:“Asynchronous JavaScript and XML”(异步 JavaScript 和 XML), 它并不是 JavaScript 的一种单一技术,而是利用了一系列交互式网页应用相关的技术所形 成的结合体。使用 Ajax,我们可以无刷新状态更新页面,并且实现异步提交,提升了用户 体验。 一.Ajax 概述 Ajax 这个概念是由 Jesse James Garrett 在 2005 年发明的。它本身不是单一技术,是一串 技术的集合,主要有: 1...

2022-04-13 21:59:04 107

原创 ECharts总结

echarts总结一.初步实现echarts1.npm install echarts --save2.import * as echarts from 'echarts';3.<div class="map" ref="myEchart" style="width: 800px;height:600px;"></div>4.<template> <div class="map" ref="myEchart" style=

2022-04-13 21:37:30 948

原创 ES6~ES11

第一章:ES6语法 第一节:ES6的概念ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。ES6 既是一个历史名词,也是一个泛指,含义是 5.1 版以后的 JavaScript 的下一代标准,涵盖了 ES2015、ES2016、ES2017 等等,而 ES2015 则是正式名称,特指该年发布的正式版本的语言标准。第二节:为什么使用ES6每一次标准的诞生都意味着语言的完善,功能的加强。JavaScript语言本身也有

2022-04-13 21:29:49 560

原创 vue组件间通信六种方式(完整版)

组件是 vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。一般来说,组件可以有以下几种关系:如上图所示,A 和 B、B 和 C、B 和 D 都是父子关系,C 和 D 是兄弟关系,A 和 C 是隔代关系(可能隔多代)。针对不同的使用场景,如何选择行之有效的通信方式?这是我们所要探讨的主题。本文总结了vue组件间通信的几种方式,如props、$emit/$on、vuex、$parent/$children、$attrs/$listeners和..

2022-04-13 21:17:30 391

原创 JavaScript教程

1.javascript简介JavaScript 最初由网景公司开发的一种脚本语言,被大量地应用于网页中,用以实现网页和浏览者的动态交互。目前几乎所有的浏览器都可以很好地支持 JavaScript。由于 JavaScript 可以及时响应浏览者的操作,控制页面的行为表现,提高用户体验,因而已经成为前端开发人员必须掌握的语言之一。JavaScript 是为满足制作动态网页的需要而诞生的一种编程语言,在 HTML 基础上,使用 JavaScript 可以开发交互式(网页)Web。JavaScript 的

2022-04-10 13:02:48 1956

原创 Vue2插值操作

1. Mustache语法mustache是胡须的意思,因为{{}}像胡须,又叫大括号语法。在vue对象挂载的dom元素中,{{}}不仅可以直接写变量,还可以写简单表达式。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"

2022-04-10 10:31:24 120

原创 HTTP协议

HTTP协议超级详解

2022-04-09 23:24:05 165

原创 面试题——Web前端

web前端面试 - 面试官系列

2022-04-09 23:16:17 201

原创 MySQL——数据库的安装与卸载

​​​​​​​1.MYSQL版本MySQL Community Server 社区版本,开源免费,自由下载,但不提供官方技术支持,适用于大多数普通用户。MySQL Enterprise Edition 企业版本,需付费,不能在线下载,可以试用30天。提供了更多的功能和更完备的技术支持,更适合于对数据库的功能和可靠性要求较高的企业客户。MySQL Cluster 集群版,开源免费。用于架设集群服务器,可将几个MySQL Server封装成一个Server。需要在社区版或企业版的基础上使用。M.

2022-04-09 22:33:25 575

原创 MySQL——数据库

1.什么是数据库:数据库(database):存储数据的“仓库”。它保存了一系列有组织的数据。2.DSMS数据库管理系统:数据库管理系统:数据库是通过DBMS创建和操作的容器。数据库管理系统(DBMS)可以管理多个数据库,一般开发人员会针对每一个应用创建一个数据库。为保存应用中实体的数据,一般会在数据创建多个表,已保存程序中实体用户的数据。常见的数据库管理系统有:MySQL、Oracle、DB2、SQLServer等。数据管理系统3.SQL查询语言:结构化查询语言:专

2022-04-09 22:02:38 1049

原创 axios封装

import axios from 'axios'import router from '@/router'import { Toast } from 'vant'import store from '@/store'const Qs = require('qs'); //QS序列化axios.defaults.baseURL = "http://152.136.185.210:8000/api/w6" // 请求超时时间axios.defaults.timeout = 10000;.

2022-04-09 21:49:11 474

原创 JavaScript——对象和数组

什么是对象:其实就是一种类型,即引用类型。而对象的值就是引用类型的实例。在ECMAScript中引用类型是一种数据结构,用于将数据和功能组织在一起。它也常被称做为类,但ECMAScript中却没有这种东西。虽然ECMAScript是一门面向对象的语言,却不具备传统面向对象语言所支持的类和接口等基本结构。Object类型到目前为止,我们使用的引用类型最多的可能就是Object类型了。虽然Object的实例不具备多少功能,但对于在应用程序中的存储和传输数据而言,它确实是非常理想的选择。创建Obje

2022-04-09 21:31:10 440

原创 JavaScript——函数

1.函数声明通过函数可以封装任意多条语句,而且可以在任何地方、任何时候调用执行。JavaScript中的函数使用function关键字来声明,后跟一组参数以及函数体function box() { //没有参数的函数 alert('只有函数被调用,我才会被之执行');}box(); //直接调用函数function box(name, age) { //带参数的函数 alert('你的姓名:'+name+',年龄:'+age);}bo

2022-04-09 19:12:49 38

原创 JavaScript—— 流程控制语句

1.语句的定义语句的种类 类型 子类型 语法 声明语句 变量声明语句 var box = 100; 标签声明语句 label : box; 表达式语句 变量赋值语句 box = 100; 函数调用语句 box(); 属性赋

2022-04-09 17:48:43 60

空空如也

空空如也

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

TA关注的人

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