- 博客(33)
- 收藏
- 关注
原创 设置app名称和图标
ios添加app图片,使用上方生成的ios图标和android图标进行替换。使用图标工厂只需要提供一个1024的图片就可以给你生成不同平台的图标。
2023-06-10 15:15:12 814
原创 react-native使用react-devtools调试项目
react-devtools 依赖于 electron,而 electron 需要到国外服务器下载二进制包,所以国内用户这一步很可能会卡住。,然后再尝试安装 react-devtools。package.json 添加代码 运行这段代码。
2023-06-09 15:53:40 358
原创 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 363
原创 react-native部分组件、样式、事件
react-native中不存在div和span等标签,他中的标签需要从react-native中引出来,并且在View组件中不能直接写字符需要用标签滚动组件作用是展示需要滚动的视图,如果页面中需要滚动区域就不需要设置样式来改变滚动,只需要使用这个组件,如果列表数量不多就可以使用这个组件,如果数量多就需要使用这个组件高性能的分组(section)列表组件,支持下面这些常用的功能:完全跨平台。行组件显示或隐藏时可配置回调事件。支持单独的头部组件。支持单独的尾部组件。支持自定义行间分隔线。
2023-06-08 20:15:28 163
翻译 安装前提和创建项目
注意 Node 的版本应大于等于 14,安装完 Node 后建议设置 npm 镜像(淘宝源)以加速后面的过程(或使用科学上网工具)。React Native 需要 Java Development Kit [JDK] 11。你可以在命令行中输入(请注意是 javac,不是 java)来查看你当前安装的 JDK 版本。如果版本不合要求,则可以去或上下载(后者下载需注册登录)。是 Facebook 提供的替代 npm 的工具,可以加速 node 模块的下载。
2023-06-08 20:11:56 71
原创 创建脚手架(控制台命令行)
说明:命令行项目用来初始化项目的前置条件说明:大型字符-用来在终端打印大型文字说明:用于给控制台输出的文字进行添加色彩只有v4.1.2支持node其他引入方式都是使用的下方这样使用的文本交互[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IJl1oRVw-1686224569053)(image/image_PN78-NCADe.png)]说明:下载文件时的loading效果如果在node中使用的话需要安装v5.4.1以下的版本说明:用于下载远程仓库的模板。
2023-06-08 19:43:36 283
转载 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 452
原创 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 1702
原创 配置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 255
原创 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 412
原创 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 174
原创 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 336 1
翻译 .sync修饰符
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2022-03-10 17:16:23 50
原创 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 383
原创 使用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 854
原创 vue 监听页面滚动位置 当返回 当前页面时还是在原来的位置
vue 监听页面滚动位置 当返回 当前页面时还是在原来的位置位置有点乱 自己整理一下mounted() { // 这里的antiShake使用的是防抖函数 防止滚动调用频繁 window:addEventListener('scroll',antiShake(this.handleScroll,300))},methods: { handleScroll() { // 各种浏览器适配 将获取到的值 赋值给data中的scrollTop this
2021-06-20 19:27:27 546
空空如也
有没有朋友用过这个量化期货平台啊
2024-09-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人