小钱端-优快云博客

原创 React Hooks中useContext 分开的父子组件进行传值

React Hooks中使用useContext 进行父组件向子组件传值初次学习react-hooks的useContext，网上很多都是把父子组件写到一个文件的例子；今天分享一个把父子组件分开文件写的例子；封装的一个公共组件，用于父子组件分别调用：import { createContext } from "react";const CommonContext = createContext(null);export default CommonContext;父组件，引入Common

2020-11-08 18:08:04 554 1

原创统计代码量Mac电脑VSCode Counter插件安装无效

Mac电脑VSCode Counter插件安装无效安装扩展，搜索VS Code Counter键盘shift+command+P，调出命令面板，搜索VSCodeCounter Count lines in directory，选中之后，自动填充当前项目目录（目录可修改）回车键，自动生产统计文件；但是Mac电脑回车键之后，并没有反应；此时，进入设置，点击右上角图表，进入setting.json，顶层对象配置"search.followSymlinks": false,即可使用

2020-11-04 19:14:28 2139 2

原创解决2G内存处理8G数据的问题

解决2G内存处理8G数据的问题一次面试被问到2G内存针对8G数据进行排序的问题，当时就蒙蔽了，后来研究一下：使用外部排序+归并排序1.首先将8G数据分成4个2G数据的文件；2.分别将4个文件写入内存，进行内部排序，输出存到外部存储；3.使用多路归并排序对4个有序文件取值，排序，输出最小值，写入外部文件，4.重复步骤3，直到生成一个8G数据序列。外部排序参考文章：https://www.cnblogs.com/haimishasha/p/10898715.html#autoid-0-0-0

2020-11-03 10:23:44 951

原创 react的＜img /＞标签路径使用方式以及css引用方式

react的标签路径使用方式使用import导入：import logo from "../assets/images/logo.png"; // 引用<img src={ logo } /> // 使用使用require方式：<img src={require("../assets/images/logo.png")} />注意：require里面只能写字符串, 不能写变量！react im

2020-11-01 14:25:38 2542

原创 HTML5调用摄像头拍照、录像、录音

HTML5调用摄像头拍照、录像、录音<input type="file" accept="image/*" capture="camera"><input type="file" accept="video/*" capture="camcorder"><input type="file" accept="audio/*" capture="microphone">

2020-10-27 16:06:48 1035

原创 js闭包特点

解析:闭包就是能够读取其他函数内部变量的函数。特点:( 1 ) 闭包外层是一个函数。( 2 ) 闭包内部都有函数。( 3 ) 闭包会return内部函数。( 4 ) 闭包返回的函数内部不能有return（因为这样就真的结束了）。( 5 ) 执行闭包后，闭包内部变量会存在，而闭包内部函数的内部变量不会存在。...

2020-10-27 15:15:20 1941

转载 html input file accept 上传文件类型限制格式 MIME 类型列表

html input file accept 上传文件类型限制格式 MIME 类型列表<input type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" (change)="change($event)" multiple="false" class="ml-sm" />文件扩展名文件类型MIME 类型.docxMicrosoft Office W

2020-10-26 18:43:41 948

原创百度地图绘制多边形区域

百度地图绘制多边形区域1.申请百度地图ak；2.完整代码如下：<html> <META http-equiv="Content-Type" content="text/html; charset=utf-8"> <head> <title>百度地图绘制多边形区域</title> </head> <body> <style type="text/css"> body, htm

2020-10-21 10:23:06 2787

原创 javascript使用字母表示自然数

使用字母表示自然数1.方法：function createCellPos(n){ var orda = 'a'.charCodeAt(0); //97 var ordz = 'z'.charCodeAt(0); //122 var len = ordz - orda + 1; //长多26 var s = ''; while( n>= 0 ){ s = String.fromCharCode(n % len + orda) + s;

2020-10-21 09:04:06 1857

原创 React Hooks的用法及使用规则

React Hooks的用法及使用规则Hooks是React v16.8加入的新特性。可以在class以外使用state和其他React特性。1. State(状态) Hook用法：import { useState } from 'react';function Example() { // 声明一个新的状态变量，我们将其称为 "count" const [count, setCount] = useState(0) // 初始化数字 const [str, setString]

2020-10-21 08:37:43 3952

原创 mac . 开头的文件显示/隐藏

mac . 开头的文件显示/隐藏在mac上例如.env …gitignore文件无法显示，只能通过ls -al在终端看到文件；显示系统的隐藏文件方法如下：1.在终端输入如下指令：defaults write com.apple.finder AppleShowAllFiles TRUE; killall Finder2.finder便可以看到隐藏的文件隐藏系统的隐藏文件方法如下：1.在终端输入如下指令：把TURE改成FALSE即可defaults write com.apple.fi

2020-10-19 17:18:58 2315

原创 HTML5只能获取经纬度，需要第三方逆地理编码的方式获得用户的实际位置信息！！！

1.JavaScript代码：function getLocation() { var options = { enableHighAccuracy: true, maximumAge: 1000 } if (navigator.geolocation) { //浏览器支持geolocation navigator.geolocation.getCurrentPosition(onSuccess, onError, o

2020-10-18 18:59:20 2045

原创 css样式元素隐藏的优劣和适用场景

opacity: 0、visibility: hidden、display: none 优劣和适用场景opacity:0;占空间，父级设置之后，子级不能出现，能触发绑定事件；visibility:hidden;占空间，父级设置之后，子级可以通visitility:visible;设置显示，显示之后能触发绑定事件；display:none;不占空间，父级设置之后，子级不能出现，不能触发绑定事件；...

2020-10-18 18:16:01 1507

原创 typeof 无法区分变量是未定义，还是定义未赋值

typeof 无法区分变量是未定义，还是定义未赋值1.变量m未定义:console.log(typeof m) //undefinedconsole.log(m) //ReferenceError: c is not defined2.变量m定义，未赋值:var m;console.log(typeof m) //undefinedconsole.log(m) //undefined...

2020-10-18 18:01:54 871

原创谷歌浏览器截全网页

1、打开目标网站2、按下键盘上 “F12” 或者 “Ctrl + Shift + L” 打开调试页面3、按下键盘上 “Ctrl+Shift+P”4、键入内容“Capture full size screenshot ” 后，按下回车5、此时会下载图片

2020-10-18 13:53:38 251

小钱端