小余努力搬砖-优快云博客

原创【Axios学习二】一文通透Axios跨域和封装

因为在Vue的开发阶段，基本都是用webpack打包编译，需要node环境本地运行，因而运行的域名为本地的localhost,这个时候调用后端接口就涉及到跨域的问题了。vue 的 proxyTable 是用于开发阶段配置跨域的工具，可以同时配置多个后台服务器跨越请求接口，其真正依赖的npm包是。在日常项目开发过程中，在和后台交互获取数据的时候，我们都需要使用到网络库，通常在vue的项目中，使用的是。在日常项目模块中，基于多人开发，当然可以在api.js的基础上，可以根据功能模块实现业务拓展延伸，比如。

2022-10-28 08:54:13 2215 5

原创【微信小程序】网络数据请求

Ajax技术的核心是依赖于浏览器中的XMLHttpRequest这个对象，由于小程序的宿主环境是微信客户端，所以小程序中不能叫做“ 发起Ajax请求”，而是叫做“ 发起网络数据请求”。由于小程序的宿主环境不是浏览器,而是微信客户端，所以小程序中不存在跨域的问题。需求描述:假设在自己的微信小程序中,希望请求https:/ /www.yzq2ty.cn/域名下的接口。:登录微信小程序管理后台->开发->开发设置->服务器域名->修改request合法域名。2.必须将接口的域名添加到信任列表中。

2022-10-23 19:02:50 2279 5

原创【Axios学习一】什么是Axios、Axios的使用和配置

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中

2022-10-23 18:26:19 1488 1

原创【uni-app微信小程序】搜索页面开发，可以保存用户搜索历史，删除历史（简单解释）

此篇文章纯代码较多，细节解释，今后会出更加详细的解释。

2022-10-16 21:53:28 3564 26

原创【小程序】协同工作和发布

提交审核的方式:在开发版本的列表中，点击“提交审核”按钮之后，按照页面提示填写相关的信息，就能把小程序提交到腾讯官方进行审核。在中大型的公司里，人员的分工非常仔细:同一个小程序项目，- -般会有不同岗位、不同角色的员工同时参与设计与开发。为什么需要提交审核:为了保证小程序的质量,以及符合相关的规范，小程序的发布是需要经过腾讯官方审核的。登录自己微信公众平台，找到成员管理，就可以选择添加项目成员，和添加体验成员，基本的配置。1.开发者权限:可使用小程序开发者工具及对小程序的功能进行代码开发。

2022-10-16 20:35:42 1431 32

原创【小程序】了解WXML模板WXSS样式和小程序中的js文件

WXML (WeiXin Markup Language)是小程序框架设计的一-套标签语言,用来构建小程序页面的结构，其作用类似于网页开发中的HTML。什么是WXSSWXSS (WeiXin Style Sheets)是-套样式语言,用于描述WXML的组件样式,类似于网页开发中的CSS。小程序中的js文件一个项目仅仅提供界面展示是不够的，在小程序中，我们通过.js文件来处理用户的操作。例如:响应用户的点击、获取用户的位置等等。

2022-10-09 21:59:55 1933 17

原创【小程序】了解JSON配置文件的作用

JSON是一种数据格式，在实际开发中，JSON总是以配置文件的形式出现。小程序项目中也不例外:通过不同的Json配置文件，可以对小程序项目进行不同级别的配置。小程序项目中有4种json配置文件,分别是:app.json是当前小程序的全局配置，包括了小程序的所有页面路径、窗口外观、界面表现、底部tab等。pages存放着所以小程序页面的路径window是修改小程序全局背景，文字样式，修改标题下图就是展现出，app.json配置底部tabBar,具体方法在前几篇文章中有详细的介绍 project.conf

2022-10-06 19:30:15 4090 30

原创【小程序】介绍项目的基本组成结构

我将一一介绍，小程序项目的基本组成结构，带大家了解一下，每一个模块的作用，基本的结构如下图所示，此项目是使用HBuilder X以uni-app为框架所创建的。

2022-10-02 00:54:55 2650 27

原创牛客刷题——前端面试【八】谈一谈组件化开发中父访问子（children、ref）

refs方式：ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例。父组件访问子组件，有时候需要直接操作子组件的方法，或是属性，此时需要用到$children。并不保证顺序，也不是响应式的。**如果你发现自己正在尝试使用。来生成子组件，并且使用 Array 作为真正的来源。直接获取**当前实例的直接子组件，需要注意。来进行数据绑定，考虑使用一个数组配合。

