- 博客(75)
- 收藏
- 关注
RSS订阅原创 命令行大文件分卷
我有一个5.2G的大文件,苦于分享给别人,但是有白嫖不到各大云盘,他们都有单文件大小限制,所以想到了这个split -b 1024m xxxx.zip newname# 1024m 是分卷后的文件大小# newname是新名字的前缀,后面会被拼接上aa ab 啥的,不过这都不重要# 拆分之后,可以看到多了很多个小文件# 下一步是把小文件再合并成一个大文件cat newname* > all.zip以下是一个例子:...
2021-03-22 20:24:07
359
原创 react-native 遇到的一些问题
工作的时候跑一个别人的RN项目遇到的一些坑,及汇总的解决方法react-native 遇到的一些问题问题1error Failed to build iOS project. We ran "xcodebuild" command but it exited with error code 65. To debug build logs further, consider building your app with Xcode.app, by opening DvaStarter.xcworks
2021-02-28 23:37:07
4235
转载 ios - 带有 “use_native_modules!”的react-native ios Podfile问题
platform :ios, '9.0'require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'target 'hhs2' do # Pods for hhs2 pod 'React', :path => '../node_modules/react-native/' pod 'React-Core', :path => '../node_modules.
2021-02-08 14:33:51
1362
原创 react-native run-android 问题(mac)
react-native run-android 一些问题问题1: error Failed to launch emulator. Reason: No emulators found as an output of emulator -list-avds.解决:确保装了android sdk ,你需要能找到目录,比如在mac上cd ~/Library/Android/sdk可以看到这些文件确保环境变量正确 vim ~/.bash_profile # 打开.bash_pro
2021-01-10 03:21:41
4722
3
原创 Running “flutter pub get“ in flutter_tools 一直没动静
Running “flutter pub get” in flutter_tools 一直没动静解决方法(mac环境)vim ~/.bash_profile进入文件后,添加两行代码 ,更改依赖下载地址为国内源export PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn然后保存退出,运行source ~/.bash_profile 来更新.
2021-01-02 03:53:38
3929
2
原创 mac Waiting for another flutter command to release the startup lock.
运行flutter doctor 出现Waiting for another flutter command to release the startup lock.提示执行以下代码:rm /Applications/flutter/bin/cache/lockfile
2021-01-02 01:41:22
402
原创 前端数据流方案Dva
一、Dva简单介绍基于 redux 和 redux-saga 的数据流方案.实际上通俗点的讲法,就是集成了react的一些库,包括react、react-dom、react-router-dom、connected-react-router、redux、redux-saga组件传值:父传子子传父兄弟组件传值(约定最小公约父节点)一些容易混淆的基本概念的区别create-react-app 内置了webpack配置的脚手架roadhog 相当于可配置的create-reac
2020-12-19 18:00:06
1157
1
原创 多位验证码组件Captcha
效果图:index.jsimport React from 'react'import styles from './index.less'import { Input } from 'antd'import PropTypes from 'prop-types'import { remove } from 'lodash'const BACK_SPACE = 8const LEFT = 37const RIGHT = 39class Captcha extends React.C
2020-12-16 15:45:20
711
原创 nosqlbooster 破解free
安装工具npm install asar -g进入 \osqlbooster4mongo\resourcesasar extract app.asar app修改 shared\lmCore.js MAX_TRIAL_DAYS=3000 ,TRIAL_DAYS = 3000打包asar pack app app.asar重启效果如下
2020-11-26 12:17:34
5717
10
原创 Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
解决 Error: Cannot find module ‘webpack-cli/bin/config-yargs’1.安装# step1npm i webpack-cli @webpack-cli/init2.修改package.json 中的scripts// step2"scripts": {"start": "webpack-cli serve --mode development"},npm run startdone.
2020-11-17 11:02:06
218
原创 React 自定义渐变时间轴组件TimeLine
实现效果组件代码：index.jsimport React from 'react'import styles from './index.less'import _ from 'lodash'import PropTypes from 'prop-types'/** * 自定义 带渐变时间轴组件 */class TimeLine extends React.Component { constructor(props) { super(props) } re
2020-09-19 22:14:17
2542
2
原创 七牛云批量下载文件到本地
七牛云中文件批量下载业务需要之前很多的文件都存储在了七牛云，但是目前有项目需要在内网部署，所以所有的外链资源都要本地化。所以要从七牛云的仓库中再下载回来。批量下载直接看第二点，第一点单文件下载可忽略1.单文件下载–终端脚本（个人觉得鸡肋了点）官方文档参考官方文档中的配置进行配置。当可以配置了PATH之后，可以在终端使用qshell的时候，就成功了一半。我的设备是mac，在运行的时候发现如下问题MacOs 无法打开xxx ，因为无法验证开发者的问题。导致本地terminal无法使用q
2020-09-12 00:05:53
2728
原创 react-mde版本5.8.0 - 7.4.1踩坑
react-mde 使用markdown编辑器安装react-mde包，在运行的时候最开始安装了版本5.8.0 由于和本项目出现冲突，所以升级版本为6.0.0，由于6.0.0中暴露的接口比较少，比如6.0.0中没有暴露出minPreviewHeight 无法通过参数去调整markdown preview面板的min-hieght，只能通过样式修改去做，比较不方便。5.8.0及之前，markdownEditor中的输入值是存储在mdeState中的，mdeState中包括markdown（输入值）和s
2020-09-09 22:47:37
314
原创 create-react-app 支持less踩坑
通过create-react-app 是默认不支持less的，所以需要自己配置编译成功有className在项目中显示为undefined打开配置 npm run eject在项目文件根目录下可以看到config文件夹，打开其中的webpack.config.js配置// style files regexesconst cssRegex = /\.css\$/;const cssModuleRegex = /\.module\.css$/;const sassRegex = /\..
2020-09-07 19:14:07
1560
原创 scrollTop踩坑
scrollTop踩坑业务场景通过webUSB 连接开发板，开启Serial串口进行通讯。因为开发板在串口开启后会一只像web端传输数据，我们拿到这个数据之后，要返回到用户界面，类似于实现terminal之类的页面返回给用户。目的每条数据到达web端，就反馈到用户界面。数据超过了一定数量之后，显示数据到区域应该会进行实时滚动。我这里打算用到是js 中的scroll去实现，每次一条数据到达web端的时候，控制对应的div scrollTop = scrollTop + 21 ,其中21是一行数据
2020-09-03 23:01:39
321
原创 段落超长文本自适应间距
该方式只适用于块级元素text-align:justify生成一段如下英文段落，并限制p标签宽度为700px中文文本也适用。<html> <body> <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem doloremque esse labore, molestiae nemo iste, itaque nam asperiores repudi.
2020-08-18 23:47:59
326
原创 React Hooks:Effect无限回调踩坑
场景我的目的是通过Effect来模拟组件的componentDidMount,在渲染完成之后，通过setTimeout来处理操作，向keyIndex中push一个新的元素，并更新keyIndex，但是这个操作我确定只会执行一次。错误代码如下： const [keyIndex, setKeyIndex] = React.useState([]); React.useEffect(() => { setTimeout(() => { console.log('err lo
2020-08-18 23:11:21
1524
原创 Flutter（一）初识
Flutter初识Flutter是什么？Flutter是一个UI SDK可以进行移动端（iOS、Android）、web（beta）、桌面应用开发端“跨平台解决方案”正在侵蚀iOS、Android这些原生开发Flutter 的特点美观内置 Material Design和Cupertino widget，丰富的motion API，平滑而自然的滑动效果和平台感知快速Flutter的UI渲染性能很好，在生产环境中将代码编译成机器码进行编译，充分利用GPU的徒刑加速能力，因此
2020-08-02 21:24:52
161
原创 mouseenter与mouseover的区别
不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。对应mouseout只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。对应mouseleavedemo演示效果如图：
2020-08-01 00:31:19
146
转载 浅尝node
1.简介Node是JavaScript语言的服务器运行环境。所谓“运行环境”有两层意思：首先，JavaScript语言通过Node在服务器运行，在这个意义上，Node有点像JavaScript虚拟机；其次，Node提供大量工具库，使得JavaScript语言与操作系统互动（比如读写文件、新建子进程），在这个意义上，Node又是JavaScript的工具库。Node内部采用Google公司的V8引擎，作为JavaScript语言解释器；通过自行开发的libuv库，调用操作系统资源。1.1 安装与更新
2020-07-24 23:24:28
153
转载 Webpack浅尝
写在开头：此 Webpack 教程是阮老师在 Webpack 1.x 的版本上做的。现在 Webpack 的版本已经改动较大，建议有基础的同学，就直接上官网看最新的就好了。这个教程可以用来了解下 Webpack 的前世今生。开始这个项目是一些简单的 Webpack 示例集合这些示例特意用简单明了的方式编写，你将会发现跟着这些例子学习这个强大的工具并非难事。如何使用首先，全局安装 Webpack 和webpack-dev-server$ npm i -g webpack webpack-dev
2020-07-24 00:07:51
86
转载 github.com连接超时 ping不通
1.错误信息之前github都能用，但是今天git clone的时候居然连不上了，报错信息如下：$ git clone git@github.com:hanchao5272/myreflect.gitCloning into 'myreflect'...ssh_dispatch_run_fatal: Connection to 13.250.177.223 port 22: Software caused connection abortfatal: Could not read from rem
2020-07-21 11:23:27
5862
7
原创 lodash-difference理解
difference理解difference(array,[values])将array中的元素与values进行对比，移除在values中出现的所有值，并返回这个新的数组_.difference([3, 2, 1], [4, 2]);// => [3, 1]differenceBy(array,[values],[iteratee=_.identity])将array 与values中的每个元素都通过iteratee处理，再进行匹配，返回一个新的数组例子如下：_.diffe
2020-07-13 00:15:56
2117
原创 web应用从服务器主动推送消息到客户端到方式
总结帖为什么需要服务端向客户端推送消息？在某些应用功能中，例如定位，游戏，社交消息的推送等，用户都是被动接受u消息的，为了处理这类问题，需要服务端向客户端推送消息。引言： 普通情况下，有客户端向服务器发送请求，获得数据后返回结果，并关闭二者之间的通信信道服务器段主动推送的方式1.轮询这种方式实际上并不是服务器端主动，而是引言中提到的方式。简单来说是客户端定时不停地向服务器端发请求，不管之前的请求是否返回结果，返回什么结果。只管自己发送请求。缺点：显然，盲目检查更新导致浪费服务器资源.
2020-07-08 12:13:57
1720
原创 切换线程对cpu资源的浪费
在切换进程的时候，通常会更加浪费资源 ，但是在线程的切换的时候资源损耗其实不大但是如果是单个cpu的情况下，同一时间只能进行一个进程，如果想实现多任务的话，就只能每个进程或线程获得一个时间片，在某个时间片内，只能一个线程执行，然后按照某种策略换成其他线程执行。我的理解是：就单cpu来说的话，因为只有一个进程，不存在进程之间的切换，所以都是线程的切换。 对资源的消耗相差不多 ，没有比较的意义对多cpu来说，进程切换非常损耗cpu资源。但是如果是多线程运行，确实会提高持续的执行速度，因为每个cpu都可以
2020-07-02 22:27:17
1868
1
原创 React Hooks
React Hooks什么是Hooks ：个人理解：有自己的state的函数式组件，无状态组件式函数，在加上state后，就成现在的Hooks什么是函数式组件：即HOC高阶组件，可向其中传递组件，经过函数的再次封装得到一个新的组件要求：React要求要将hooks写在函数最外层，不能写在if-else等语句中，确保hooks的执行顺序四个钩子函数useState状态钩子import React,{useState} from 'react'function App(){ //创造
2020-07-01 12:48:17
140
原创 Docker（八）自定义网络
Docker（一）Docker（二）Docker（三）Docker（四）Docker（五）Docker（六）Docker（七）Docker（八）自定义网络容器互连的一种查看所有的docker网络docker network ls NETWORK ID NAME DRIVER SCOPE5209sd9fafa bidge bridge local网络模式bridge: 桥接，docker上搭桥（默认）none：不配置网络host：和宿主机共享网络container：容
2020-06-23 21:54:03
280
原创 sass 和 less
sass和less都是css预处理器，目的旨在提高和增强css的能力sass概述：sass基于Ruby，原来Ruby环境，使用前必须安装Ruby环境，可以理解为scsss的严格模式，全兼容css。是一款最早且最成熟的css预处理器（性能超强）他可以使用变量、常量、嵌套、混入、函数等功能他有两套语法规则：1.用缩进作为分隔符来区分代码 2.用{} 作为分隔符（此规则就是scss，在scss3之后都支持这套语法）sass的导入导入其他sass/scss文件，可忽略文件后缀，编译方式为被倒入文
2020-06-17 20:23:06
222
原创 Docker（七）发布镜像及Docker网络
发布自己的镜像DockerHub地址：https://hub.docker.com/ 注册自己的账号在服务器上提交自己的镜像docker login --help #查看帮助文档提交docker push proger/diytomcat:1.0阿里云镜像服务登录阿里云找到容器镜像服务创建命名空间创建容器镜像官方文档详细（点击容器可看）Docker 网络理解Docker0清空所有环境ip addr#可以看到输出----三个网络：lo:
2020-06-12 00:03:48
282
原创 H5 iOS微信端点击图片触发3Dtouch，导致无法扫描二维码【解决方法】
问题复现：解决办法：Wechat 的浏览器是 基于webkit内核的需要为img标签加即可-webkit-touch-callout: none;
2020-06-11 17:16:07
836
原创 Docker（六）DockerFile
DockerFileDockerFile 介绍dockerfile 用来构建docker 的文件，命令参数脚本构建步骤：编写一个docker文件docker build 构建成为一个镜像docker run 运行镜像docker push 发布镜像（DockerHub 、阿里云镜像仓库）很多官方镜像都是基础包，很多功能都没有，是需要自己搭建的。DockerFile构建过程基础知识：每个保留关键字（指令）都必须是大写字母执行顺序从上到下，顺序结构#表示注释每一个指令都会创建提
2020-06-09 12:59:09
187
原创 Docker（五）容器数据卷
容器数据卷什么是容器数据卷数据如果都在容器中，若容器删除则数据丢失。需求：数据持久化，容器之间可以有一个数据共享的技术Docker容器中产生的数据，同步到本地，就是卷技术。说白了就是目录的挂载，将容器的目录挂载到Linux上。总结一句话：容器的持久化和同步操作，容器间也是可以数据共享的使用数据卷方式一：直接使用命令挂载 -v方式二：通过便携脚本，在生成镜像时就进行挂载docker run -it -v -P主机端口，容器内端口# 举例docker run -it -v /h
2020-06-08 12:40:35
165
原创 Docker（四）镜像
Docker 镜像镜像是什么镜像是一种轻量级，可执行的独立包，用来打包软件运行环境和基于运行环境开发的软件，它包含运行某个软件所需的所有内容，包括代码、运行时的库、环境变量、配置文件。所有的应用，直接打包Docker镜像，就可以直接跑起来镜像获取方式从远程仓库下载朋友拷贝自己制作镜像DockerFileDocker 镜像加载原理UnionFS（联合文件系统）下载时一层层的就是这个，类似Git版本控制Union文件系统（UnionFS）是一种分层轻量级并且高性能的文件系统，它支持
2020-06-05 19:30:33
155
原创 Docker（三）常用命令
Docker 常用命令帮助命令docker version # 显示docker的版本信息docker info #显示docker的系统信息（镜像、容器相关）docker --help #帮助命令或查看官方帮助文档镜像命令（docker xx --help 可查看具体命令的帮助文档）docker image 查看所有本地主机镜像docker search–filter=stars=3000（可选项，通过收藏来过滤）docker pull 下载镜像（docker pull
2020-05-20 23:35:17
210
原创 Docker（二）安装
词汇镜像（image）Docker镜像好比一个模板，可以通过这个模板来创建容器服务tomcat镜像===> run ==>tomcat容器（提供服务）通过镜像可以创建多个容器（最终服务运行和项目运行都是在容器中的）容器（container）Docker利用容器技术，独立运行一个或者一组应用，通过镜像来创建的，可以进行启动、停止、删除等基本命令目前可吧容器理解为一个简易等Linux系统仓库（repository）存放镜像的地方仓库分为公有仓库、私有仓库Docker Hub（
2020-05-19 23:00:08
164
原创 Docker（一）溯源
Docker历史2013年，Docker原公司dotCloud运营不下去选择开源代码，也就是现在的Docker，在当时马上英气开发界强烈的反响，开源导致出现更多的代码贡献者，版本迭代速度加快。2014年4月，Docker1.0版本发布。在容器技术出来前，大都使用虚拟机技术，通过虚拟机软件虚拟一个或多个电脑，但是虚拟机技术十分笨重。直到后来容器技术的出现才使虚拟化技术有了极大改变。Docker基于Go语言，开源项目，容器使用沙箱机制，容器之间像集装箱一样相互隔离从底层了解原先虚拟机构造缺点
2020-05-19 12:06:40
296
原创 canvas绘制图片，图片变模糊
canvas绘制图片，图片变模糊问题：设定一个一定尺寸的canvas，我这里设置的画布大小是400px*400px。当一张图片完全画到画布上的时候，大概率都会出现图片模糊的情况。我拿下面一张图片画到canvas上作为例子，看上去应该比较明显的有模糊的感觉。其实在大学的时候我有做过canvas相关的开发内容，也遇到这种问题，当时太菜不懂。单方面的去修改图片精度，换成更高清的图片，事实证明确...
2020-05-07 02:07:20
2914
原创 safari 时间格式兼容
safari 时间格式兼容safari处理时间，出现Invalid Date普通浏览器处理时间有不同的格式，比如时间戳（国际时间）、UTC（国际时间）、时区（20100607T152000+08，其中 “+08” 表示东八区）等一般等浏览器对时间处理都可以通过new Date()的方式来处理你的时间，并改为标准时间格式让你能够进行自定义操作。例如new Date('2020...
2020-04-28 16:19:17
1020
原创 table td长度被撑开
td长度被撑开问题复现：一个table ，为每个td设置了宽度百分比，但是实际效果是td的宽度还是被撑开了代码如下：<table className={styles.selfAchievement}> <tr className={styles.selfAchievementTr}> <td style={{width:"17%"}}&g...
2020-04-24 20:02:31
1546
原创 Taro -webkit-box-orient: vertical失效
问题复现用Taro写一块文本超出部分用…替代,效果如下：正常逻辑 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word...
2020-04-24 01:37:08
512
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人