今夜放醉-优快云博客

原创混合app的使用

一、什么是混合开发？简单来说就是一种原生+HTML5的模式。即h5与安卓、iOS合并开发一个项目，将h5我们写好的移动端页面，放到ios设备以及安卓设备中，在里面我们可以享受ios和安卓给我们的所有支持，通过方法调用，回调函数进行使用给我们提供的方法二、混合开发的优势 1.能够利用原生解决h5实现不了的功能，有更好的用户体验 2.因为h5的存在节省了开发成本、更好维护 3.是一种折中式的开发，结合了原生与h5的所长三、作为h5如何使用简单来说就是方法调用方法。原生已经写好了方法只需要你的一个方法

2020-12-07 21:41:17 2726 6

原创 js单线程，微任务宏任务

一、什么是单线程？就是至上而下，按照顺序走，前面执行了，后面的才会执行二、任务队列任务队列就相当于一个临时存放异步任务的储存栈，他首先会执行主线程的同步任务，当主线程遇到异步任务，就会先把异步任务先放在任务队列里，等到同步任务全部执行完，再去执行任务队列里面的异步任务。 1.什么是微任务宏任务通俗点讲，微任务就是同步任务，宏任务就是异步任务，例如微任务：Promise(async/await)、简单的console.log啥的宏任务：定时器、事件绑定、ajax、回调函数异步栈会先执行微任务，在

2020-12-07 21:36:13 168

原创如何根据设计图设计rem比例

