Mars-xq-CSDN博客

原创 mongodb增删改查

dbshow dbsuse studentsshow collections增加数据//====================================//1、增加数据，语法: db.collectionName.isnert(document)。//====================================//不指定文档的id，数据库会默认分配一个随机iddb.user.insert({name:'xq1',age:20,gender:'f'});//指定文档的

2020-10-29 11:04:45 128

原创 js中获取时间

demo 测试： var date = new Date(); function formatMonth(value) { return (value + 1) < 10 ? '0' + (value + 1) : (value + 1); } function format(value) { return (value) < 10 ? '0' + (value) : (value); } var loca

2020-10-21 14:51:25 43

原创 mongodb 常用命令及增删改查

显示所有数据库# 显示所有数据库show databasesshow dbs切换数据库# 切换数据库，没有则创建use admin显示当前数据库# 显示当前数据库db显示当前数据库的表# mongo中collection即为表# 显示当前数据库的表show collectionsshow tables创建用户# 创建用户db.createUser( { user:"root", pwd:"123456", roles:[{role:"userAdmi

2020-10-20 00:24:21 1383

原创 Promise.all、Promise.race/设置fetch请求的超时

参考：理解和使用Promise.all和Promise.race一、Pomise.all的使用Promise.all([promise1, promise2]) .then(所有都成功才回调success1, 只要有一个失败就回调第一个失败的fail1)等待全部执行完成：全部成功则按照组装顺序返回数组结果，只要有一个失败则返回失败结果Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时，成功和失败的返回值是不同的，成功的时候返回的是一个【结果

2020-10-16 10:39:35 1484

原创 Android Studio Git创建及推送标签（Tag）

参考：Android Studio Git创建及推送标签（Tag），项目版本升级进行标记git tag 文档一、创建tag：#创建taggit tag v0.1 9df4fcc4f00ded99f83c050a1f9081ed5681c837# v0.1 ：为tag名称# 9df4fcc4f00ded99f83c050a1f9081ed5681c837 ：为reversion number二、推送tag#推送到远程git push --tagsAndroid studio 支

2020-10-14 16:24:59 1109

原创 java/groovy修改文件名-renameTo()方法

