自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 react-native设置启动页

ios。

2023-06-10 15:22:38 1113

原创 设置app名称和图标

ios添加app图片,使用上方生成的ios图标和android图标进行替换。使用图标工厂只需要提供一个1024的图片就可以给你生成不同平台的图标。

2023-06-10 15:15:12 791

原创 使用Flipper调试应用

【代码】使用Flipper调试应用。

2023-06-09 16:07:04 1102

原创 react-native中三方进度条

【代码】react-native中三方进度条。

2023-06-09 16:03:43 337

原创 react-native解决ios无法请求http问题

解决ios无法请求http问题

2023-06-09 15:58:55 376

原创 react-native中在安装时rvm install 报错

【代码】react-native中在安装时rvm install 报错。

2023-06-09 15:58:54 259

原创 react-native使用渐变组件

【代码】react-native使用渐变组件。

2023-06-09 15:56:02 283

原创 react-native字体超出省略号隐藏

【代码】react-native字体超出省略号隐藏。

2023-06-09 15:55:38 731

原创 react-native使用react-devtools调试项目

react-devtools 依赖于 electron,而 electron 需要到国外服务器下载二进制包,所以国内用户这一步很可能会卡住。,然后再尝试安装 react-devtools。package.json 添加代码 运行这段代码。

2023-06-09 15:53:40 337

原创 react-native中简单使用mobx6.x状态管理

【代码】react-native中简单使用mobx6.x状态管理。

2023-06-09 15:53:20 291

原创 react-native使用的Popup

移动端Popupreact-native-modal 这个好import React, { useState } from "react";import { Button, Dimensions, StatusBar, StyleSheet, Text, View } from "react-native";// @ts-ignoreimport Modal from 'react-native-modal';// 侧边弹出const CustomPopup = () => { co

2023-06-09 15:50:40 332

原创 react-native配置不同环境使用不同的接口

开发环境 每个文件接口不同。package.json配置。

2023-06-09 15:49:27 307

原创 react-native页面中使用@别名引入文件去除ts警告提示

【代码】react-native页面中使用@别名引入文件去除ts警告提示。

2023-06-08 20:25:04 216

原创 react-native的android使用gif需要单独配置文件

android/app/build.gradle v6.7以上。

2023-06-08 20:24:50 110

原创 react-navigation导航器

但是这个导航器有个缺点,点击底部导航,顶部title不会改变需要处理。App.tsx 导入。

2023-06-08 20:22:03 459

原创 react-native部分组件、样式、事件

react-native中不存在div和span等标签,他中的标签需要从react-native中引出来,并且在View组件中不能直接写字符需要用标签滚动组件作用是展示需要滚动的视图,如果页面中需要滚动区域就不需要设置样式来改变滚动,只需要使用这个组件,如果列表数量不多就可以使用这个组件,如果数量多就需要使用这个组件高性能的分组(section)列表组件,支持下面这些常用的功能:完全跨平台。行组件显示或隐藏时可配置回调事件。支持单独的头部组件。支持单独的尾部组件。支持自定义行间分隔线。

2023-06-08 20:15:28 147

翻译 安装前提和创建项目

注意 Node 的版本应大于等于 14,安装完 Node 后建议设置 npm 镜像(淘宝源)以加速后面的过程(或使用科学上网工具)。React Native 需要 Java Development Kit [JDK] 11。你可以在命令行中输入(请注意是 javac,不是 java)来查看你当前安装的 JDK 版本。如果版本不合要求,则可以去或上下载(后者下载需注册登录)。是 Facebook 提供的替代 npm 的工具,可以加速 node 模块的下载。

2023-06-08 20:11:56 66

原创 react-native解决yarn安装electron报错

【代码】react-native解决yarn安装electron报错。

2023-06-08 20:07:39 176

原创 react-native报错问题

【代码】react-native报错问题。

2023-06-08 20:05:10 420

原创 创建脚手架(控制台命令行)

说明:命令行项目用来初始化项目的前置条件说明:大型字符-用来在终端打印大型文字说明:用于给控制台输出的文字进行添加色彩只有v4.1.2支持node其他引入方式都是使用的下方这样使用的文本交互[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IJl1oRVw-1686224569053)(image/image_PN78-NCADe.png)]说明:下载文件时的loading效果如果在node中使用的话需要安装v5.4.1以下的版本说明:用于下载远程仓库的模板。

