触星-CSDN博客

原创 Uni-app本地存储

一. 存储uni.setStorage(OBJECT)将数据存储在本地缓存中指定的key中, 会覆盖掉原来该key对应的内容, 这是一个异步接口示例：uni.setStorage({ key:"token", data:'123456789', success: function (){ console.log("存储成功") }})uni.setStorageSync(KEY, DATA)将data存储在本地缓存中指定的key中,会覆盖

2021-03-30 08:47:18 2834

原创微信开发者工具使用git

1、添加远程版本管理版本管理->设置->远程->添加把在远程建立的仓库地址添加进来。2、版本管理认证版本管理->设置->网络和认证->认证方式->使用用户名和密码填上用户名和密码即可。3、推送配置好之后就可以推送啦4、提交新变更在工作区中勾选要提交内容，提交成功之后即可进行上一步推送，成功推送到git服务器。...

2021-03-30 08:33:19 2731

原创 Vue导航守卫

什么是导航守卫？在vue路由的需求中，经常有这样的一种情况，就是每当进行路由跳转时，我需要预先进行一些判断，做一些事情，这时候你就需要Vue的导航守卫了！1、router.beforeEach注册一个全局前置守卫const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // ...})2、router.afterEach全局后置钩子router.afterEach((to, fro

2021-03-29 21:10:07 105

原创 uni-app项目在微信开发者工具中运行

新建项目目录结构把项目运行到微信开发者工具配置网络请求import { $http } from '@escook/request-miniprogram' uni.$http = $http// 配置请求根路径$http.baseUrl = ''// 请求开始之前做一些事情$http.beforeRequest = function (options) { // 自定义header请求头 if (options.url.indexOf('/home/catitems

2021-03-29 21:00:53 1745

原创 Uni-app如何配置tabBar

uni-app自定义tabbar为什么要自定义tabbar呢,虽然说直接在page.json里面直接配置性能可能更好点,但是有时候满足不了我们的需求,比如说,需要鉴权的时候,我们就需要通过不同的用户显示不同的底部首先page.json里面因为做tabbar所以默认的配置项必须注释,只留下跳转的路径即可接下来就在components 里面创建一个tabbar文件<template> <view> <view class="uni-tabbar">

2021-03-29 20:55:11 1068

原创 vue生命周期

一、什么是 vue 生命周期Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。下面是官网中的生命周期照片二、生命周期函数1、beforeCreate（创建前）表示实例完全被创建出来之前，vue 实例的挂载元素$el和数据对象 data 都为 undefined，还未初始化。2、created（创建后）数据对象 data 已存在，可以调用 methods 中的方法，操作 da

2021-03-29 20:48:44 59

原创 uni-app页面跳转

uni-app 页面跳转主要有下面5个方法完成。分别如下：(1)uni.navigateTo(OBJECT) 保留当前页面，跳转到应用内的某个页面(2)uni.redirectTo(OBJECT) 关闭当前页面，跳转到应用内的某个页面(3)uni.reLaunch(OBJECT) 关闭所有页面，打开到应用内的某个页面(4)uni.switchTab(OBJECT) 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面(5)uni.navigateBack(OBJECT) 关闭当前页面

2021-03-29 20:41:51 5635

原创 Uni-app使用小结

样式问题1、组件和调用此组件的页面样式最好不要重名，不然会有样式覆盖问题。2、数据绑定变量的时候不能识别upx，可以转化computed: { halfWidth() { return uni.upx2px(750 / 2) + 'px'; //350upx }}3、css获取状态栏的高度var(–status-bar-height)事件问题1、blur事件比页面的点击事件慢input、textarea获取值的时候用 v-model 双向绑定，或者用 i

2021-03-29 20:04:17 257

原创导航守卫

1.为什么要使用导航守卫？导航守卫是为了方便在路由跳转的过程之中可能需要监听路由的进入和离开的vue-router提供的beforeEach和afterEach钩子函数，它们会在路由即将改变前和改变后触发。2.导航守卫的使用：我们可以利用beforeEach来完成标题的修改首先，我们可以在钩子当中定义一些标题，可以利用meta来定义其次，利用导航守卫，修改我们的标题导航钩子的三个参数解析{ to : 即将要进入的目标的路由对象from: 当前导航即将要离开的路由对象next: 调用该

2021-03-29 19:58:10 112

原创 Vue和Uni-app的区别

有一些HTML标签转换成了小程序特有的标签： - div 改成 view - span、font 改成 text - a 改成 navigator - img 改成 image - input 还在，但type属性改成了confirmtype - select改成 picker - iframe 改成 web-view - ul、li没有了，都用view替代 - 有一些老标签其实还是可以使用的它在运行的时候会自动转换成新标签但不推荐这样使用因为这样调试H5端时容易混乱还有一些除改

2021-03-29 16:07:57 1951

原创 Axios使用总结

一.介绍axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端。简单的理解就是ajax的封装它本身具有以下特征：从浏览器中创建 XMLHttpRequest从 node.js 发出 http 请求支持 Promise API拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据客户端支持防止 CSRF/XSRF二.使用1.axios的安装安装命令npm install axios2、axios五种请求:1.get: 一般多用于获取数据

2021-03-29 15:29:57 115

原创 Vue刷新页面的三种方式

当我们在写项目的时候难免会遇到一些场景需要用到刷新完成一些效果重绘那怎么进行网页刷新呢我总结了三种方式1.原始方法：location.reload();2.vue自带的路由跳转：this.$router.go(0);当然我们使用过后就会发现前两者都是强制刷新页面，会出现短暂的闪烁，用户体验效果不好所以还有一种方式：3.首先在App里面写下如下代码：<template> <div id="app"> <router-view v-if

2021-03-29 15:11:21 464

原创本地存储

最近复习了本地存储几种方式各自的特点和区别，遂记录下来，以加深印象。一、cookiecookie算是比较早的技术，最初是为了记录http的状态，提高访问速度。cookie是服务器"种植"在客户端的key-value形式文本文件。但同时客户端也能操作cookie。特点：大小：cookie的大小限制在4k。每个域名下cookie的个数现在在20个。在客户端请求服务器端和服务器响应时，cookie始终被携带在http请求中，即使不需要(造成流量浪费)。这也是限制cookie大小的原因。客户端可以通过d

2021-02-22 10:01:09 96

原创 js变量与运算符随堂笔记

JavaScript变量变量的定义:变量是指程序中一个已经命名的储存单位，它的主要作用就是为数据操作提供存放信息的容器。变量的命名规范与注意事项：标识符可以有：字母下划线数字 $符号不能以数字开头必须字母不能用js中“关键字”和“保留字” 严格区分大小写（X和x是两个不同的变量）驼峰命名法：拼接单词的第二个首字母必须大写变量类型基本类型 :基本类型的值在内存中占据固定大小的空间，因此被保存在...

2020-07-09 15:44:36 133

原创 js入门笔记

jS入门了解jS 简介：jS(全拼：JavaScript) 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。它具有跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行。jS 用途：对事件做出反应改变html的内容和样式验证输入提交数据和服务器交换js 应用场景：网页特效服务端开发...

2020-07-08 15:52:50 184

weixin_49237787的博客