composurext-CSDN博客

原创 React & Redux 进阶

1. React 的思想文章涉及到的在线事例用密：admin/admin虚拟 DOM标签就是函数，标签的属性就是函数的参数<Parent name={this.state.name}/>我们自定义组件的时候必须要大写开头，因为只有这样 createElement 把组件当成一个变量而不是字符串。组件名不能是表达式，应该是以大写字母开头的变量。...

2020-04-15 10:08:04 362

原创图片边缘采样

2）实现边缘区域的平均采样，避免单点采样可能带来的颜色偏差；4）优化错误处理机制，确保在各种情况下都能返回合适的颜色值；1）采样多个点而不是只取中间一点，提高颜色准确性；3）添加颜色增强处理，使背景色更加美观；

2025-04-01 15:44:28 231

输出：convertToCamelCase（★★★★☆）, formatAsCamelCase（★★★☆☆）输出：extractDataKeys（★★★★★）, listMappedKeys（★★★★☆）{ “name”: “备选名称1”, “score”: 3 },{ “name”: “推荐名称”, “score”: 4 },{ “name”: “备选名称2”, “score”: 3 }‘验证’: [‘validate’, ‘verify’],“rationale”: “命名逻辑说明（中文）”

2025-02-19 15:09:41 361

原创 js高亮文本

【代码】js高亮文本。

2025-01-16 10:34:43 381

原创 convertJSONStringsInObject

