qiaolevip
- 浏览: 4856461 次
- 性别:
- 来自: 上海
-
最新评论
-
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 ...