逸尘️-CSDN博客

原创 Webpack按需异步加载报错：Uncaught (in promise) Error: Loading chunk 39 failed.

本地不会出现此报错，每次打包部署到开发环境后第一次渲染抛出下图错误，然后就处于一直加载的状态，不知道如何解决啊。。。暂且留着你，日后收拾。...

2019-07-29 10:17:23 10371 10

原创 npm run build: WARNING in asset size limit: The following asset(s) exceed the recommended size limit

使用webpack4打包生产环境的代码时npm run build:production，遇到了一个小插曲，记录一下：问题原因：webpack打包后的生成文件和入口文件体积过大，超过了默认值。解决方法：1.关闭webpack性能提示performance: { hints: false, // 关闭性能提示 }2.修改打包入口文件和生成文件的体积限制 perform...

2019-07-01 18:50:26 2137 3

原创昨晚，部署线上环境的我炸了

改了一天的bug，终于是觅得一时空闲。思来想去，我还是想把自己刚刚平复不久的“爆炸”心态记录下来。事情还要从昨天下午四点半左右说起，只因为后端的同事C在工作群里@了我一下，对我说了三个字：“上线吧…”说实话，想想还是有点小激动的。自从我独立负责这个项目以来，每天都在公司的考勤表下留下了加班打车的印记。原计划是我和同事L一起完成前端开发，由于临时变动，同事L被抽走了，我心里那个苦啊，少了一个人项...

2019-06-27 18:09:47 430 2

转载 Jest 断言归纳

Jest 实在是很方便，上手简单，几乎零配置。记录一下学习 Jest matchers。附上大部分说明及示例。普通匹配器toBe - toBe 使用 Object.is 来测试是否完全相等.not - 用来测试相反的用例.toEqual如果你想检查某个对象的值，请改用 toEqual。toBe最简单的测试值的方法是看是否精确匹配。test('two plus two is fou...

2019-05-31 18:15:29 4455

转载不同浏览器的autocomplete特性

自动完成（autocomplete）允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器会基于之前键入过的值，显示出在输入框中填写的选项。autocomplete属性适用于form表单，以及表单内的input类型：text, search, url, telephone,email, password, datepickers, range 以及 color。通常，自动完成是浏览器...

2019-05-08 11:36:15 1368

原创解决mac mysql无法启动

今天mysql突然无法启动服务，即便使用/usr/local/mysql/support-files mysql.server start也无济于事，经过好一番折腾，发现是我装了manager-osx，其中内置的mysql与原来装的mysql冲突了，杀死占用的进程后，重新启动服务即可。问题出现的原因总结1、可能是/usr/local/mysql/data/mysql.pid文件没有写的权限...

2019-04-21 16:06:51 19480 2

原创解决webpack打包错误：this.htmlWebpackPlugin.getHooks is not a function

升级webpack4时踩到了很多坑，其中错误描述如下this.htmlWebpackPlugin.getHooks is not a function经过一番搜索，在html-webpack-plugin的issue区看到了如下解决方法，亲测可用。1.删除node_modules目录，并重新npm install安装；2. 安装与webpack4版本匹配的htmlWebpackPl...

2019-03-05 15:37:54 8741

原创 mac下修改mysql5.7.Xroot初始密码

苹果-&amp;gt;系统偏好设置-&amp;gt;最下面点MySQL，关闭mysql服务；进入终端输入cd /usr/local/mysql/bin/，回车；输入sudo su，回车以获取管理员权限；输入./mysqld_safe --skip-grant-tables &amp;amp;，回车以禁止mysql验证功能，mysql会自动重启，偏好设置中的mysql状态会变成running；新...

2019-03-05 15:37:25 1416

原创 extract-text-webpack-plugin 不再支持 Webpack 4.3.0

问题描述目前 extract-text-webpack-plugin 最新版本不支持 Webpack 4.3.0 版本. Webpack 4.2.0 一下可用。目前从 extract-text-webpack-plugin issues 了解，未来 extract-text-webpack-plugin 将废弃，作者建议使用 mini-css-extract-plugineasywebpa...

2019-02-27 14:31:46 1875

原创解决import动态加载webpack打包错误

最近升级webpack4时（旧版本是3.5.1），打包时报错，具体错误描述见下图，错误不一致的可以离开了…(手动微笑)You may need an appropriate loader to handle this file type.| export var AsyncComponent = function AsyncComponent(path) {| return asyn...

2019-02-18 18:05:20 10231 1

原创 Git修改提交记录中的用户名和邮箱

第一步命令行执行：#!/bin/shgit filter-branch --env-filter 'OLD_EMAIL="错误的邮箱地址"CORRECT_NAME="正确的用户名"CORRECT_EMAIL="正确的邮件地址"if [ "$GIT_COMMITTER_EMAIL" = "$OLD_EMAIL" ]t

2019-02-13 11:25:27 3784 4

原创关于Warning: setState(...): Can only update a mounted or mounting component.的解决方案

一、原因在做项目的时候，控制台一直报一个错误。最初以为是脏数据导致的key重复问题，后来发现这个问题一直存在。细看，发现具体错误提示如下：略经思考，脑子里首先闪现的问题原因是，setState异步函数在组件生命周期结束后异步抛出。经此设想，快速切换两个路由，此问题复现，即证明了猜想是正确的。react中快速切换路由时报此错误，是由于在组件开始挂载（componentWillmount）或...

2019-01-12 16:23:58 2863

转载中国历史朝代歌：夏商与西周，东周分两段

夏商与西周，东周分两段。春秋和战国，一统秦两汉。三分魏蜀吴，二晋前后延。南北朝并立，隋唐五代传。（五代有十国：南北汉、前后蜀，南平南唐吴闽楚。再加吴越）宋元明清后，王朝自此完。注：由夏启开创的父死子继的世袭制王朝，历史上称为夏代。这是中国历史上第一个王朝时代。不过，从司马迁开始，史学家们大多将夏代的开始从夏禹算起。西周从文王到幽王，后平王即位，迁居洛邑，从此，历史进入东周时期。东周分...

2018-12-20 20:23:44 45165

原创 cookie和token身份验证

1. cookie身份验证用户输入登陆凭据；服务器验证凭据是否正确，并创建会话，然后把会话数据存储在数据库中；具有会话id的cookie被放置在用户浏览器中；服务器验证凭据是否正确，并创建会话；在后续请求中，服务器会根据数据库验证会话id，如果验证通过，则继续处理；一旦用户登出，服务端和客户端同时销毁该会话在后续请求中，服务器会根据数据库验证会话id，如果验证通过，则继续处理；...

2018-12-18 10:48:12 5851

转载 Mac使用ngrok内网穿透实现外网访问

转载出处：https://blog.csdn.net/tomcat_2014/article/details/689440661.为什么使用web开发中，难免会遇到在某些情况下，我们必须借助外网才能调用某个API，然而，如果我们按照下面的方式来做，显得就很繁琐：a.在一个具有外网可访问的服务器上搭建一个web环境b.上传代码，调试接口c.发现问题，本地修改d.再次上传，周而复始，直至...

2018-12-16 13:24:21 1028

原创写个随机生成函数拯救一下key（map，生成dom且没有key）

randomString(len) { len = len || 32; var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'; var maxPos = $chars.length; var pwd = ''; for (let i = 0; i &lt; len; i++) {...

2018-11-30 09:54:07 538

原创 React中使用highcharts绘制图表demo

import React from 'react';import Highcharts from 'highcharts';export default class extends React.Component { componentDidMount() { this.renderGraph(); } renderGraph = () => { let...

2018-10-30 17:29:42 4294

原创 Nodejs中使用nodemailer搭建邮件自动发送服务

在Nodejs中，使用nodemailer可以轻松实现邮件自动发送功能。一、安装nodemailer包npm install nodemailer --save二、代码如下：const nodemailer = require(&quot;nodemailer&quot;);const smtpTransport = nodemailer.createTransport({ service: ...

2018-10-14 00:07:04 3740 2

原创 JavaScript深拷贝踩坑小记

目录关于深拷贝然而，有坑！解决方案1. 结构化克隆算法2. lodash中的_.cloneDeep() 方法关于深拷贝关于深拷贝与浅拷贝的理解，这里不过多的进行描述。因为此前自己总结了一次深拷贝的常见方法，JSON.parse(JSON.stringify(obj))，jQury的$.extend(true,{},obj)，for...in加递归已经满足了大部分的业务需求。具体内容可见Java...

2018-09-20 22:55:35 540

原创 React中监听鼠标滚轮事件

const rdom = require('react-dom'); class Hello extends React.Component { render() { handleScroll(e) { const ele = rdom.findDOMNode(this); if (e.nativeEvent.deltaY &amp;lt;= 0) { /* s...

2018-08-29 06:56:18 12066

原创解决mac版office的复制快捷键cmd+c按两遍才有效的问题？

最近发现复制快捷键com+C有延时，就是你选中文本后，立即com+C是不行的，等1秒才行。查了一下，解决方案在这里，以防再出现这个问题忘记如何解决。...

2018-07-13 16:06:11 11643

原创示冕

阿冕今年已十三，耳边垂发绿鬟鬟。好亲灯光研经史，勤向庭闱奉旨甘。衔命年年巡塞北，思亲夜夜想江南。题诗寄汝非无意，莫负青春取自惭。

2018-06-30 18:46:01 316

原创删除windows系统下Git账号凭证

windows系统:控制面板 -&amp;gt; 用户帐户-&amp;gt; 管理你的凭据-&amp;gt; [Windows 凭据]-&amp;gt; 编辑-&amp;gt;完成

2018-05-30 17:21:50 4948 1

原创解决运行jekyll serve时报错

错误描述： /Library/Ruby/Gems/2.3.0/gems/bundler-1.16.1/lib/bundler/runtime.rb:313:in check_for_activated_spec!’: You have already activated public_suffix 3.0.2, but your Gemfile requires public_suffix...

2018-05-04 14:25:55 3745

原创死锁产生条件及避免策略

1. 死锁发生：资源A、B，进程C、D描述如下：　　资源A和资源B，都是不可剥夺资源; 现在进程C已经申请了资源A，进程D也申请了资源B; 进程C接下来的操作需要用到资源B，而进程D恰好也在申请资源A; 进程C、D都得不到接下来的资源，那么就引发了死锁。2. 死锁的四个必要条件: 互斥条件（Mutual exclusion）：资源不能被共享，只能由一...

2018-04-11 22:28:57 2696

转载 jsonp解决跨域请求问题

1、同源策略要理解跨域，先要了解一下“同源策略”。所谓同源是指，域名，协议，端口相同。所谓“同源策略“，简单的说就是基于安全考虑，当前域不能访问其他域的东西。一些常见的是否同源示例可参照下表：在同源策略下，在某个服务器下的页面是无法获取到该服务器以外的数据的。例如我们在自己的网站通过ajax去获取豆瓣上https://developers.douban.com/wiki/?...

2018-04-06 17:32:48 1230

原创 javascript之事件捕获和事件冒泡

1. 事件阶段事件分为三个阶段：捕获阶段、目标阶段和冒泡阶段。捕获阶段：事件从文档的根节点流向目标对象节点。途中经过各个层次的DOM节点，并在各节点上触发捕获事件，直到到达事件的目标节点，主要任务是建立传播路径。目标阶段：事件到达目标节点，事件就进入目标阶段。事件在目标节点上被触发，然后会逆向回流，直到传播至最外层的文档节点。冒泡阶段：事件在目标元...

2018-04-06 14:48:21 312

原创 JS原型和原型链

1. 前言2. 函数对象3. 普通对象4. 原型对象5. __proto__属性6.构造器constructor7. 原型链8.思考解答1. 前言 JS中原型和原型链的概念一直都是混淆不清，确实需要时间，偶尔回头看看。对于原型和原型链的理解，其实一直处于比较浅的概念。有句话说，没理解透原型和原型链，就算还没有真正入门的前端。希望通过总结这...

2018-04-05 13:04:23 1568

原创斐波那契数列（青蛙跳台阶）问题

三种解题思路：直接递归，时间效率最差；使用数组动态规划，耗用大量空间；循环迭代，每次下一个数据依赖前两个数据，效果最好。//使用递归function fibonacci(n){ if(n<=2){ return 1; }else{ return fibonacci(n-1) + fibonacci(n-2); ...

2018-03-31 16:31:09 231

原创块级元素和行内元素的误区

今天无意中看到一篇关于前端布局的各种总结，说到块级元素和行内元素，想补充一点，以备将来忘记了吧。1. 块级元素特点总是在新行上开始；高度、行高以及外边距和内边距都可控制；宽度默认是它容器的100%，除非设定一个宽度；可以容纳内联元素和其他块级元素。2. 行内元素特点和其他元素都在同一行；高，行高及外边距和内边距不可改变；宽度就是它的文字和图片的宽度，不可改...

2018-03-30 17:32:50 476

转载二叉树前序、中序、后序遍历的相互求法

转载出处：http://blog.csdn.net/u014536527/article/details/51010702二叉树是数据结构中常被问到的相关知识点，也是我们需要了解的一个知识点，那今天来总结一下二叉树的前序、中序、后序遍历的相互求法，即如果知道两个的遍历，如何求第三种遍历方法，比较笨的方法是画出来二叉树，然后根据各种遍历不同的特性来求，也可以编程求出，下面我们分别说明。...

2018-03-20 23:50:31 703

原创解决Mac OS X 11中出现的/usr/bin 的“Operation not permitted”问题

Mac OS 更新到X 11后，El Capitan 加入了Rootless机制，用来对抗恶意程序的破坏。但是，却不能够再随便的读写类似/usr/bin的很多路径，即便设置 root 权限同样不可以。Rootless机制是对抗恶意程序的最后防线。关闭 Rootless的方法重启按住 Command+R，进入恢复模式，打开Terminal。csrutil disable重启即...

2018-03-15 18:23:44 9787

原创解决 webpack-dev-server 导致的 invalid host header

问题原因webpack-dev-server 在此之前更新了 2.4.3 和 1.16.4 两个版，更新主要是新增了对 host header 的正确性检测，以屏蔽未经授权的访问。开发者需要在执行 webpack-dev-server 命令时手动添加 –public 选项，取值为授权的 host，否则就会出现这个问题，也就是“Invalid Host Header”。解决方案执行 w...

2018-03-07 16:27:53 5202

原创 Linux中的free命令详解

free命令可以显示当前系统未使用的和已使用的内存数目，还可以显示被内核使用的内存缓冲区。语法 -h 以比较人性化的方式显示内存使用情况。 -b：以Byte为单位显示内存使用情况； -k：以KB为单位显示内存使用情况； -m：以MB为单位显示内存使用情况； -o：不显示缓冲区调节列； -s<间隔秒数>：持续观察内存使用状况； -t...

2018-03-03 18:26:43 1417

原创二维数组中的查找问题

二维数组中的查找在一个二维数组中，每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。输入输出测试用例: 7, [[1,2,8,9],[2,4,9,12],[4,7,10,13],[6,8,11,15]] 对应输出应该为: true答案示例思路：首先我们选择从左下角...

2018-02-28 19:03:12 190

原创 Linux中修改文件或目录的用户组和访问权限

一、修改某个目录或者文件的用户名和用户组（chown指令）chown用法： chown 用户名:组名文件路径例1：修改data目录下的html文件夹的用户名和用户组为root和root（仅更改html）$ chown root:root /data/html 例2：修改data目录下的html下的所有文件的用户名和用户组为root和root$ chow...

2018-01-03 19:07:35 33525 3

原创 nginx服务器简单配置文件路径

Nginx安装结束后，yum默认安装位置在/etc/nginx中。配置文件位于：/etc/nginx/nginx.conf，可以修改处理器数量、日志路径、pid文件路径等，默认的日志。错误日志 /var/log/nginx/error.log 访问日志 /var/log/nginx/access.lognginx.conf末尾的 include /etc/nginx/con

2018-01-03 15:45:06 26078

原创 Linux and Fedora环境中安装Node最新版（yum源）

登录root用户，执行如下指令：在RHEL, CentOS 或者 Fedora 操作系统中, 安装Node.js v8 :$ curl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash -$ sudo yum -y install nodejs查看node版本，成功！另外，对于Node.js 9：$ curl -

2017-12-31 15:04:44 624

原创 centos6 | 7 使用yum 安装最新nginx版本

一、创建 nginx.repo第一步的目的是在/etc/yum.repos.d/目录下建立一个nginx.repo软件源配置文件。具体操作如下：$ cd /etc/yum.repos.d/ $ vim然后，编辑文件内容如下：[nginx]name=nginx repobaseurl=http://nginx.org/packages/OS/OSRELEASE/$basearch/gpgche

2017-12-31 14:36:12 429

原创 Linux中为用户添加sudo权限

1. 进入超级用户模式。$ su - #然后输入密码2. 编辑/etc/sudoers文件$ visudo #visudo命令是用来编辑修改/etc/sudoers配置文件或者$ vim /etc/sudoers找到：”root ALL=(ALL) ALL”, 在下面添加”xxx ALL=(ALL) ALL”。(这里的xxx是你的用户名)，然后:wq保存退出3. 测试是否成功切换到xxx用户

2017-12-29 17:11:29 452