前端 / JavaScript
2 分钟 读完 (大约 251 个字)

211111-Js实现粘贴板中写入text

记录一下JS实现向粘贴板中写文本的方式

阅读更多
前端 / Node
2 分钟 读完 (大约 245 个字)

200223-npm 打包溢出 FATAL ERROR Ineffective mark-compacts near heap limit Allocation failed

hexo打包上传博文时，忽然报了一个致命错误，FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed 堆内存不够

一个简单的解决办法

1
export NODE_OPTIONS="--max-old-space-size=8192"

或者直接在.bash_profile文件中配置，并全局生效

1
2
3
4
5
6
7
8
vim ~/.bash_profile

# 新增，并保存退出
export NODE_OPTIONS="--max-old-space-size=8192"


# 生效
source ~/.bash_profile
阅读更多
前端 / Chrome
1 分钟 读完 (大约 195 个字)

201108-Mac Chrome浏览器插件默认位置

mac chrome插件默认存储位置为

1
~/Library/Application Support/Google/Chrome/Default/Extensions

借助开发模式，可以导出一些好用的插件分享给其他小伙伴

阅读更多
前端 / JavaScript
2 分钟 读完 (大约 302 个字)

201014-Js base64编解码

Js使用base64编解码主要借助btoa与atob两个方法，但使用时需要注意，它们并不支持非ascii码转码

1
2
3
4
5
> b = btoa("hello world")
< "aGVsbG8gd29ybGQ="

> atob(b)
<"hello world"
阅读更多
前端 / Chrome
2 分钟 读完 (大约 348 个字)

200511-Chrome dev域名307强制走https问题记录

chrome浏览器，访问.dev域名的网站时，总是提示拒绝连接请求，但是换个浏览器就没有这个问题

打开控制台，发现每次请求时，chrome浏览器会307重定向到https的访问

根据不同的浏览器执行的结果不同，基本可以确定不是后端的配置问题，多半还是chrome的某些配置上

然后发现chrom63版本之后，新增了一个功能，强制所有的.dev域名都走https，无解…

文中也提供了两个解决办法

  • 将 .dev 域名换成其他的如 .test 域名
  • 换浏览器…
阅读更多
前端 / ReactJS
3 分钟 读完 (大约 500 个字)

180916-ReactJs之日期转换

常见的日期与时间戳之间的相互转换，记录下借助插件momoent来实现

1. 使用姿势

使用前，有那么几步需要走

安装依赖

1
sudo npm install --save moment

引入依赖

1
import moment from 'moment';

开始使用

1
2
// 将时间戳(ms)，转换为指定格式的日期
moment(Time).format("YYYY-MM-DD HH:mm:ss")

2. 常用说明

a. 日期格式化

1
2
3
4
5
moment().format('MMMM Do YYYY, h:mm:ss a'); // 九月 16日 2018, 8:54:12 晚上
moment().format('dddd');                    // 星期日
moment().format("MMM Do YY");               // 9月 16日 18
moment().format('YYYY [escaped] YYYY');     // 2018 escaped 2018
moment().format();                          // 2018-09-16T20:54:12+08:00

b. 相对时间

1
2
3
4
5
moment("20111031", "YYYYMMDD").fromNow(); // 7 年前
moment("20120620", "YYYYMMDD").fromNow(); // 6 年前
moment().startOf('day').fromNow();        // 21 小时前
moment().endOf('day').fromNow();          // 3 小时内
moment().startOf('hour').fromNow();       // 1 小时前

c. 日历时间

1
2
3
4
5
6
7
8
moment().subtract(10, 'days').calendar(); // 2018年9月6日
moment().subtract(6, 'days').calendar();  // 本周一晚上8点55
moment().subtract(3, 'days').calendar();  // 本周四晚上8点55
moment().subtract(1, 'days').calendar();  // 昨天晚上8点55分
moment().calendar();                      // 今天晚上8点55分
moment().add(1, 'days').calendar();       // 明天晚上8点55分
moment().add(3, 'days').calendar();       // 下周三晚上8点55
moment().add(10, 'days').calendar();      // 2018年9月26日

d. 多语言

