G-shitou-CSDN博客

原创 React-Native 写的 android 应用

先上效果图前言一次偶然的机会浏览了玩Android 官网，发现网站还开放了API，看到项目分类里分享了很多用各种各样的技术做的Android客户端，于是我有了写一个android项目的念头，也为了熟悉React-native。第一次使用 react-native，对于项目中不合理的地方，欢迎各位大佬提意见，也欢迎大家多多交流。相关链接功能介绍首页Banner各分类下的文章和项目列表...

2020-03-19 18:51:05 277

原创 Vue使用vee-validate表单校验

Vue使用vee-validate表单校验本文章主要分享作者在使用vee-validate时的用法和常用配置操作.1.安装和使用// 安装npm install vee-validate --save// 使用import VeeValidate, { Validator } from 'vee-validate';// 引用中文信息提示import zh from 'vee-v...

2018-11-22 10:51:32 18180

原创 react-native 安卓设置启动屏

添加启动页可以使用react-native-splash-screen库，通过它可以控制启动页的显示和隐藏。安装// react-native 6.0以上版本不用手动linkyarn add react-native-splash-screen安卓配置在MainActivity.java文件下添加以下代码：...import android.os.Bundle; import o...

2020-04-03 20:29:14 537

原创 react-native 日常问题记录(不定时更新)

