180分钟的视频让我写半天的代码

观视频《月薪4万的程序员有多强?半小时原生JS开发打气球游戏,征服现场数万人!》

清晨,日常打开B站,被首页此视频的标题所吸引,虽一看就是标题党,但还是没能抑制住好奇心。
视频共计60*3分钟,学习到了很多东西。其中后半部分有许多正三观的见解也非常认同。
视频地址:https://www.bilibili.com/video/av15152538/
参考视频写的demo:https://coding.net/u/yimocoding/p/WeDemo/git/tree/气球大战

js

echarts使用记录

ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类库 ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。
ECharts 3 中更是加入了更多丰富的交互功能以及更多的可视化效果,并且对移动端做了深度的优化。

一、 echarts下载

下载页:http://echarts.baidu.com/download.html
图片

二、使用三步走

  1. 在页面中指定一个div并指定宽高:<div style="width:100%;height:500px;" id="map_charts"></div>
  2. 页面中引用js<script type="text/javascript" src="echarts.min.js"></script>
  3. 页面加载完毕后调用代码初始化 option参数配置见文档:http://echarts.baidu.com/option.html
    1
    2
    3
    var myChart = echarts.init(document.getElementById('map_charts'));//一个div只能有一个实例
    var option={}//..图表的配置
    myChart.setOption(option);

js实用方法记录-指不定哪天就会用到的js方法

js实用方法记录-指不定哪天就会用到的js方法

常用或者不常用都有

判断是否在微信浏览器中

测试代码:isWeiXin()==false

1
2
3
4
5
6
7
8
9
10
11
/**
* 是否在微信中
*/
function isWeixin() {
var ua = navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == "micromessenger") {
return true;
} else {
return false;
}
}
js

js实用方法记录-简单cookie操作

js实用方法记录-简单cookie操作

设置cookie:setCookie(名称,值,保存时间,保存域);
获取cookie:setCookie(名称);
移除cookie:setCookie(名称,值,-1,保存域);

设置cookie

测试代码:setCookie('test','hello') //保存session级的cookie到根域
测试代码:setCookie('test','hello',30,false) //保存30天且保存到当前全域名

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
/**
* 设置cookie
* @param {string} name cookie名称
* @param {string} value cookie值
* @param {number}[expiredays=null] 过期时间 默认session级别 <=0移除cookie
* @param {bool}[saveRoot=true] 保存的域 默认根域
*/
function setCookie(name, value, expiredays=null,saveRoot=false) {
var exdate = new Date();
exdate.setDate(exdate.getDate() + expiredays)
var cookie = name + "=" + value + ';path=/' + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString());
if(saveRoot){
//适用于一级,二级,本地域名
var domain =((location.host.match(/\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}/g) || location.hostname=='localhost')? location.hostname:('.' + (location.host.split('.')[2]!=undefined?(location.host.split('.')[1]+'.'+location.host.split('.')[2]):location.host)));
cookie+=(';domain='+domain);
}
document.cookie = cookie;
}
js