- 博客(53)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 React & Redux 进阶
1. React 的思想 文章涉及到的在线事例 用密：admin/admin 虚拟 DOM 标签就是函数，标签的属性就是函数的参数 <Parent name={this.state.name}/> 我们自定义组件的时候必须要大写开头，因为只有这样 createElement 把组件当成一个变量而不是字符串。 组件名不能是表达式，应该是以大写字母开头的变量。 ...
2020-04-15 10:08:04
412
原创 录音切片上传
录音上传系统是一个基于浏览器的录音和上传工具，具有简洁美观的界面设计。系统提供开始录音、停止录音和中止上传三个主要功能按钮，并实时显示录音状态、上传状态、录音时长和会话ID等信息。界面采用响应式布局，包含状态面板和日志面板，其中日志面板会记录各类操作信息并分类显示。系统使用现代Web技术实现，包括HTML5、CSS3和JavaScript模块化编程，整体设计注重用户体验和操作反馈。
2025-12-18 16:01:23
853
原创 js剪切板
这段代码实现了一个复制文本到剪贴板的函数，采用渐进增强策略：首先检测并优先使用现代异步API navigator.clipboard.writeText()，若不可用则回退到传统的execCommand方法。通过创建隐藏的textarea元素并执行选择/复制操作实现兼容性方案。函数返回Promise，处理了异常情况并确保始终返回布尔值表示操作是否成功，同时考虑了iOS等特殊平台的兼容性问题。
2025-11-06 18:14:37
112
原创 url自动协议修正
该代码实现了一个URL修正功能：当URL为相对路径时直接返回；当协议不匹配当前页面协议时自动转换（如http转https或反之）。主要处理两种情况：相对路径保留不变，绝对路径协议与当前页面不一致时进行转换。适用于前后端协议不一致时自动适配。
2025-11-05 17:02:47
136
转载 简洁函数库版
本文提供了一个实用的原生 JavaScript 工具函数合集，包含数组去重、对象操作、DOM处理、Promise工具等常用功能。主要特点包括：基于ES6+语法，支持按需导入；提供国际化日期货币格式化、懒加载图片等现代Web开发常用工具；包含安全默认值处理、批量异步请求等实用函数。该工具集同时兼容现代浏览器和Node.js ESM环境，可作为日常开发的基础工具库使用。
2025-11-05 10:34:26
47
原创 Vue项目中进行接口异常错误上报
文章摘要：本文介绍了一个完整的Web应用错误监控与上报方案实现。通过Axios拦截器统一处理请求/响应错误，封装可配置的ErrorReporter类实现错误收集与批量上报，支持采样率和错误过滤。方案包含全局错误处理（Vue错误、未捕获Promise）、页面卸载前自动上报剩余错误等功能，采用sendBeacon和fetch降级策略确保可靠性。该方案能有效监控前端各类异常，提供详细的错误上下文信息，同时避免对用户体验造成影响。
2025-09-03 14:55:05
234
原创 图片边缘采样
2）实现边缘区域的平均采样，避免单点采样可能带来的颜色偏差；4）优化错误处理机制，确保在各种情况下都能返回合适的颜色值；1）采样多个点而不是只取中间一点，提高颜色准确性；3）添加颜色增强处理，使背景色更加美观；
2025-04-01 15:44:28
332
原创 提示器模板
输出：convertToCamelCase（★★★★☆）, formatAsCamelCase（★★★☆☆）输出：extractDataKeys（★★★★★）, listMappedKeys（★★★★☆）{ “name”: “备选名称1”, “score”: 3 },{ “name”: “推荐名称”, “score”: 4 },{ “name”: “备选名称2”, “score”: 3 }‘验证’: [‘validate’, ‘verify’],“rationale”: “命名逻辑说明（中文）”
2025-02-19 15:09:41
420
原创 convertJSONStringsInObject
在 reviver 中，检查值是否是数字字符串且长度超过 15 位，如果是，保留原始字符串。如果 JSON.parse 抛出错误（非 JSON 格式字符串），直接保留原始值。通过检查字符串是否以 { 或 [ 开头来决定是否尝试解析。确保字符串是纯数字。
2025-01-10 11:01:16
365
原创 vue-config.js
'use strict' const webpack = require('webpack') const CopyPlugin = require('copy-webpack-plugin') const WebpackBar = require('webpackbar') const path = require('path') // stylelint const StyleLintPlugin = require('stylelint-webpack-plugin') const defaultSe
2021-09-02 17:22:10
277
原创 jenkins 忘记密码
jenkins 忘记密码用户名 admin修改配置文件 用户名 admin 今天登陆 jenkins 忘记密码了 修改配置文件 进入安装目录 cd /var/lib/jenkins 修改配置文件 vi config.xml # true 改为 false <useSecurity>false</useSecurity> 重启 jenkins # 查看状态 systemctl status jenkins # 重启 sudo systemctl restart jenk
2020-06-06 17:44:08
346
原创 React 实现列表拖动效果
React 实现列表拖动效果 当我们想在 React 中实现一个列表拖动的效果的时候，有很多的第三方库（React dnd）可以借鉴，但是学习第三方库也是一个成本，或者拖动本身并不复杂，只需要第三方库的某一个 api 。这样情况下，我们可以自己实现一个。 组件源码 完成项目 欢迎 star 效果预览用户名：admin；密码：admin； 1. 使用 React 的鼠标事件 React 鼠标事件 ...
2020-03-04 22:50:15
3479
原创 安卓9.0 http请求数据失败解决办法
为保证用户数据和设备的安全，Google针对下一代 Android(9.0 API 28 ) 系统(Android P) 的应用程序，将要求默认使用加密连接(HTTPS) 解决办法： 找到AndroidManifest.xml 添加android:usesCleartextTraffic="true" 从新打包 <?xml version="1.0" encoding="utf-8"?...
2020-01-16 16:17:51
1038
原创 ANIC: Missing emulator engine program for 'x86' CPU. 更新Android模拟器位置
将 emulator 二进制文件从 ${ANDROID_SDK_ROOT}/tools/ “提升” 到其自己的顶级目录 ${ANDROID_SDK_ROOT}/emulator/ $ 看看在哪里 which emulator $ 执行看下版本 /Users/test/Library/Android/sdk/emulator/emulator $ 如果你按照教程的路径应该是 export ...
2020-01-03 10:26:02
429
原创 React Hooks 速学
持续更新中… 废话不多说，直接开始，运行中会下载很多东西，需要网络环境稳定良好。 1.安装 cordova yarn global add cordova 2.创建一个 cordova 项目 cordova create 3.进入项目,添加安卓平台（iOS同理） cordova platform add android --save 4.检查你是否具备使用 Cordova 开发/运行 An...
2020-01-03 10:17:53
203
原创 Node 中 CommonJS 规范
CommonJS 是一个很大的规范 Node 和浏览器只是借用了它的一部分精华 先来Node环境运行的结果： # a.js console.log('我是a.js') 无引用的情况： # b.js const lib = require('./a') console.log('我是b.js') # 运行b.js 我是a.js 我是b.js 有引用的情况： # b.js cons...
2019-12-11 11:25:35
223
原创 React+antd+Redux+Express+MongoDB实现通用后台管理系统
点击访问 技术栈 项目运行之前，请确保系统已经安装以下应用 node (6.0 及以上版本) mongodb (开启状态) 安装参考 全局安装nodemon(为了node服务热启动) yarn global add nodemon 可以参考这里安装 运行启动 # 克隆到本地 1. git clone # 进入后台应用目录 2. cd react-manage/server ...
2019-11-21 21:02:06
865
原创 mongodb建立索引
索引 index（索引）建索引是为了提高查询速度，要根据实际业务建立索引 const BaseModel=require('../models/base') const mongoose=require('mongoose') const {Schema}=mongoose const {ObjectId}=Schema const ReplySchema=new Schema({ con...
2019-11-14 14:47:55
554
原创 react-router-dom 组件之间跳转传递参数
方式：通过this.props.history.push的方式进入另一个组件，通过隐式传递；也可以通过query显式传递 方式一 当前组件通过路由传递一个state productDetail = () =>{ const data = [ 'Racing car sprays burning fuel into crowd.', 'Japanese p...
2019-11-01 22:41:27
931
1
原创 react 刷新路由404
发布到服务器后可以正常访问，但是刷新当前页面不行，报404错误 解决办法：修改nginx配置 修改前： server { listen 80; server_name xxx.xxx.com; location / { root /var/www/build; index index.html index.htm; } error_...
2019-10-22 10:24:39
721
原创 gi恢复删除的分支
1.git reflog 使用 git reflog 命令查看显示整个本地仓储的commit，包括所有branch的commit，甚至包括已经撤销的commit。 2.找到我们想要恢复的分支 可以看到我们当时commit的记录，找到删除分支的最后一次提交commit 的hash值，例如：dc3b852 3.git checkout -b feature/ ‘自定义分支名’ ‘hash值’ 执行...
2019-09-24 15:42:35
220
原创 nginx启动、停止、重启、退出
nginx作为Web服务器的基础知识，前端应该了解一些重要的Nginx命令。 下列命令默认需要管理员权限 1.启动Nginx service nginx start 如果您使用的是基于systemd的版本，例如Ubuntu Linux 16.04LTS及更高版本，请systemctl在命令中使用，如下所示： systemctl start nginx 2.停止Nginx 终止所有nginx...
2019-09-13 23:13:01
1116
原创 Ubuntu 列出软件版本列表
Ubuntu apt-cache列出版本列表 apt-cache madison nginx apt-show-versions 说明：列举出所有版本，且能查看是否已经安装。还可以通过apt-show-versions -u <>来查询是否有升级版本。 apt-show-versions -a nginx ...
2019-09-12 15:34:13
1643
原创 React-^16.4 componentWillMount、componentWillReceivePorps替代方案
首先生命周期函数调用如下 constructor getDerivedStateFromProps（使用场景不多） componentWillMount/UNSAVE_componentWillMount render componentDidMount 有哪些⽣命周期被舍弃（3个），哪些⽣命周期是新增（2个）？ 舍弃 componentWillMount componentWillRec...
2019-07-30 09:21:17
2703
原创 关于 AMD 以及 CommonJS
Module 的语法 概述 es6之前 AMD规范:全称”Asynchronous Module Definition”，称为 异步模块加载规范 。一般应用在浏览器端。流行的浏览器端异步加载库RequireJS实现的就是AMD规范。 依赖前置，提前执行! CommonJS: 称为同步模块加载规范，也就是说，只有加载完成，才能执行后面的操作。用于服务器端。 CommonJS 模块就是对...
2019-05-31 15:00:43
225
原创 谷歌浏览器 Unchecked runtime.lastError: The message port closed before a response was received.
出现上述问题很烦人 解决方式：Chrome地址栏输入:chrome://extensions/ 逐一关闭插件后刷新出现问题的页面，我的是迅雷插件引起的关掉就好了
2019-05-20 17:12:21
23831
3
原创 git常用操作（日常用到的）
git初始化 清空现有的key rm -rf ~/.ssh/* 运行 ssh-keygen -t rsa -b 4096 -C "你的邮箱" 执行 cat ~/.ssh/id_rsa.pub 把得到的公钥放到GitHub上 执行 ssh -T git@github.com 之后配置下git（这是全局配置，如果配置单个仓库，去掉global即可） git config -...
2019-04-12 09:39:26
270
原创 JavaScript判断一个对象是否为空
写一个函数 isEmptyObject，判断一个对象是不是空对象 function isEmptyObject(obj){ for(var item in obj){ return false } { return true } } console.log(isEmptyObject( {} )); //true console....
2018-11-04 18:10:32
1865
原创 HTTP常用的状态码及其对应的含义如下：
HTTP常用的状态码及其对应的含义如下： 200：服务器响应正常。表示请求成功,请继续发送请求。 304：该资源在上次请求之后没有任何修改（这通常用于浏览器的缓存机制，使用GET请求时尤其需要注意）。 400：无法找到请求的资源，请求有误，请求的内容无法被服务器执行。 401：访问资源的权限不够，没有进行身份验证（或者无权访问）。 403：没有权限访问资源。 404：需要访问的资源不存在（没有找到...
2018-10-22 19:00:10
255
原创 CSS笔记（持续更新）
CSS布局 一般要遵循横向布局和纵向布局 可以多加div尽量把页面布局分为横向布局、和纵向布局、不要写复杂布局 复习CSS基础 px、rem、em px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。在缩放页面时无法调整那些使用它作为单位的字体、按钮等的大小； em是相对长度单位。em 的值并不是固定的，会继承父级元素的字体大小，代表倍数； rem是CSS3新增的一...
2018-10-22 18:57:54
191
原创 使用 Nginx 为 Linux 实例绑定多个域名以及网站升级成https
Nginx绑定多个域名 Nginx 是一款广泛应用的 Web 服务器，常用于反向代理、负载均衡器以及 HTTP 缓存等。 远程连接并登录到 Linux 实例。 执行命令 cd /etc/nginx/conf.d 打开 Nginx 服务配置文件目录. 执行命令 vi 您要创建的域名.conf 创建域名规则配置文件。 输入 i 编辑新建的配置文件。 远程连接并登录到 Linux 实例。 按 Es...
2018-08-31 09:44:33
908
原创 MongoDB常见错误及处理办法
Mongodb 启动警告WARNING: /sys/kernel/mm/transparent_hugepage/enabled is ‘always’.解决 WARNING: /sys/kernel/mm/transparent_hugepage/enabled is 'always' WARNING: /sys/kernel/mm/transparent_hugepage/defrag ...
2018-08-09 10:53:00
1436
原创 async/await的基础用法
async/await的基础用法 致谢：888 async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成，async返回的是一个Promise对象 function sleep(ms) { return new Promise((resolve) =&gt; { setTimeout(() =&gt; ...
2018-07-26 11:28:02
1080
原创 Ubuntu 安装Docker环境，并部署NodeJS应用
Ubuntu版本 LSB Version: core-9.20160110ubuntu0.2-amd64:core-9.20160110ubuntu0.2-noarch:security-9.20160110ubuntu0.2-amd64:security-9.20160110ubuntu0.2-noarch Distributor ID: Ubuntu Description:...
2018-07-23 18:06:41
2043
原创 前端常用liunx命令（个人用到的整理）
ubuntu运行sh脚本sudo自动输入密码 第一种方法（文本块，重定向） #!/bin/bash sudo -S apt-get update &lt;&lt; EOF Your password EOF 第二种方法（使用管道） #!/bin/bash echo password | sudo -S apt-get update 磁盘管理 查看磁盘空...
2018-07-20 21:43:21
432
原创 vue使用el-input监听不了回车事件解决方法
无法监听回车事件 &lt;el-input v-model="password" type="password" placeholder="密码" @keyup.enter="onLogin"&gt;&lt;/el-input&gt; 在@keyup.enter后加上’.native’ &am
2018-06-07 17:06:03
1052
原创 阿里云配置 node.js + Nginx 反向代理
阿里云配置 node.js + Nginx 反向代理 假设你已经配置好node环境，并后台启动了程序（如用pm2开启一个端口）这里只说最基础的配置 安装Nginx 配置Nginx 重启Nginx 卸载Nginx 安装Nginx sudo apt-get update sudo apt-get install nginx 配置Nginx sudo vi /etc/ng...
2018-05-28 17:25:42
909
原创 MongoDB的配置、备份与恢复以及备份脚本加密
在使用MongoDB的过程中遇到了许多的问题，稍微操作不慎就会导致数据库异常，首先我们应该做好数据的定时备份以防万一 开启mongo db后台服务 关闭mongo db服务 备份恢复 无法连接 开启mongo db后台服务 使用–fork参数启动,这样就是后台启动 mongod --fork --logpath &amp;amp;lt;log_file_path&amp;amp;gt; --dbpath &amp;amp;l...
2018-04-11 18:05:56
1091
原创 Node.js+MongoDB上线测试环境部署
新增一个非root超级账户 $sudo vi /etc/sudoers 找到 //找到 # User privilege specification root ALL=(ALL:ALL) ALL //在下面添加 ubuntu ALL=(ALL:ALL) ALL 至此，新用户添完成。 基础的linux app: vsftpd, httpd, nodejs, pm2;...
2018-03-13 17:16:11
927
phantomjs-1.9.8-linux-x86_64.tar.bz2
2017-10-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人