一、视图大小常见的视图大小一般都是750和640两种模式二、具体操作 1.rem 众所周知，rem布局原理是由根元素的fontsize值来决定的,通常：fontsize=100px=1rpm。这是怎么计算的呢？我们简单以750的设计图为例： 2.正式操作 function rem(){ //根据设备的宽设置html的字体大小 document.documentElement.style.fontSize = document.documentElement.clientWidth/7.5 + "px

2020-12-07 21:31:00 273

原创 uni-app如何请求接口，并进行分装。

一、使用uni.request(OBJECT) 发起网络请求。 uni.request({ url: 'https://www.example.com/request', //仅为示例，并非真实接口地址。 data: { text: 'uni.request' }, header: { 'custom-header': 'hello' //自定义请求头信息 }, success: (res) => { co

2020-12-04 21:31:28 1591 1

原创 uni-app怎么配置tabbar

在pages.json中配置tabbar信息跟"pages"同级代码示例 "tabBar": { "color": "#7A7E83", "selectedColor": "#3cc51f", "borderStyle": "black", "backgroundColor": "#ffffff", "list": [{ "pagePath": "pages/component/index", "iconPath": "static/

2020-12-04 20:35:28 601

原创 uniapp怎么进行路由跳转

一、uni.switchTab (OBJECT) uni.switchTab({ url:’…/login/login’ })* 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。二、uni.navigateTo(OBJECT) uni.navigateTo({ url:../login/login?name=${参数} }) 保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。三、uni.redirectTo(OBJECT) uni.redire

2020-12-04 20:25:22 2680

原创小程序组件传值解决页面数据刷新

一、过程：我们现在有一个弹框组件，在进入小程序中我们会进行授权判断，如果没有授权购物车和我的页面会出现弹框，如果已经授权会渲染用户数据二、问题：在点击弹框允许授权之后成功获取token但需要切换页面才能从新触发购物车页面的生命周期函数使之渲染页面。没有登录页面登录之后用户数据渲染的页面三、解决方法：使用子传父的方法在弹框授权事件中从新调用购物车数据并传给父组件 // 购物车数据重新调用 let { data :tt } = await request(`https://api.it12

2020-11-29 19:01:57 1410

原创微信小程序授权登录简单流程

文章目录一、判断是否授权二、请求用户授权登录1.授权2.登录一、判断是否授权如果没有授权走第二步使用wx.getSetting()方法判断是否授权 wx.getSetting({ //成功的一个回调 success: res => { if(res.authSetting['scope.userInfo']) { //已经授权 //这时我们已经可以使用以下方法获取到一些用户信息 wx.getUserInfo({ su

2020-11-27 21:54:54 5527

原创微信小程序生命周期和路由传参详解

一、生命周期 1.应用级的生命周期 1.onLaunch 当小程序初始化完成时，会触发onLaunch(全局只触发一次) 2.onShow 当小程序启动，或从后台进入前台显示,会触发onShow 3.onHide 当小程序从前台进入后台，会触发onHide 小程序后台运行一定时间，或系统资源占用过高，会被销毁。 2.页面生命周期 1.data 页面的初始数据 2.onLoad 监听页面加载 3.onReady 监听页面初次渲染完成 4.onShow 监听页面显示 5.onHide 监听页面隐藏 6.onUn

2020-11-23 08:00:42 496

原创节点的基本使用

一、查找节点 html <div class="box"> <div class="div1"></div> <div id="oDiv" class="div2"> <h1>我是h1节点</h1> <p>我是p节点</p> <span>我是span节点</span> </div> <div cla

2020-11-18 19:44:56 4286

原创 webpack的基本搭建

一、webpack的下载和安装。使用webpack -v查看当前文环境是否具有webpack 如果没有执行以下安装命令 npm i webpack webpack-cli -g --save-dev 由于webpack4后的版本，命令迁移至webpack-cli，因此还需安装webpack-cli 二、初始化package.json文件 npm init -y 命令执行完毕文件夹中会出现一个package.json文件，里面是一些版本号插件。三、创建文件并进行初次打包 1.创建一个src文件夹 2.

2020-11-17 17:09:32 109

原创 js的初步认识

文章目录一、javascript的简介：二、js和html的结合方式（两种）三、js的原始类型和声明变量四、js的语句五、js的运算符六、js的数组七。js中的方法八。js的全局变量，和局部变量一、javascript的简介： javascript 是一种基于对象和事件驱动的语言，主要应用于客户端。　　　　– 基于对象：　　　　　提供了很多对象，可以直接使用。　　　 --事件驱动：　　　　　html做的网页是静态效果，javascript做的是动态效果。　　　　--客户端：　　　　　主要

2020-11-15 19:58:21 282

原创使用promise封装原生ajax，$.ajax(),以及fetch。

一、promise封装原生ajax let request = function (method="GET", url, data = "") { return new Promise((resolve, reject) => { var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : ActiveXObject("microsoft.XMLHttp") xhr.open(me

2020-11-12 21:03:25 199

原创 http和https的区别 get和post 基本状态码 http缓存机制（详解）

文章目录一、http和https的区别1.什么是http2.什么是HTTPS？3.HTTP特点4.HTTP特点二、常见状态码三、get和post的区别四.http缓存机制1.http缓存原因2.如何使用HTTP缓存？3.HTTP缓存的几个注意点 # 前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、http和https的区别 1.什

2020-11-11 20:56:29 292

原创 es6新增（简单介绍）

文章目录一、块级作用域二、解构赋值1.解构赋值2.交换变量的值3.提取函数返回的多个值三、字符串新增1.includes()2.indexOf()3.repeat()4.startsWith()四、函数新增1.函数默认值2.扩展运算符获取参数数组3.使用Array.from()获取参数数组4.箭头函数五、对象新增1.合并对象2.Object.keys()3.Object.values()六、循环新增1.filter()2.some()3.every()4.fine()5.findIndex()6.inclu

2020-11-10 20:24:58 1990

原创 vue的基本指令

一、vue的基本指令 1.v-text和v-html v-text 只能用在双标签中 v-text 其实就是给元素的innerText赋值 v-html 其实就是给元素的innerHTML赋值 2.v-if和v-show v-if和v-show的区别： v-if和v-show效果基本一致，但v-if是dom元素的添加或删除。 v-show是元素的显示或隐藏如果遇有大量元素需要操作则优先选择v-show 可以提高浏览器的效率如何使用： v-if判断值是否为true，为true则保留dom元素为false

2020-11-09 19:11:30 146

原创关于vuex的基本使用

文章目录一、vuex是什么？二、如何引入1.小黑框下载或是创建脚手架时下载2.引入man.js3.创建vuex文件三、状态管理模式四、五大核心1.State2.mapState 辅助函数3.Getter4.Mutation5.Action组合 Action5.Module总结提示：以下是本篇文章正文内容，下面案例可供参考一、vuex是什么？ vuex主要是是做数据交互，父子组件传值可以很容易办到，但是兄弟组件间传值（兄弟组件下又有父子组件），或者大型spa单页面框架项目，页面多并且一层嵌套一层的传值，

2020-11-09 08:22:46 162

原创关于app封装搭建以及登入token的设置

前言提示：以下是本篇文章正文内容，下面案例可供参考一、搭建脚手架，创建基本目录以上是一个vue.3.0标准目录结构 1.man.js man.js是一个全局文件，我们引入的一些插件都可以在里面引入，这样脚手架才可以去使用 import router from './router' //引入路由 import store from './store' //vuex // 引入rem import './util/rem' // 引入过滤器 import './util/filters' 二

2020-11-01 18:54:50 622

原创 Git的基本使用

Git的基本介绍前言 Git是一个开源的分布式版本管理系统提示：以下是本篇文章正文内容，下面案例可供参考一、Git是什么？ Git其实很好理解，它就相当于一个软件，能够帮助我们去记录我们每次文件的改动，还可以让同事协助编辑。这样我们就可以放松自己，让它代替我们去管理。二、分布式又是什么？在Git出来之前，我们一直使用的是集中式版本管理系统:比如svn、cvs. 那什么又是集中式呢？集中式是因为有一个集中存放数据的中央服务器。我们每个人操作自己的电脑从中抽取要使用的数据，之后操作完毕还要将数据

2020-09-25 19:19:20 160