参考：java修改文件名-renameTo()方法的使用实例，复制一个文件或者叫转存一个文件示例将test.json 修改为test-时间.jsonclass Example { static void main(String[] args) { renameFile() } private static void renameFile() { String sourceFilePath = "src/file/test.json"

2020-10-14 12:09:42 1048

原创 java 根据系统获取文件分隔符File.separator

在Linux系统上是/，在Windows系统上是\,考虑到跨平台，应尽量使用File.separator。//根据系统获取 “/”String str = File.separator;File separatorFile类有几个类似separator的静态字段，都是与系统相关的，在编程时应尽量使用。separatorCharpublic static final char separatorChar与系统有关的默认名称分隔符。此字段被初始化为包含系统属性 file.separator 值

2020-10-14 11:59:38 2189

原创 React Native 适配 iphone X XR XS

ptelad / react-native-iphone-x-helper react native中文网：SafeAreaViewimport {Dimensions, Platform, StatusBar} from 'react-native';export function isIphoneX() { const dimension = Dimensions.get('window'); return ( Platform.OS === 'ios' &am

2020-10-13 10:30:56 406

原创 Java 获取文件大小

import java.io.File;import java.io.FileInputStream;import java.io.IOException;import java.nio.channels.FileChannel;/** * Java 获取文件大小 */public class Test1 { public static void main(String[] args) { File file = new File("/Users/tmk/Ide.

2020-09-24 10:44:32 283

原创 Java/gradle修改文件的某一行内容

Java修改文件的一行内容test.json[ { "id": "1", "courseID": "数学", "title": "一加一等于几" }, { "id": "2", "courseID": "语文", "title": "请背诵全文" }]TestFile.javaimport java.io.*;import java.util.HashMap;import java.util.Map;public cl

2020-09-20 11:30:05 2105

原创 XMPP RFC / smack （Message/IQ/Presence）文档

XMPP RFC可扩展消息和状态协议（XMPP）的基本规范正式确定了Jabber开源社区在1999年开发的核心协议。它们由IETF的XMPP工作组制定，并于2004年10月作为RFC 3920和3921发布。XMPP RFCXMPP rfc文档导航XMPP rfc3920文档XMPP rfc3921文档smack : Java开发包ignite realtime下载导航Index of /smack 各版本下载和文档smack V4.3.3版本文档XMPP ClientsXMPP Cl

2020-09-11 14:42:45 294

原创 react native：两次点击返回退出APP或者监听app后台/前台切换

import React from 'react';import {View, AppState, ToastAndroid, BackHandler} from 'react-native';class HomeScreen extends React.Component { constructor(props) { super(props); this.state = { appState: AppState.currentSta

2020-09-07 22:08:15 2358

原创 react-navigation:onWillFocus/onDidFocus/onWillBlur/onDidBlur/componentWillUnmount等周期

参考：React Native之didFocus和didBlur代码：import React from 'react';import {View, Text, Button} from 'react-native';import {createAppContainer, NavigationEvents} from 'react-navigation';import {createStackNavigator} from 'react-navigation-stack';//didFocu

2020-09-05 17:46:02 1277

原创 RVM ： Ruby 环境的管理和切换

参考：Mac 安装RVM、RubyRVM 与 ruby简介：RVM 是一个命令行工具，可以提供一个便捷的多版本 Ruby 环境的管理和切换。https://rvm.io/如果你打算学习 Ruby / Rails, RVM 是必不可少的工具之一。一、安装RVM安装RVM$ curl -L https://get.rvm.io | bash -s stable载入RVM环境$ source ~/.rvm/scripts/rvm检查RVM是否安装成功(查看RVM版本)$ rvm -v

2020-08-19 22:33:23 1121

原创 RubyGems(Ruby 包管理器)

参考：Ruby RubyGemsRuby RubyGemsRubyGems 是 Ruby 的一个包管理器，它提供一个分发 Ruby 程序和库的标准格式，还提供一个管理程序包安装的工具。RubyGems 旨在方便地管理 gem 安装的工具，以及用于分发 gem 的服务器。这类似于 Ubuntu 下的apt-get, Centos 的 yum，Python 的 pip。RubyGems大约创建于2003年11月，从Ruby 1.9版起成为Ruby标准库的一部分。如果你的 Ruby 低

2020-08-19 22:02:16 803

原创 React Native - Keyboard API使用详解（监听处理键盘事件）

参考：React Native - Keyboard API使用详解（监听处理键盘事件）当我们点击输入框时，手机的软键盘会自动弹出，以便用户进行输入。但有时我们想在键盘弹出时对页面布局做个调整，或者在程序中使用代码收起这个软键盘，这些借助 React Native 框架提供的 Keyboard API 就可以实现。一、Keyboard API 提供的方法Keyboard API 提供如下的静态函数供开发者使用。1，addListener(eventName, callback)（1）这个函数

2020-08-15 23:52:22 4016

原创 React Native中的 position 定位及示例relative/absolute

参考：React Native中的postion定位一、概述在React Native中，flexbox定位和position定位可以同时使用，同时生效（关于flexbox定位的相关知识请自行查阅资料，这里不再赘述）。position有两个取值：relative（默认值）和absolute。二、relative——相对定位以元素本来的位置为基准进行偏移。示例：import React, {Component} from 'react';import { Platform,

2020-08-15 23:15:54 4253

原创 js 数组里面对象根据id去重

参考：数组里面对象去重的3种方法1.数组的reduce()方法(ie9以下不支持此方法)var arr = [ {id: 1, name: '周瑜1'}, {id: 3, name: '王昭君1'}, {id: 2, name: '李白1'}, {id: 1, name: '周瑜2'}, {id: 2, name: '李白2'}, {id: 3, name: '王昭君2'}];var newArr = distinct(arr,"id");console.log(new

2020-08-03 23:42:24 2484

原创 JS 常见的几种数组去重方法

JS 常见的几种数组去重方法一、最简单方法（indexOf 方法）实现思路：新建一个数组，遍历要去重的数组，当值不在新数组的时候（indexOf 为 -1）就加入该新数组中；function unique(arr){ var newArr = []; for(var i = 0; i < arr.length; i++){ if(newArr.indexOf(arr[i]) == -1){ newArr.push(arr[i])

2020-08-03 23:12:20 639

原创 react-native 发送广播和接受事件通知DeviceEventEmitter

示例：A/B 组件间交互A：发送B：接收import React, {Component} from 'react';import {View, Button, TouchableOpacity, StyleSheet, DeviceEventEmitter, Text} from 'react-native';export default class Test extends React.Component { render() { return (

2020-08-03 22:02:53 278

原创 react native flex 弹性布局 : flex / flexGrow / flexShrink / flexBasis 对比

结论子view宽度之和未超过父view宽度，flex 等价于 flexGrow父view宽度：pWidth子view宽度：c1Width , c2Width , c3Width子view flexGrow：c1FlexGrow , c2FlexGrow , c3FlexGrow本demo中计算 flexGrow：1、【父布局剩余宽度】 = pWidth - （c1Width + c2Width + c3Width）2、child2 所占父布局剩余宽度 = 父布局剩余宽度 * c2Fl

2020-07-23 10:40:52 581

原创 React Native 关于箭头函数、普通函数与点击事件的调用

参考：React Native 关于箭头函数、普通函数与点击事件的调用一、箭头函数1、箭头函数一个重要的好处就是对于this对象指向问题，在普通函数中this对象的指向是可变的，所以在普通函数中this对象可能会存在null的情况，但是箭头函数中this是固定的。2、this指向定义时所在对象的作用域而不是使用时的。定义及调用//箭头函数（无参）press0 = () => { this.setState({ data0: '箭头函数无参 : ' + Math.

2020-07-12 00:17:34 482

原创 React中setState修改深层对象： Object.assign / 扩展运算符...

React中setState修改深层对象Object.assign文档准备工作：测试扩展运算符testSpread() { let testObj = { 'A': 1, 'B': 2, 'C': 3, }; let data = { ...testObj, 'A': 100, }; console.log('testObj', testObj);//testObj {"A":

2020-07-09 23:10:55 1793

原创 react native: react-native-cli 创建项目

一、环境配置nodenode下载地址：window选择Windows Installer (.msi)验证：C:\Users\able>node -vv12.18.0C:\Users\able>npm --version6.14.4npm配置npm config set registry https://registry.npm.taobao.org --globalnpm config set disturl https://npm.taobao.org/dist

2020-07-08 21:20:11 1453

原创 webstorm 中 ReactNative 设置代码智能提示/LiveTemplate

参考：webstorm react代码自动补全设置如图，download需要的react和react native模块即可。

2020-07-08 21:19:46 631

原创 react-native动态引用本地图片

参考：icon 来源于阿里巴巴图库react-native如何动态引用本地图片Icon.jsexport default { //注意这里导入：同级目录需要前面加 './' ，否则会出错 avatar1: require('./avatar01.png'), avatar2: require('./avatar02.png'), avatar3: require('./avatar03.png'), avatar4: require('./avatar04.

2020-07-08 21:18:44 1067

原创 react native：image resizeMode ，

Image组件必须在样式中声明图片的款和高。如果没有声明，则图片将不会被呈现在界面上。我们一般将Image定义的宽和高乘以当前运行环境的像素密度称为Image的实际宽高.当Image的实际宽、高与图片的实际宽、高不符时,视图片样式定义中resizeMode的取值不同而分为三种情况, 三个取值分别是: contain, cover和stretch.默认值是cover.cover模式只求在显示比例不失真的情况下填充整个显示区域。可以对图片进行放大或者缩小，超出显示区域的部分不显示，也就是说，图片可能部

2020-07-08 21:17:59 746

原创 React-Native 验证码输入框(TextInput)

参考：React-Native 验证码输入框(TextInput)测试：import React, {Component} from 'react';import {Button, StyleSheet, Text, TextInput, View} from 'react-native';import PropTypes from 'prop-types';export default class Test extends React.Component { render() {

2020-07-08 21:17:01 1584

原创 react native : flex 弹性布局及父子组件通信

import React from 'react';import {ScrollView, Text, View, Dimensions, StyleSheet} from 'react-native';import PropTypes from 'prop-types';let {height, width} = Dimensions.get('window');export default class FlexTest2 extends React.Component { cons

2020-07-08 21:16:07 255

原创 Java多种方式解决生产者消费者问题

参考： Java多种方式解决生产者消费者问题（十分详细）一、 synchronized + wait() / notify()方法当缓冲区已满时，生产者线程停止执行，放弃锁，使自己处于等状态，让其他线程执行；当缓冲区已空时，消费者线程停止执行，放弃锁，使自己处于等状态，让其他线程执行。当生产者向缓冲区放入一个产品时，向其他等待的线程发出可执行的通知，同时放弃锁，使自己处于等待状态；当消费者从缓冲区取出一个产品时，向其他等待的线程发出可执行的通知，同时放弃锁，使自己处于等待状态。

2020-06-18 11:26:44 559

原创 Android 弹性布局 FlexboxLayout （四）：recyclerview流式布局

测试activity_main.xml :<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_he

2020-06-17 13:55:32 1525

原创 Android 弹性布局 FlexboxLayout （三）：flex-item子view相关属性

layout_order排列顺序<?xml version="1.0" encoding="utf-8"?><com.google.android.flexbox.FlexboxLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="300dp"

2020-06-17 12:46:35 775

原创 Android 弹性布局 FlexboxLayout （二）：分割线Divider

showDividerHorizontal + dividerDrawableHorizontal ：设置水平分割线showDividerHorizontalshowDividerHorizontal 控制显示水平方向的分割线，值为none | beginning | middle | end其中的一个或者多个。dividerDrawableHorizontaldividerDrawableHorizontal 设置Flex 轴线之间水平方向的分割线。showDividerVertica

2020-06-17 12:46:23 2353

原创 Android 弹性布局 FlexboxLayout（一）：flexDirection,flexWrap,justifyContent ,alignItems ,alignContent

简介：Flex是 Flexible Box 的缩写，意为「弹性布局」，在前端css样式中应用甚为广泛，之前做过React-Native和微信小程序，页面布局大多使用flex弹性布局，可以在不同屏幕尺寸上提供一致的布局结构，可以简便、完整、响应式地实现各种页面布局今天为大家打开Android移动端的flex布局大门–FlexboxLayout，在android中我们经常所见的标签、流式布局等都可以用FlexboxLayout来实现。引入：github : google / flexb

2020-06-17 12:46:11 2009

原创 Android textView解析HTML Html.fromHtml的使用

测试<resources> <string name="app_name">MyApp</string> <string name="str1">恭喜您！您的手机跑分为<font color='#F50057'><big><big><big>888888分</big></big></big></font>，已经超过全国<font colo

2020-06-16 13:52:41 1151

原创 CSS3阴影box-shadow（二）

参考：box-shadow制作各种单边，多边阴影史上最简单介绍box-shadow四个边框设置阴影样式的文章CSS3阴影box-shadow最详细的使用方法和技巧总结准备工作：<html><head> <meta charset="utf-8"> <style type="text/css"> .parent { background-color: #000000; width: 300px; h

2020-06-15 17:50:40 119

原创 CSS3阴影box-shadow

box-shadow:1px 2px 3px 4px #ccc inset；来分别看一下以上六个值的含义：1px 从原点开始，沿x轴正方向的长度（倘若为负值，为沿x轴负方向的长度）；2px 从原点开始，沿y轴正方向的长度；（倘若为负值，为沿y轴负方向的长度）；3px 阴影的模糊度，只允许为正值；4px 阴影扩展半径；#ccc 阴影颜色；inset 设置为内阴影（如果不写这个值，默认为外阴影）；坐标<html><head>

2020-06-15 12:04:10 28

原创 vue css中scoped及穿透

参考：Vue中的scoped及穿透方法1、什么是scopedvue组件中，在style标签中有一个属性，叫做scoped。当此标签拥有scoped属性的时候，该组件下的css样式只适用于本组件，而不会影响全局组件。这其实也相当于样式的模块化了。2、scoped实现的原理其实scoped中最重要的就是PostCSS,PostCSS是一种css的编译的工具。来看一下转译之前的代码：编译前的代码：<template> <span class="textScoped"

2020-06-04 15:01:11 542

原创 JavaScript：定义对象object的三种方式

在JavaScript里定义Object有三种方式：对象常量，使用object的构造器定义，以及使用class定义。方式一、对象常量使用对象常量的方式是很直接的，直接在定义对象的属性及方法即可，如下：const bird = { name: 'Joe', numWings: 2, numLegs: 2, numHeads: 1, fly(){}, chirp(){}, eat(){}}如果想给对象常量添加更多属性，可以：bird.sleep = function()

2020-06-03 13:53:45 566

原创 js 中{},[]中括号,大括号使用详解JavaScript

一、{ } 大括号，表示一个对象{key1:value1 , key2:value2}value可为变量或者函数 ,调用对象属性或者方法通常用点号let obj = { birth: 1990, fun1: function () { let fn = () => new Date().getFullYear() - this.birth; // this指向obj对象 return fn(); }, fun2:

2020-06-03 11:33:27 5455