在 reviver 中，检查值是否是数字字符串且长度超过 15 位，如果是，保留原始字符串。如果 JSON.parse 抛出错误（非 JSON 格式字符串），直接保留原始值。通过检查字符串是否以 { 或 [ 开头来决定是否尝试解析。确保字符串是纯数字。

2025-01-10 11:01:16 295

原创 vue-config.js

'use strict'const webpack = require('webpack')const CopyPlugin = require('copy-webpack-plugin')const WebpackBar = require('webpackbar')const path = require('path')// stylelintconst StyleLintPlugin = require('stylelint-webpack-plugin')const defaultSe

2021-09-02 17:22:10 224

原创 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 291

原创 React 实现列表拖动效果

React 实现列表拖动效果当我们想在 React 中实现一个列表拖动的效果的时候，有很多的第三方库（React dnd）可以借鉴，但是学习第三方库也是一个成本，或者拖动本身并不复杂，只需要第三方库的某一个 api 。这样情况下，我们可以自己实现一个。组件源码完成项目欢迎 star效果预览用户名：admin；密码：admin；1. 使用 React 的鼠标事件React 鼠标事件...

2020-03-04 22:50:15 3368

原创安卓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 966

原创 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 381

原创 React Hooks 速学

持续更新中…废话不多说，直接开始，运行中会下载很多东西，需要网络环境稳定良好。1.安装 cordovayarn global add cordova2.创建一个 cordova 项目cordova create 3.进入项目,添加安卓平台（iOS同理）cordova platform add android --save4.检查你是否具备使用 Cordova 开发/运行 An...

2020-01-03 10:17:53 162

原创 Node 中 CommonJS 规范

CommonJS 是一个很大的规范 Node 和浏览器只是借用了它的一部分精华先来Node环境运行的结果：# a.jsconsole.log('我是a.js')无引用的情况：# b.jsconst lib = require('./a')console.log('我是b.js')# 运行b.js我是a.js我是b.js有引用的情况：# b.jscons...

2019-12-11 11:25:35 185

原创 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 818

原创 mongodb建立索引

索引index（索引）建索引是为了提高查询速度，要根据实际业务建立索引const BaseModel=require('../models/base') const mongoose=require('mongoose') const {Schema}=mongoose const {ObjectId}=Schemaconst ReplySchema=new Schema({ con...

2019-11-14 14:47:55 505

原创 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 876 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 684

原创 gi恢复删除的分支

1.git reflog使用 git reflog 命令查看显示整个本地仓储的commit，包括所有branch的commit，甚至包括已经撤销的commit。2.找到我们想要恢复的分支可以看到我们当时commit的记录，找到删除分支的最后一次提交commit 的hash值，例如：dc3b8523.git checkout -b feature/ ‘自定义分支名’ ‘hash值’执行...

2019-09-24 15:42:35 195

原创 nginx启动、停止、重启、退出

nginx作为Web服务器的基础知识，前端应该了解一些重要的Nginx命令。下列命令默认需要管理员权限1.启动Nginxservice nginx start如果您使用的是基于systemd的版本，例如Ubuntu Linux 16.04LTS及更高版本，请systemctl在命令中使用，如下所示：systemctl start nginx2.停止Nginx终止所有nginx...

2019-09-13 23:13:01 1037

原创 Ubuntu 列出软件版本列表

Ubuntu apt-cache列出版本列表apt-cache madison nginxapt-show-versions说明：列举出所有版本，且能查看是否已经安装。还可以通过apt-show-versions -u <>来查询是否有升级版本。apt-show-versions -a nginx ...

2019-09-12 15:34:13 1550

原创 React-^16.4 componentWillMount、componentWillReceivePorps替代方案

首先生命周期函数调用如下constructorgetDerivedStateFromProps（使用场景不多）componentWillMount/UNSAVE_componentWillMountrendercomponentDidMount有哪些⽣命周期被舍弃（3个），哪些⽣命周期是新增（2个）？舍弃componentWillMountcomponentWillRec...

2019-07-30 09:21:17 2613

原创关于 AMD 以及 CommonJS

Module 的语法概述es6之前AMD规范:全称”Asynchronous Module Definition”，称为异步模块加载规范。一般应用在浏览器端。流行的浏览器端异步加载库RequireJS实现的就是AMD规范。依赖前置，提前执行!CommonJS: 称为同步模块加载规范，也就是说，只有加载完成，才能执行后面的操作。用于服务器端。CommonJS 模块就是对...

2019-05-31 15:00:43 194

原创谷歌浏览器 Unchecked runtime.lastError: The message port closed before a response was received.

出现上述问题很烦人解决方式：Chrome地址栏输入:chrome://extensions/逐一关闭插件后刷新出现问题的页面，我的是迅雷插件引起的关掉就好了

2019-05-20 17:12:21 23717 3

原创 git常用操作（日常用到的）

git初始化清空现有的keyrm -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 241

原创 JavaScript判断一个对象是否为空

写一个函数 isEmptyObject，判断一个对象是不是空对象function isEmptyObject(obj){ for(var item in obj){ return false } { return true }}console.log(isEmptyObject( {} )); //trueconsole....

2018-11-04 18:10:32 1789

原创 HTTP常用的状态码及其对应的含义如下：

HTTP常用的状态码及其对应的含义如下：200：服务器响应正常。表示请求成功,请继续发送请求。304：该资源在上次请求之后没有任何修改（这通常用于浏览器的缓存机制，使用GET请求时尤其需要注意）。400：无法找到请求的资源，请求有误，请求的内容无法被服务器执行。401：访问资源的权限不够，没有进行身份验证（或者无权访问）。403：没有权限访问资源。404：需要访问的资源不存在（没有找到...

2018-10-22 19:00:10 236

原创 CSS笔记（持续更新）

CSS布局一般要遵循横向布局和纵向布局可以多加div尽量把页面布局分为横向布局、和纵向布局、不要写复杂布局复习CSS基础px、rem、empx像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。在缩放页面时无法调整那些使用它作为单位的字体、按钮等的大小；em是相对长度单位。em 的值并不是固定的，会继承父级元素的字体大小，代表倍数；rem是CSS3新增的一...

2018-10-22 18:57:54 164

原创使用 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 859

原创 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 1337

原创 async/await的基础用法

async/await的基础用法致谢：888async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成，async返回的是一个Promise对象 function sleep(ms) { return new Promise((resolve) =&gt; { setTimeout(() =&gt; ...

2018-07-26 11:28:02 1033

原创 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 1942

原创前端常用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 380

原创 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 993

原创阿里云配置 node.js + Nginx 反向代理

阿里云配置 node.js + Nginx 反向代理假设你已经配置好node环境，并后台启动了程序（如用pm2开启一个端口）这里只说最基础的配置安装Nginx配置Nginx重启Nginx卸载Nginx安装Nginxsudo apt-get updatesudo apt-get install nginx配置Nginxsudo vi /etc/ng...

2018-05-28 17:25:42 848

原创 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 1024

原创 Node.js+MongoDB上线测试环境部署

新增一个非root超级账户$sudo vi /etc/sudoers找到//找到# User privilege specificationroot ALL=(ALL:ALL) ALL//在下面添加ubuntu ALL=(ALL:ALL) ALL至此，新用户添完成。基础的linux app: vsftpd, httpd, nodejs, pm2;...

2018-03-13 17:16:11 881

原创理解作用域链

理解作用域链我们先看一下闭包是如何工作的var currentScope = 0; (function () { var currentScope = 1, one = 'scope1'; alert(currentScope); (function () { var currentScope = 2, two = 'scope2'; alert(curr...

2018-03-13 15:39:01 186

原创 RESTflu小结

最近用到了nodejs-restful-api顺便了解一下rest风格reset（Representational State Transfer）ResourcesR-E-S-T的名称”表现层状态转化”中，省略了主语。”表现层”其实指的是”资源”（Resources）的”表现层”。每一个URL代表一种资源；Representation我们把”资源”具体呈现出来的形式（以什么格式去展现，HTML、

2017-12-27 16:12:40 284

原创在浏览器中输入网址按下回车后发生了什么？

在浏览器中输入网址按下回车后发生了什么？这里说的只是最普通的情况下最简单来说搜索浏览器自身的缓存;(浏览器会先检查是否有相应的cookie);搜索本机其它浏览器的缓存;host解析;Created with Raphaël 2.1.0输入url查找缓存DNS解析TCP连接页面展现yes一般来说（一般的的HTTP请求，没有代理等等）首先浏览器会开启一个线程来处理这个请求;浏览器检查缓存;如

2017-12-25 16:57:25 1615

原创 Ubuntu Server 14.04升级Ubuntu Server 16.04

因后台代码改写需要升级系统Ubuntu 14.04.5 LTS升级Ubuntu 16.04.3 LTS终端下执行命令,dist-upgrade可以根据依赖关系的变化，添加包，删除包。$ sudo apt-get update && sudo apt-get dist-upgrade重启系统以完成更新的安装用ssh连接的重启后从新连接$ sudo init 6用命令安装更新管理器核心update

2017-10-13 10:13:03 1028

原创《AngularJS》——scope的三种绑定策略

三种绑定符的含义:scope:{}使当前指令作用域与外界隔离开来，使其模板(template)处于non-inheriting(无继承)的状态@的含义:把当前作用域属性当字符串传递，绑定外层scope的值，在自定义指令中的属性值中插入{{}}即可;=的含义:与父scope进行双向绑定;&的含义:传递一个来自父scope的函数(即对父级作用域进行绑定，并将其中的属性(可以是任何属

2017-06-02 11:55:02 1358

phantomjs-1.9.8-linux-x86_64.tar.bz2

空空如也