前端
关注
分享
扫一扫
幽默的荆轲君
今天就是生命——是惟一你能确知的生命。
展开
-
vue-cli 3.0版本安装遇到的一点问题
npm之前我给装到了f盘，后来我发现，只要是全局安装。全都安装到了c盘。之前没有关注这个问题，中途重装过一次电脑。昨天装vue的时候，发现vue2.9.6版本一直卸载不掉。想装个最新的却一直装不上。就去查这个问题。然后记录一下。step1:首先要用npm root -g查看一下全局安装位置。npm config set prefix "D:\Program Files\nodejs\node_modules\node_global"npm config set cache "D:\Program F原创 2020-09-21 09:55:58 · 388 阅读 · 0 评论 -
javascript代码规范及格式化工具
我使用vscode，vscode自带的有格式化的方法，但是使用起来并不是很方便。我发现同样的是js代码。有的文件可能会按四个空格格式化，有的会按两个空格格式化。我查了一个可以按照文件的类型配置缩进。但是依然没法把一些语法规则给规范了。这个时候可能要用eslint，但是这个也需要配置一堆，也不太方便。就在网上找了一下https://standardjs.com/readme-zhcn.html使用standardjs来搞定这个，安装很简单。npm install --save-dev standa原创 2020-05-28 10:47:01 · 945 阅读 · 0 评论 -
函数的返回值是promise<pending>怎么解决？
之前貌似很少写过promise, async, await相关的内容。我大概知道await使用的时候，函数必须外边有async. 我今天写函数的时候，写了一个函数，然后调用的时候，发现返回的是promise<pending>的状态。但是我在调用的函数里面打log, 是能打出来结果的，搜了很长时间才找到答案。最后也解决了。这里记录一下：var rs={score:0}; var g...原创 2020-03-27 21:21:35 · 30211 阅读 · 1 评论 -
网页如何无人值守自动刷新
早上来看到我们公司的产品投了公司内部的网页在屏幕上，但是网站并不会自动刷新。然后我就说写个脚本就好了。因为他不会写，所以我就代劳了。特别简单的方式如下：<html><head><meta http-equiv="refresh" content="60"></head><frameset><frame src="www...原创 2020-01-04 11:50:35 · 592 阅读 · 0 评论 -
ant-design-pro前端项目上传七牛整理
要上传图片到七牛，或者有多组图片需要上传到七牛，应该怎么做？const beforeShopUpload = (file, shopImg)=>{const {token} = this.props;this.setState({shopIcon:[]});const {shopIcon} = this.state;要获取token. getQiniuToken = () =&...原创 2019-12-05 19:31:40 · 591 阅读 · 0 评论 -
electron window安装问题整理
electron window安装的时候，首先你的node版本得是8以上。然后我这里遇到了两种问题。第一种问题：卡在了code-js那块解决方法：找到.npmrc加一行ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/第二个问题：卡在一个zip文件权限上。解决方法：下载electron 6.0.0版本即可。参考:...原创 2019-12-02 20:54:43 · 367 阅读 · 0 评论 -
ES6 箭头函数整理
先上一段代码，功能是传入一个数组，然后每个数都乘以2返回。const numbers = [1,2,3,4,5];const double = numbers.map(function(number){ return number * 2})console.log(double1);如果使用箭头函数改写呢？let numbers1=[1,2,3,4,5];let double1=...原创 2019-11-07 10:47:52 · 191 阅读 · 0 评论 -
百度统计事件整理
使用百度进行统计，我用到了两块。这里记录一下。第一部分首先是baidu提供的一段js代码。参考百度文档：https://tongji.baidu.com/web/help/article?id=175&type=0这里面提供的统计代码是统计是否到达当前页面的。第二部分这一部分建立在第一部分基础之上。http://tongji.baidu.com/open/api/more...原创 2019-11-07 10:03:01 · 1041 阅读 · 0 评论 -
Ant Design 方法默认传值，加上其他参数
Ant Design里面的一些触发方法，如OnChange,OnSelect等等，当你触发时，该时间会自动传一些值给方法。这是Select里面的onChange调用，在红框中，他会自动传Option的value值给你写的方法。但如果，你想在这个调用中除了传固有的值，还想传你自己相传的参数呢？如果直接写 onChange={this.onChange(你要传的参数)}，他会用你要传的参数覆盖掉...转载 2019-11-07 07:29:43 · 1761 阅读 · 0 评论 -
js如何发起一个get/post请求？
js如何发起一个get/post请求？如果单纯的是js, 需要用到Nodejs.这里不安装直接使用了。发起get/post请求之间需要安装requestnpm install --save request发起一个get请求var request = require('request');request('http://www.baidu.com', function (error, ...原创 2019-11-05 13:59:31 · 1008 阅读 · 0 评论 -
前端知识整理
jquery 如何控制控件。如果修改的是left, top. 需要加上position. 例如：$("#tooltip").css({top":(e.pageY+20)+“px”,“left”:(e.pageX+10)+“px”});不起作用。查找原因才发现跟元素的定位类型有关，改为$("#tooltip").css({“position”: “absolute”,“top”:(e.pag...原创 2019-08-15 16:49:37 · 178 阅读 · 0 评论 -
babel 打包整理
今天一天在解决兼容的问题。走势图里面有的手机打不开。因为这个项目一开始就没用react, umijs 这些已经直接上手写业务逻辑的库。然后就需要自己打包，自己编译es6变成es5. 编译之后移动到指定目录下。很（快）是（崩）享（溃）受（了）没办法，没有前端工程师，不懂webpack 也只能硬上。 遇到一堆问题。还好问题解决了，这里整理一下。出问题的是苹果手机。无奈我的电脑是window系统的，配...原创 2019-08-07 20:34:43 · 879 阅读 · 0 评论 -
页面没有加载完，添加一个文字loading优化体验
<!DOCTYPE html><html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <script src="http...转载 2019-07-30 10:15:39 · 558 阅读 · 0 评论 -
webpack打包整理
webpack无法通过 IP 地址访问 localhost 解决方案经多方查询，在 npm run dev 时添加参数 --host 0.0.0.0即可。这里我测试之后，发现还是不行，因为用的是window开发，可能与本地防火墙有关，我把windows的防火墙给关了，后来就可以正常访问了。这样修改之后就会自动刷新，特别方便！！！webpack打包整理：首先是拷贝， 把public 下的文件...原创 2019-07-25 10:49:38 · 204 阅读 · 0 评论 -
使页面滚动条自动滚到底部
第一种方法<body onload="document.body.scrollTop = document.body.scrollHeight"> 第二种方法:使用javascript的scrollTonto View方法<body onload=slt1()> <script language=javascript> function slt1()...转载 2019-07-17 09:56:23 · 2012 阅读 · 0 评论 -
选号工具项目整理
这个项目确实花了不少时间，写了n多的代码实现了选号工具，除了问一下样式和调用现有的服务器接口，别的东西都是一行一行敲出来的。特别的感谢同事朋友们的帮助，虽然也有做的不完美的地方，比如应该用rem的，但是用的百分比，导致很难控制，有些样式比较糟糕。umijs确实特别的棒，这个项目做完之后，感觉很多东西都能做了，虽然做的东西也比较简单。当然，还是有很多东西需要反思的，比如项目开始的时候，如何写一个组...原创 2019-06-28 20:59:15 · 725 阅读 · 0 评论 -
前端的部分整理
react的粘贴。前几天发过一篇react 复制变量到剪切板。当时就随便搜了一个就去用了。功能都有，但是有一个问题，它不支持换行，而我做的选号工具复制的时候对换行又有要求，必须能复制换行。所以就需要换一个，这里又找到一个支持换行的react工具——react-clipboard. https://www.npmjs.com/package/react-clipboard.js用例：impor...原创 2019-06-27 23:07:33 · 109 阅读 · 0 评论 -
react 复制变量到剪切板
installnpm install copy-to-clipboarduseimport copy from 'copy-to-clipboard';copyUrl = () =>{ copy(this.props.url); message.success("复制成功"); }参考：https://blog.csdn.net/wyk304443164/articl...转载 2019-06-12 06:52:48 · 907 阅读 · 0 评论 -
前端项目开发整理
部署整理cnpm install cnpm run build完成了这一步之后，代码中会有一个dist的文件夹。然后在部署的时候完成nginx相关的部署即可。nginx 的相关整理。upstream app_name{ server 127.0.0.1:1234; server 127.0.0.1:1235; # 这里的域名/ip 和端口是服务端的端口，服务端可...原创 2019-02-18 14:57:45 · 1501 阅读 · 0 评论