本文主要记录使用 react-native 的过程中的一些问题和需要注意的地方，持续更新。FlatList滚动事件ScrollView与FlatList是父子关系，在ScrollView中滚动事件用 onScroll 监听，所以在 FlatList 中可以用onScroll监听<FlatList ref={(flatList)=>this._flatList = flatLis...

2020-04-03 19:42:47 292

原创 react-native 使用 code-push 热更新

1. 全局安装code-push-clinpm install -g code-push-cli2. 注册code-push帐号code-push registerPlease login to Mobile Center in the browser window we've just opened.Enter your token from the browser: #会弹出一...

2020-03-19 12:56:14 328

原创 CodePush 热更新之自定义更新弹框及下载进度

code-push的提示面板可能不符合产品设计的要求，这时就需要我们去自定义一个更新提示框。下面是一个简单的例子：1. 检查是否需要更新首先判断是否需要更新，如果有新版本，显示更新面板，根据用户行为执行后续操作。import CodePush from "react-native-code-push";const CodePushOptions = { checkFrequency: C...

2020-03-19 12:51:32 1171

原创 CodePush热更新常用命令

1. 账户相关code-push login 登陆code-push loout 注销code-push access-key ls 列出登陆的tokencode-push access-key rm <accessKye> 删除某个 access-key2. app 操作相关code-push app add <appName> <platform&g...

2020-03-19 12:04:20 501

原创 React-Navigation 5.X 学习记录（三）------ DrawerNavigator 篇

导航中的常见模式是从左侧（有时是右侧）使用抽屉在屏幕之间导航。安装yarn add @react-navigation/drawer使用如果您看了上一章节点击此处查看或者您之前使用过，那么您对React-Navigation有了一定的了解，下面请看一段关于DrawerNavigator的代码。import * as React from 'react';import { Button...

2020-03-01 21:42:39 1968

原创 React-Navigation 5.X 学习记录（二）------ TabNavigator 篇

文章只涵盖createBottomTabNavigator。您还可以使用createMaterialBottomTabNavigator和createMaterialTopTabNavigator在应用程序中添加标签。在继续之前，请先安装@react-navigation/bottom-tabs安装...

2020-03-01 21:12:56 2135

原创 React-Navigation 5.X 学习记录（一）------ StackNavigator 篇

安装react-navigation 5 将各个导航部分独立出来了，安装需要一个一个安装。// 安装react-navigationyarn add @react-navigation/native// 安装依赖库yarn add react-native-gesture-handler react-native-reanimated react-native-screens react...

2020-03-01 16:54:47 2790 2

原创 webpack打包后部分css样式丢失问题

最近在打包Vue项目之后，发现css中有部分代码消失了，查阅网上类似的问题，依次试了试，终于解决了。首先尝试注释掉 webpack.prod.conf.js 中下面的代码，发现有一部分代码生效了，但是还是有css代码打包后丢失。new OptimizeCSSPlugin({ cssProcessorOptions: config.build.productionSourceMap ...

2019-08-30 17:05:59 3576

原创排序算法

冒泡排序冒泡排序比较任何两个相邻的项，如果第一个比第二个大，则交换它们。元素项向上移动至正确的顺序，就好像气泡升至表面一样，冒泡排序因此得名。不推荐此算法，复杂度很高。function bubbleSort(array){ var length = array.length; for (var i=0; i<lengt...

2019-08-22 10:05:08 96

原创 Vue源码分析（一）--- 响应式原理

Vue的响应式原理（一） Vue数据响应式原理的解读有很多文章，此文只分享我对于Observer,Dep,Watcher的实现理解，希望此文对刚接触Vue的开发者有所帮助。Observer、Dep、Watcher简介Observer：数据的观察者，让数据对象的读写操作都处于自己的监管之下。当初始化实例的时候，会递归遍历data，用Obje...

2019-08-06 11:11:54 209

原创 Vuex 基本使用

Vuex安装使用在main.js同级目录下添加store文件夹,文件夹下新建index.js文件.index.js代码如下所示import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);//要设置的全局访问的state对象const state = { count1: 1, count2: 2};cons...

2019-01-28 11:34:15 170

原创 Vue Axios基本用法

AxiosAxios是一个基于promise的HTTP库，可以用在浏览器和node.js中.通过npm 使用axiosnpm install axios也可以在项目中使用cdn引入axiosget请求// 不指定post和get方式,会默认为get方式axios('/home');// 指定id的get请求axios.get('/home?ID=001') .then...

2018-11-09 15:49:47 2815

原创 vue vue-router 路由使用

安装npm安装npm install vue-router在项目中使用import Router from 'vue-router'Vue.use(Router)路由的使用在main.js同级目录新建router文件夹,并在router文件夹中新建index.js,在index中配置各个路由对应的跳转的组件.因各个项目结构不同,请参考以下例子.// index.js中的配置...

2018-11-08 16:45:02 2647

原创 vue在实现过渡动画遇到的问题

vue在实现过渡动画遇到的问题本文只分享在用vue的过渡类名做过渡效果时遇到的一些问题.不再过多介绍具体实现方法.了解vue的过渡动画详情请看vue官网过渡&动画. 了解贝塞尔函数请点击这里. 效果预览请点击这里.或扫描下方二维码开始写的代码结构如下,发现并不能触发动画,而是直接显示最终效果,既没有过渡时间,也没有过渡路线.new Vue({ el: '#examp...

2018-09-11 09:54:22 4725 5

原创 css text-shadow属性做字的酷炫效果

text-shadow属性定义文本阴影。 /* 文本阴影 text-shadow*/ text-shadow: length(x) length(y) length(模糊半径) color(模糊颜色); /* x,y轴偏移可以为正，可以为负，模糊半径可选，3个length的顺序不能变， color可在前可在后. 效果是...

2018-07-09 21:59:12 4850

原创 vue 自定义过滤器

vue2.0废弃了内置过滤器，允许自定义过滤器。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示。{{ message | capitalize }}...

2018-07-07 21:16:12 2659

原创 vue 表单控件绑定

    v-model 指令可以在表单控件上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。text<input v-model="message" placeholder="edit me"><p>Message is: {{ message }}</p> 

2018-07-07 14:40:54 2785 2

原创 vue 计算属性

    通常我们在模板内的表达式计算，他非常便利，简单运算还可以，但是复杂运算就变的很臃肿，难以维护。于是对于任何复杂逻辑，都应当使用计算属性。例如：<div id="example"> <p>{{ msg }}</p> <p>{{ myMsg }}</p>&a

2018-07-05 22:15:51 2781

原创 vue 自定义指令

除了内置的指令外，Vue 也允许注册自定义指令。vue用Vue.directive(id,definition)方法注册一个全局自定义指令，它接受两个参数，指令ID和定义对象。也可以用directives注册一个局部自定义指令。// 注册一个全局自定义指令 `v-my-directive`Vue.directive('my-directive', { // 钩子函数当指令...

2018-07-05 21:44:30 2752

原创 vue 内置指令

vue指令v-if    v-if指令可以完全根据表达式的值在DOM中生成或者移除一个元素。     v-if是惰性的，如果初始渲染条件为假，则什么也不做，在条件第一次变为真时才开始局部编译，编译会被缓存起来。v-show    v-show指令是根据表...

2018-07-05 21:42:14 2667

原创 es6 let 和 const 命令

let命令let命令声明的变量，只在let所在的块级作用域有效{ let a = 10; var b = 20;}a; // a is not definedb; // 20var arry = [];for (let i = 0;i < 5;i++>) { arry[i] = function () { co...

2018-07-05 21:40:32 2595

原创 Markdown 常用语法整理

整理了一些常用的Markdown的语法，欢迎交流，一起学习。1.标题第一种用#表示代码# h1## h2### h3#### h4##### h5###### h6效果h1h2h3h4h5h6第二种用=和-表示代码h1 //下面跟任意========h2 //同上...

2018-07-05 21:37:40 2701

G-shitou的博客