2022-10-01 23:52:47 1546 3

原创【微信小程序】手把手教你注册开发账号、安装开发工具、使用开发工具

什么是微信小程序呢微信小程序，是小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。

2022-09-29 23:05:02 10449 7

原创【微信小程序】页面tab栏与页面内容联动

上一篇文章介绍了如何实现页面tab栏的基础效果（文章链接：http://t.csdn.cn/lyvYs），最终效果还是要与页面内容联动，具体要求是滑动页面，tab栏跟着滑动，点击tab栏页面内容跟着滑动如何实现联动呢？不妨我们可以将整个页面考虑成一个轮播图，tab栏就如同轮播图的那小点点，可以控制网那个页面点击，有了思路就非常的好实现了，这时候就需要阅读官网，了解那个属性可以跟轮播图绑定，从而实现点击滚动，滑动也可以使tab栏随之滚动

2022-09-25 20:52:17 2384 47

原创【微信小程序】实现页面tab切换效果

本次主要内容是介绍页面tab的开发，如何实现tab与页面内容联动呢？关注我就知道！本次效果展示。这里有一个大坑，不管是使用scroll-x还是scroll-y遍历数据都是出现在左边一数列（这里我们只关注scroll-x、scroll-y）

2022-09-23 22:18:46 6994 1

原创牛客刷题——前端面试【七】谈一谈 Vue的指令、了解MVVM思想

可以进一步的了解和学习，主要还需要下载文件，来进行代码的编译Vue是渐进式框架Vue 被设计为可以自底向上逐层应用Vue 的核心库只关注视图层当与"现代化的工具链"，以及各种支持"类库"结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

2022-09-22 19:50:45 1436 1

原创【微信小程序】如何获得自己当前的定位呢？本文利用逆地址解析、uni-app带你实现

在浏览器搜索腾讯定位服务，找到官方网站，利用微信或者其他账号注册登录，登录后如下图操作点进去之后，可以看到如下图红色框框的操作指导第一步和第二步主要是申请秘钥和配置服务，可以直击点击我的应用跳转、接下来如下图片所示操作成功创建就会有如下图片的情况点击添加Key,然后进行配置配置成功，就会获得Key第三步、下载微信小程序其中的一个即可，然后解压文件后，将其放入项目中，我这里放入在我的common组件中。

2022-09-18 23:55:30 4517 94

原创牛客刷题——前端面试【六】谈一谈 v-if、v-show、v-for（区别、注意事项）

v-show隐藏则是为该元素添加css--display:none，dom元素依旧还在。v-if显示隐藏是将dom元素整个添加或删除

2022-09-16 23:25:10 1197 15

原创【微信小程序】使用uni-app——开发首页搜索框导航栏（可同时兼容APP、H5、小程序）

首页都会提供一个搜索框给到客户，让客户自己去搜索自己想要的内容，这里就需要导航栏，来实现搜索页面的跳转，效果如下。

2022-09-15 19:04:19 13268 78

原创【微信小程序】页面tabBar切换、下拉刷新

在 pages.json 中提供 tabBar 配置，不仅仅是为了方便快速开发导航，更重要的是在App和小程序端提升性能。在这两个平台，底层原生引擎在启动时无需等待js引擎初始化，即可直接读取 pages.json 中配置的 tabBar 信息，渲染原生tab

2022-09-13 08:16:07 11113 38

原创【分享】MySQL安装、配置环境、创建数据库的方法

开源免费，自由下载，但不提供官方技术支持，适用于大多数普通用户。，需付费，不能在线下载，可以试用30天。提供了更多的功能和更完备的技术支持，更适合于对数据库的功能和可靠性要求较高的企业客户。。用于架设集群服务器，可将几个MySQL Server封装成一个Server。需要在社区版或企业版的基础上使用。高级集群版，需付费。官网：https://www.mysql.com，打开官网点击DOWNLOADS然后，点击 MySQL Community(GPL) Downloads。

2022-09-11 19:27:56 3982 35

原创牛客刷题——前端面试【五】谈一谈Symbol 、迭代器、生成器

迭代器为所有数据结构提供了统一的访问机制。只要为数据结构部署了接口，就可以进行遍历操作。就是为遍历而生。生成器是一种特殊的函数，是ES6提出的异步编程的解决方案，解决回调地狱的问题。

2022-09-09 17:11:41 253 2

原创猿创征文｜【React 三】组件实例的三大属性（state、props、refs）

