爱前端的小程子-CSDN博客

原创 scroll-view与swiper结合实现选项卡

这个dome是利用了scroll（滚动视图区域）与swiper（滑块视图容器）相关特性来实现选项卡的功能。

2022-07-27 17:45:13 639 1

原创学习uni-app

兄弟组件之间的传值准备接收方与接收方及相关数据，利用uni.$on来监听全局事件与uni.$emit来触发全局事件达到传递数据的作用（这里与vue的方式有点不同，请仔细理解）

2022-06-09 16:31:43 472

在android中如果需要达到点击然后跳转到下一个页面并且收集到该页面的数据返回则需要采用数据回传方式。startActivityForResult(Intent intent,int requestCode,data)第二个参数是请求码，用来判断数据的来源，输入一个唯一的数值即可。下面试一个简单是例子：twoActivitypackage com.example.activity;import androidx.appcompat.app.AppCompatActivity;impo

2022-04-26 11:26:51 2758

原创导航守卫、路由传参以及跳转

1、 router-link 进行页面按钮式路由跳转（点击链接实现导航的方式，叫做声明式导航。） 2、 this.$router.push进行编程式路由跳转（调用 API 方法实现导航的方式，叫做编程式导航。） 3、 this.$route.params获取路由传递参数 4、 this.$route.query获取路由传递参数 5、 params 和 query 都是传递参数的， params不会在url上面出现，并且params参数是路由的一部分，是一定要存在的...

2022-04-25 21:38:18 1233

原创关于android的Haxm报错调试问题

在调试程序时候经常出现一些意外停止然后logcat爆出一堆错，如图所示：这可能时候由于模拟I出现了问题，我们可以直接用第三方的模拟器，下面是各模拟器的连接代码夜神模拟器：adb connect 127.0.0.1:62001逍遥安卓模拟器： adb connect 127.0.0.1:21503天天模拟器：adb connect 127.0.0.1:6555海马玩模拟器：adb connect 127.0.0.1:53001网易MUMU模拟器：adb connect 127.0...

2022-04-17 11:48:52 2205

原创 css3中的column属性实现多列布局和瀑布流布局

在css3中有新增column属性可以实现页面的排版，使得页面更加整洁，现在一一为大家介绍用法以及属性值。columns：用于设置元素的列宽和列数。它是column-width和column-count的简写属性。语法：columns: <'column-width'> || <'column-count'>;column-width：用来设置列宽，取值auto和像素值，实际宽度可能会更宽或更窄以适合可用空间。 column-count：用来设置元素内容被划分成几列

2022-04-15 13:27:12 1856

原创 Android实现页面跳转 ---显示Intent实现跳转

页面要实现页面的跳转要借助intent来实现。我们都知道Android四大组件：Activity 、Service、broadcast receiver 及内容提供者。其中，Activity 、Service、broadcast receiver 三大组件之间的通信 intent 起着至关重要的作用，即媒介。intent 可以激活 Android 应用的三个核心组件：活动(Activity)、服务(Service)和广播接收器(BroadcastReceiver)1.首先要明白什么是inte

2022-04-13 16:00:50 6658

原创 API的封装

在组件中难免会出现多个API的调用，但是每个组件很难复用，因此我们就可以对API进行封装。首先，我们可以在src同级下创建一个工具文件夹utils，而后在里面创建一个js文件名字可以自定义例如我这里为request.js。1.导入axios，定义并创建域名接口，然后共享全局变量import axios from 'axios'const request = axios.create({ baseURL: '域名' // 请求接口的域名})export default request

2022-04-12 10:35:00 3285

原创路由的配置

1.手动配置路由index.js首先需要在根目录下面新建一个router的文件夹，然后再文件夹内新建一个index.js的文件，建立完成后在index.js里面进行配置第一步：导入vue包以及vue-router包代码实现如下import Vue from 'vue'import VueRouter from 'vue-router'第二步：创建vueRouter实例对象，在创建之前首先需要使用VueRouter代码实现如下Vue.use(VueRouter)c...

2022-04-06 18:07:22 1584

原创前端路由（v-router）

1.什么是路由路由（英文：router）就是对应关系2.什么是前端路由通俗易懂的概念：Hash地址（就是之前理解的锚链接）与组件之间的对应关系而hash地址指的就是锚链接后面的值举个例子：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

2022-04-03 08:07:56 5454

原创插槽（组件的优化）

1. 什么是插槽插槽（Slot）是 vue 为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽。可以把插槽2. . 体验插槽的基础用法（简写为#）在封装组件时，可以通过 <solt>元素定义插槽，从而为用户预留内容占位符。示例代码如下认为是组件封装期间，为用户预留的内容的占位符。<template> <p>这是MyCom1 组件的第一个p标签</p> //通过sort 标签,为用户预留

2022-03-27 12:05:58 3781 1

原创动态组件及渲染

1. 什么是动态组件动态组件指的是动态切换组件的显示与隐藏。2. 如何实现动态组件渲染vue 提供了一个内置的<component>组件，专门用来实现动态组件的渲染。示例代码如下件指的是动态切换组件的显示与隐藏。data(){ //1.当前要渲染的组件名称 return{ comName:"Left" }}// 2.通过is属性，动态指定要渲染的组件<compoent :is="comName"></component>//3.点击按

2022-03-26 21:57:44 4556

原创 javascript学习

一.简介JavaScript（缩写：JS）是一门高级的、解释型的动态编程语言。用于HTML或web应用，可被浏览器直接执行。完整的JavaScript包括以下几个部分：ECMAScript，描述了该语言的语法和基本对象文档对象模型（DOM），描述处理网页内容的方法和接口浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口JavaScript的基本特点如下：是一种解释性脚本语言（代码不进行预编译）。主要用来向HTML页面添加交互行为。可以直接嵌入HTML页面，但写成单.

2021-10-15 19:33:19 65

m0_60782710的博客