2023-06-08 19:43:36 240

原创 上传文件到在koa2中,接收formData格式

解析传递过来的文件,上传到oss。

2023-06-08 19:40:28 1052

原创 基于koa2配置mongoose

{

2023-06-08 19:36:20 110

转载 react native自定义滚动吸顶位置

【代码】react native自定义滚动吸顶位置。

2023-03-17 13:44:18 311

转载 react native自定义滚动吸顶位置

自定义滚动吸顶位置父组件中主要的工作使用的是动画Animated,对Animated.ScrollView组件的onScroll监听滚动位置,使用Animated.event 将偏移量保存import React, {useRef} from 'react';import { Text, View, ScrollView, Animated,} from 'react-native';// 这是我自定义的顶部图片import EveryDayRecommend from '@/v

2023-03-15 10:39:15 422

原创 vue2.x简单二次封装el-form,实现动态添加表单和校验规则

引入的./hepler.js文件yuForm封装的组件介绍共有两个组件一个父组件,一个子组件,父组件中使用子组件中封装父组件名称setp.vue,子组件yuForm.vue下面是子组件yuForm.vueclass=“add-inquiry-btn”,这个类名的标签是一个添加数据的form表单的标签,用来操作表单数据的在el-form外层包裹了一层transition-group这个作用是用来让添加的数据有动画这个要配合样式使用如何做到动态渲染的首先对el-form使

2022-06-16 15:19:42 1667

原创 配置angular代码git commit规范接口husky工程化校验

首先 安装npm install -D commitizen cz-conventional-changelogpackage.json中配置:"script": { ..., "commit": "git-cz",}, "config": { "commitizen": { "path": "node_modules/cz-conventional-changelog" } } Commitlint: 校验你的 message np

2022-03-10 17:27:09 246

原创 scss的基础使用

scss变量$top-color: #faa; // 定义变量 颜色$highlight-color: blue !default; // 定义默认 颜色$highlight-color: #F90;$border-style: 1px solid #b61111; // 定义 边框scss@mixin混入什么时候使用mixin利用混合器,可以很容易地在样式表的不同地方共享样式。如果你发现自己在不停地重复一段样式,那就应该把这段样式构造成优良的混合器,尤其是这段样式本身就是一个逻辑单元

2022-03-10 17:23:28 398

原创 css3兼容处理

vue.js中css3兼容处理// 安装依赖npm install postcss autoprefixer --save// autoprefixer 安装版本npm install autoprefixer@8.0.0 -D配置 postcss.config.jsmodule.exports = { 'plugins': { 'autoprefixer': {} }}

2022-03-10 17:21:15 165

原创 call、bind、applay

call 和 applay 作用差不多传递的第二个参数不同call() 方法分别接受参数。apply() 方法接受数组形式的参数。A.call( B,x,y ):就是把A的函数放到B中运行,x 和 y 是A方法的参数。将minus指向改为了add// 将指向 minus1 的指向改为 add1 将代码在add1中执行function add (x, y) { console.log (x + y);} function minus (x, y) { consol

2022-03-10 17:18:17 326 1

翻译 .sync修饰符

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2022-03-10 17:16:23 45

原创 mockjs

简单使用mockjs,并且解决在mounted,created中调用出错问题npm install mockjs -D目录结构src 下创建mock文件夹创建两个js文件 index.js 、test.js// index.js// 引入mockjsimport Mock from 'mockjs'// 将数据导入进来 放到数组中import test from "@/mock/test";const mocks = [ ...test]// 设置请求延时

2021-09-11 15:09:37 366

原创 使用vue+iview ,Page实现前端分页处理

使用vue+iview ,Page实现前端分页处理<div class="section"> <ul> <li v-for="item in homeList" :title="item.title" @click="emitPage(item.pid)">{{item.title}}</li> </ul> <div class="pageNum"> <Page

2021-06-20 19:55:00 829

原创 vue 监听页面滚动位置 当返回 当前页面时还是在原来的位置

vue 监听页面滚动位置 当返回 当前页面时还是在原来的位置位置有点乱 自己整理一下mounted() { // 这里的antiShake使用的是防抖函数 防止滚动调用频繁 window:addEventListener('scroll',antiShake(this.handleScroll,300))},methods: { handleScroll() { // 各种浏览器适配 将获取到的值 赋值给data中的scrollTop this

2021-06-20 19:27:27 538

空空如也

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

TA关注的人

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