1
2
3
4
5
6
7
8
moment().format('L');    // 2018-09-16
moment().format('l');    // 2018-09-16
moment().format('LL');   // 2018年9月16日
moment().format('ll');   // 2018年9月16日
moment().format('LLL');  // 2018年9月16日晚上8点55分
moment().format('lll');  // 2018年9月16日晚上8点55分
moment().format('LLLL'); // 2018年9月16日星期日晚上8点55分
moment().format('llll'); // 2018年9月16日星期日晚上8点55分

II. 其他

0. 相关

1. 一灰灰Blog： https://liuyueyi.github.io/hexblog

一灰灰的个人博客，记录所有学习和工作中的博文，欢迎大家前去逛逛

2. 声明

尽信书则不如，已上内容，纯属一家之言，因个人能力有限，难免有疏漏和错误之处，如发现bug或者有更好的建议，欢迎批评指正，不吝感激

3. 扫描关注

一灰灰blog

QrCode

知识星球

goals

前端 / ReactJS
2 分钟 读完 (大约 298 个字)

180915-ReactJs之Fix:uncaught at check call argument [object Promise] is not a function

Fix uncaught at check call: argument [object Promise] is not a function

在使用ANTD的魔板套前端页面的时候，遇到了一个诡异的问题，记录下

在modal中的写法如下

1
2
3
4
* addGroup({payload}, {call, put}) {
	yield call(addGroup(payload));
	console.log("add group over!");
},

在执行时，控制台报错

1
uncaught at check call: argument [object Promise] is not a function

主要原因在 yield call(addGroup(payload)); 的使用姿势问题，对于需要传递参数的去哪个，不能直接这么干，应该改为

1
yield call(addGroup, payload);

II. 其他

1. 一灰灰Blog： https://liuyueyi.github.io/hexblog

一灰灰的个人博客，记录所有学习和工作中的博文，欢迎大家前去逛逛

2. 声明

尽信书则不如，已上内容，纯属一家之言，因个人能力有限，难免有疏漏和错误之处，如发现bug或者有更好的建议，欢迎批评指正，不吝感激

3. 扫描关注

一灰灰blog

QrCode

知识星球

goals

前端 / Vue
2 分钟 读完 (大约 309 个字)

180810-单页面Vue打包子页面提示404问题记录

网上下了个Vue项目，打包为dist之后，扔到ngxin服务器上运行，正常连接访问没啥问题，但是刷新之后提示404

记录下修复过程

阅读更多
前端 / Css
2 分钟 读完 (大约 250 个字)

CSS图片点击拷贝

I. CSS图片点击拷贝

点击实现文本or图片的复制， 主要利用 document.execCommand('Copy')来实现

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script type="text/javascript">
function copy2board()
{
    var Url2=document.getElementById("biao1");
    Url2.select(); // 选择对象
    document.execCommand("Copy"); // 执行浏览器复制命令
    alert("已复制好，可贴粘。");
}

function copyimg(e) {
  var range = document.createRange();
  range.selectNode(e);  //selectable为下面页面中DIV中的id
  window.getSelection().addRange(range);
  document.execCommand("Copy");
  alert("复制ok");
}
</script>
<textarea cols="20" rows="10" id="biao1">用户定义的代码区域</textarea>
<input type="button" onClick="copy2board()" value="点击复制代码" />



<img src="http://a.hiphotos.baidu.com/image/pic/item/8326cffc1e178a82112604dffa03738da977e8b3.jpg" width=200 height=200 onclick="copyimg(this)"></img>

II. 其他

个人博客： 一灰灰Blog

基于hexo + github pages搭建的个人博客，记录所有学习和工作中的博文，欢迎大家前去逛逛

声明

尽信书则不如，已上内容，纯属一家之言，因本人能力一般，见识有限，如发现bug或者有更好的建议，随时欢迎批评指正

扫描关注

QrCode

前端 / Css
7 分钟 读完 (大约 1121 个字)

Css实战训练之图片点击放大

Css实战训练之图片点击放大

I. 背景

非常常见的一个功能了，一般网站上显示的都是缩略图，等你点击缩略图之后，会在一个弹框中显示放大的图片

那么这个功能是怎么实现的呢? 正好学习了下css的基础知识，现在可以来实际的操作一把

阅读更多
前端 / Css
32 分钟 读完 (大约 4841 个字)

Css学习手册之基本篇

Css学习手册之基本篇

每次写前端都是一个痛苦的过程，总是静不下来，彻底的研究下前端的技术，导致每次套页面都是直接采用一些封装好的控件，而有时对这些样式不满意时，又得百度一下该怎么用，低效且不愉快，强制自己好好的学习下基本功