组件内的标签可以定义ref来标识自己。字符串形式的ref、回调函数下ref、createRef 创建ref容器字符串形势，是直接通过ref绑定值，通过在点击事件中获取ref的值，ref如同把整个input表单传了过来，在获取值的时候需要点一下value来获取的是input表单的内容通过ref中的箭头函数，绑定了值，在方法中直接获取即可，穿过来时，由于react的编译不需要写target但是，还是需要点出value。

2022-09-05 23:05:34 1571 137

原创猿创征文｜【React】组件化入门学习

该函数是一个有效的 React 组件，因为它接收唯一带有数据的 “props”（代表属性）对象与并返回一个 React 元素。解析组件标签HelloPerson，发现组件是函数定义的，调用该函数，将返回的虚拟DOM，转为真实的DOM，随后呈现在页面上。发现组件是使用类定义的，随后new出来该类的实例，并通过该实例调用到原型上的render方法。当应用的js都以模块来编写,这个应用就是一个模块化的应用。当应用是以多组件的方式实现,这个应用就是组件化的应用。为什么：要用组件，一个界面的功能复杂。

2022-09-04 10:01:40 758 50

原创牛客刷题——前端面试【四】谈一谈async 函数、await表达式

async 是一个修饰符，async 定义的函数会默认的返回一个Promise对象resolve（成功值）的值，因此对async函数可以直接进行then操作,返回的值即为then方法的传入函数。它也是一个修饰符，await 关键字只能放在 async 函数内部， await关键字的作用就是获取 Promise中返回的内容，获取的是Promise函数中resolve。

2022-09-02 21:31:21 580 4

原创猿创征文｜【React 一】入门学习

React是用于构建用户界面的JavaScript库（只关注视图），起源于Facebook的内部项目，该公司对市场上所有 JavaScript MVC框架都不满意，决定自行开发一套，用于架设Instagram的网站。于2013年5月开源。

2022-09-01 20:58:04 654 45

原创猿创征文｜如何使用 Element UI？以登录框为例带你感受一下基础使用

Element-ui，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型。由饿了么公司前端团队开源。

2022-08-28 23:50:41 2311 53

原创牛客刷题——前端面试【三】谈一谈Promise、封装ajax、json数据使用

Promise是异步编程的一种解决方案，可以替代传统的解决方案--回调函数和事件。ES6统一了用法，并原生提供了Promise对象。作为对象，Promise有一下两个特点1.对象的状态不受外界影响Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败），一旦发生改变就只有一种状态：Pending -> Fulfilled Pending -> Rejected。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这.

2022-08-26 18:33:31 719 21

原创【Vue 路由（vue—router）二】路由传参（params的类型、Query参数的类型、路由name）

通过传参，可以让Persons路由组建中的内容，在新的路由组件Show显示出来，Show路由组件要嵌套到Persons路由组件中params的类型（后附源码）path：‘show/:id/:realname’ :id/:realname，是为传参所声明的，props：true 可以理解成可以传参，这只是其中的一种方法，也是个人觉得最简单理解的方法。......

2022-08-23 20:38:35 4389 170

原创【Vue 路由（vue—router）一】介绍、基本使用、嵌套路由

本次的代码段是结合体，被我分开发文，我以在看代码段时，已经截图展示，所看部分vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。路由：route 一组key-v的对应关系(路径的改变对应的组件进行切换)路由器：router 多个路由需要路由器管理为了实现单页面应用。

2022-08-22 23:37:25 1242 23

原创【探讨一下】Vue的生命周期

beforeCreate初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。vue实例中的el，data，data中的message都为undefined。created实例已经创建完成之后被调用。在这一步，实例已完成以下的配置：数据观测(data observer)，属性和方法的运算， watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。主要应用：调用数据，调用方法，调用异步函数......

2022-08-19 09:18:40 447 14

原创牛客刷题——前端面试【二】谈一谈JavaScript面向对象

JavaScript 语言中，生成实例对象的传统方法是通过构造函数，ES6 提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。使用class关键词声明类，constructor为构造方法，一个类必须有constructor()方法，如果没有显式定义，一个空的constructor()方法会被默认添加，this关键字则代表实例对象。注意：不需要在使用function(){}............

2022-08-18 16:18:25 404 10

原创【Vue组件间通信】全局事件总线、订阅与发布

