- 浏览: 4910577 次
- 性别:
- 来自: 上海
最新评论
-
taoshengyijiuzt:
感谢大佬!!!
JetBrains最新激活服务器(长期更新ing) -
masuweng:
激活码可以用
JetBrains最新激活服务器(长期更新ing) -
dusdong:
都失效了
JetBrains最新激活服务器(长期更新ing) -
追风筝的孩纸Zz:
dddddddddddddddd
js获取网页屏幕可见区域高度 -
自己811005:
88350bcf69dcfbda7f8a76a589d9054 ...
Js设置前端允许跨域请求后端API:Access-Control-Allow-Credentials
文章列表
效果图:
----------------------------------
| tab1 | tab2 | tab3 | tab4 |
| desc | desc | desc |desc |
----------------------------------
原始component
<TabPane label={getLabel('Introduction', i18n)}>
<IntroductionPane i18n={i18n} />
</TabPane>
<TabPane
labe ...
新开一个终端运行
1, » sudo mysqld_safe --skip-grant-tables;
新开一个终端
1, » cd /usr/local/mysql/bin/
2, » ./mysql -u root -p
mysql> FLUSH PRIVILEGES;
mysql> ALTER USER 'root'@'localhost' IDENTIFIED BY 'MyNewPass';
mysql> exit or Ctrl + z
重启Mysql服务器
$ sudo /usr/local/mysql/support-file ...
VScode搜索功能图示:
关键点:读取目录文件夹,判断是否文件夹,若是递归继续读取,否则通过正则或普通匹配关键词。
统计唯一文件名数量,统计总搜索记录数量累加,展示结果。
Core code:
const fs = require('fs');
const path = require('path');
// const basePath = path.resolve('src');
// const matchFile = /\.(jsx?|css)$/;
const basePath = path.normaliz ...
ESLint: Visible, non-interactive elements with click handlers must have at least one keyboard listener. (jsx-a11y/click-events-have-key)
由于ESLint检查强制非Button的 onClick 事件需要至少一个键盘事件。
键盘事件:
onKeyUp, onKeyDown, onKeyPress
<!-- 成功的onClick事件绑定在div上 -->
<div onClick={() => {}} onKeyD ...
问题报错:
Access to XMLHttpRequest at 'http://localhost:3030/api/asset-list' from origin 'http://localhost:3000' has been blocked by CORS policy: Request header field lang is not allowed by Access-Control-Allow-Headers in preflight response.
问题解析:
前端服务器fetch.js请求后端服务器api报跨域问题
前端服务器:3000,后端服务器:303 ...
报错说明:
bog.js:35 [ERROR] [2018.10.24 10:58:47] 127.0.0.1 [uuid] [thread] [class] - API Error: Body not allowed for GET or HEAD requests with UUID: 49ece288-7a32-4cbe-a421-1439f8ff3f6b when calling /xxx.com/get-xxx
事件分析:
》排查bog.js line35,bog.js是无辜的啦,明显我只是输出日志的工具而已。
》排查uuid,查看GitHub issues和源代码, ...
安装清单:
Java JDK
Nodejs / npm
Git
Yarn
MS Vs code
apache-maven mvn
JDK安装配置环境变量:
下载:
https://www.oracle.com/technetwork/java/javase/downloads/jdk11-downloads-5066655.html
并解压到非中文的目录
JAVA_HOME=D:\Java\Java\jdk1.6.0_24
CLASSPATH=.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar ...
报错内容可能不一样:
gyp: Call to './util/has_lib.sh freetype' returned exit status 0 while in binding.gyp. while trying to load binding.gyp
gyp ERR! configure error
gyp ERR! stack Error: `gyp` failed with exit code: 1
gyp ERR! stack at ChildProcess.onCpExit (/home/xxx/.nvm/versions/node/v7.8.0/lib/ ...
依赖关系:
"webpack": "^4.12.0",
"webpack-cli": "^3.0.3",
"vue": "^2.5.16",
"vue-loader": "^14.2.2",
Webpack配置output内容:参考
// :关键点:
const publicPath = isProd ? '/vue/' : '/';
output: {
path: path.resolve('d ...
Webpack 编译vue项目的stylus样式的时候报错:
首先通过:<style src="./sprite.styl" lang="stylus"></style>
标签方式引入stylus报错如下:
jsCssSyntaxError { name: 'CssSyntaxError', reason: 'Unknown word',
后面通过script import './sprite.styl' 定位到错误的地方
sprite.styl)
Module build failed: ...
背景:
2018-04-11写道
由于前端在加载非本域名的图片或其他文件资源,会报跨域问题,基于这个问题出发点,想到nodejs koa框架做静态资源转发功能。
跨域报错如下:
1597:1 Access to Image at 'https://xxx.com/static/image/9985@bg.jpeg?'
from origin 'https://xxx.com' has been blocked by CORS policy:
No 'Access-Control-Allow-Origin' header is present on the request ...
2018-04-11写道
今天测试环境JSEncrypt加密算法无缘返回 false,导致加密算法错误,无法正确调用接口。
加密代码片段:
var ras = new JSEncrypt();
ras.setPublicKey('MIIBxxxxB');
console.log(ras, ras.encrypt(222));
此段代码在生产环境好好的,正确返回加密结果:ras结构:
测试环境返回加密结果为:false
Chrome Debug调试结果:
经过debug调试,不断回滚代码,发现与 base64 代码有冲突,导致 ...
Js Canvas画图加载远程连接报错:
Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.
报错Screenshot
尽管没有CORS授权也可以在 canvas 中使用图像, 但这样做就会污染(taints)画布。 只要 canvas 被污染, 就不能再从画布中提取数据, 也就是说不能再调用 toBlob(), toDataURL() 和 getImageData() 等方法, 否则会抛出安全错误( ...
问题原因:
css transform translate3d导致字体模糊,目前已知bug,chrome暂未解决
当元素进入GPU中渲染时,在Chrome35+中的字体为grayscale渲染,IE11和FF30保持sub-pixel渲染不变。若transform值函数(如translate3d(), scale(), rotate()等)中的参数为非整数,会导致字体模糊。
例如:transform: translate3d(82.5px, 0px, 0px);
由于translate3d的x的值为非整数导致文字不清晰,见图:
目前变相解决方案:
transfor ...
1,创建canvas对象
// method 1
document.createElement('canvas')
// method 2
<canvas id="canvas" />
document.getElementById('canvas')
2,设置大小并初始化上下文
canvas.width = 341;
canvas.height = 512;
var ctx = canvas.getContext('2d');
3,在canvas上面添加文字,若有图像,最后添加文字,避免被覆盖
c ...