阅读更多
前端 / Chrome
3 分钟 读完 (大约 402 个字)

Chrome插件之DomToImage实现

I. 说明

有些时候，看到一些网页的信息时，想分享给小伙伴，一般直接用截图工具来做，但是当分享的内容比较长时，截图就比较蛋疼了，所以想着做了这么个插件

可以将网页中任意一个dom结构，渲染为图片

阅读更多
前端 / Jquery
6 分钟 读完 (大约 934 个字)

JQuery 实战笔记一

jquery实战笔记

写前端控制台中，实际遇到的不会的，通过查询解决的记录，汇总记录下来，一期主要包括：

  • 标签隐藏显示
  • 时间戳转换
  • radio单选框选中获取
  • 动态修改placeholder值
  • 判断字符串是否为数字类型
  • tab标签页实现
  • 标签点击事件
  • jquery跳转链接
  • jquery 修改图片url
  • 图片加边框
  • 实现一个可检索的table
  • 表格内容固定
  • input回车响应
阅读更多
关注我
Google Play    Android

链接

最新文章

标签云

AES Android Arthas AutoCloseable BeanUtil BloomFilter BufferedImage BugFix Bugfix CURL Chrome DNS Docker Dubbo ElasticSearch Email FastJson Git GitHub Grafana Groovy Gson Guava HashMap IDEA IO ImageMagic InfluxDB InputStream Iterator JDK JNDI JVM Jackson Java JavaAgent JavaScript JavaWeb Jquery Json LRU Linux List MD5 Map Maven Mongo MongoDB MongoDb MySql Mybatis Mysql Nginx Node OGNL Prometheus ProtoStuff Python QlExpress QuickAlarm QuickMedia RMI RabbitMQ ReactJS Redis SSL Shell Socket Solr Spring SpringBoot Vue WebSocket WebView Win10 Yaml ZooKeeper css curl dns ffmpeg git gitalk google grep hexo hostname jdk logger markdown named ncat python ssh ssl time tmux zsh 专业词汇 乱码 二维码 代理 内购 分库分表 反射 吐槽 子系统 工具 并发 序列化 手记 技术方案 指南 教程 方案设计 时区 时间窗口 爬虫 编程技巧 证书 问题记录 随笔

标签

AES 1
Android 4
Arthas 1
AutoCloseable 1
BeanUtil 2
BloomFilter 1
BufferedImage 2
BugFix 2
Bugfix 2
CURL 2
Chrome 2
DNS 1
Docker 5
Dubbo 1
ElasticSearch 7
Email 1
FastJson 1
Git 3
GitHub 1
Grafana 3
Groovy 1
Gson 5
Guava 5
HashMap 1
IDEA 4
IO 2
ImageMagic 2
InfluxDB 17
InputStream 1
Iterator 1
JDK 36
JNDI 3
JVM 3
Jackson 1
Java 75
JavaAgent 2
JavaScript 2
JavaWeb 2
Jquery 1
Json 1
LRU 1
Linux 11
List 1
MD5 1
Map 1
Maven 4
Mongo 2
MongoDB 4
MongoDb 10
MySql 3
Mybatis 2
Mysql 21
Nginx 7
Node 1
OGNL 4
Prometheus 1
ProtoStuff 2
Python 142
QlExpress 4
QuickAlarm 1
QuickMedia 3
RMI 3
RabbitMQ 9
ReactJS 1
Redis 9
SSL 1
Shell 21
Socket 2
Solr 1
Spring 26
SpringBoot 2
Vue 1
WebSocket 1
WebView 2
Win10 2
Yaml 1
ZooKeeper 1
css 3
curl 1
dns 1
ffmpeg 1
git 2
gitalk 1
google 1
grep 1
hexo 1
hostname 1
jdk 1
logger 1
markdown 1
named 1
ncat 1
python 2
ssh 1
ssl 1
time 1
tmux 2
zsh 1
专业词汇 1
乱码 1
二维码 3
代理 1
内购 1
分库分表 1
反射 3
吐槽 1
子系统 1
工具 5
并发 3
序列化 1
手记 6
技术方案 22
指南 6
教程 21
方案设计 1
时区 1
时间窗口 3
爬虫 5
编程技巧 15
证书 1
问题记录 1
随笔 1

分类

归档

分类

归档

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×