其中小明组件自定义“getName”,需要传递给小红组件，小红组件就需要“getName”来接收，也可以销毁传递。一种组件间通信的方式，适用于任意组件间通信，如今有很多消息订阅与发布的包，在这里只介绍一种，pubsub-js。安装全局事件总线:在入口文件main.js中，给VM添加$bus，任意组件都可以在原型中调用。下面代码所演示的是，小明组件给小红组件姓名“小明”，小红组件给小明组件“年龄”，主要通过。通过订阅与发布的方式，小明组件给小红组件姓名，小红组件给小明组件年龄。创建两个子组件，如下组件，...

2022-08-16 16:58:41 2379 72

原创牛客刷题——前端面试【一】谈一谈cookie sessionStorage localStorage

一、cookie sessionStorage localStorage 区别二、cookie sessionStorage localStorage 共同点三、cookie sessionStorage localStorage具体用法四、 localStorageJS原生实现五、sessionStorage JS原生实现cookie是由服务器端写入的，而SessionStorage、 LocalStorage都是由前端写入的，cookie的生命周期是由服务器端在写入的时候就设置好的，LocalS....

2022-08-14 09:23:34 557 20

原创一学就会的Vue slot插槽，真的不看看吗？（使用脚手架）

目录一、前言完整内容请关注：开始前的准备：二、slot插槽的基本使用子组件：父组件：展示效果：三、域名插槽的基本使用子组件:父组件:效果展示:注意：四、如何通过slot从子组件获取内容子组件父组件效果展示：五、作用域插槽案例子组件父组件效果展示：首先创建两个子组件，soltOne是基础使用，soltTwo是域名插槽使用，soltThree是演示父组件获取子组件内容，图片后的代码一定要注意，容易出现很多细节上的小问题。.........

2022-08-13 01:32:35 3306 76

原创【Vue 组件化开发三】父组件给子组件传递数据、组件通信（父传子、子传父）、父访问子（children、ref）、动态组件（is、component）

父组件给子组件传递数据1.使用props属性，父组件向子组件传递数据1.使用组件的props属性2.向cmessage对象传值2.props属性使用1.数组写法2.对象写法3.props属性的类型限制4.props属性的默认值5.props属性的必传值6.类型是Object/Array，默认值必须是一个函数7.自定义验证函数8.自定义类型三、组件通信1 父传子2.子传父四、父访问子（children、ref）1.children、ref基..................

2022-08-10 20:19:59 4822 108

原创【Vue 组件化开发二】注册组件的语法糖、组件模板的分离写法、组件的数据

组件的思想是复用，定义组件当然是把通用的公共的东西抽出来复用。我们在复用组件的时候肯定希望，各自组件用各自的变量，如果确实需要都用一样的，可以全局组件注册，也可以是用vuex来进行状态管理。...............

2022-08-08 19:23:15 749 27

原创【vue 组件化开发一】组件基本使用、全局和局部组件、父组件和子组件的区别

我们可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用：局部组件，只能在当前vue实例挂载的对象中使用，类似于局部变量，有块级作用域。使用组件。全局组件，可以在多个vue实例中使用，类似于全局变量。，然后在vue实例中使用注册了局部组件。使用方式与全局变量一样，直接使用。，在vue实例挂载的div中调用了。中使用局部组件注册了。............

2022-08-06 15:08:52 5601 87

原创 Vue 中v-model的完整用法（v-model的实现原理）

实现双向绑定需要是用v-bind和v-on，使用v-bind给input的value绑定message对象，此时message对象改变，input的值也会改变。但是改变input的value并不会改变message的值，此时需要一个v-on绑定一个方法，监听事件，当input的值改变的时候，将最新的值赋值给message对象。v-model双向绑定，既输入框的value改变，对应的message对象值也会改变，修改message的值，input的value也会随之改变。六、 v-model的修饰符的使用。.

2022-08-03 16:42:23 10794 138

原创 Vue中判断语句和循环语句的基础用法 v-if和v-for的注意事项

目录一、判断语句v-if、v-else、v-else-ifv-show案例二、循环语句遍历数组遍历对象三、v-if和v-for的注意事项v-if是判断是否将DOM元素显示出来不满足条件的元素，会直接删除，不会存在浏览器上面也是用来判断，是否将DOM元素在页面上显示，但是与v-if有着区别，它的不显示是通过display:none;实现的，还是存在浏览上。如下图片显示，不存在时v-if和v-show的显示状态可以发现show是被display:none;影藏起来了if已经从这个世界上消失了这里用简单的i...

2022-08-02 19:34:13 2756 32

空空如也

空空如也