typeScript的类

private 私有修饰符,当类中的变量被设置为private时,只能在类中进行调用,而不能向外暴露

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
class Box {
private keyValue:number;
x:number;
y:number;
constructor(_x:number,_y:number){
this.keyValue = 10;
this.x = _x;
this.y = _y;
}
}

let a = new Box(1,2);

console.log(a.x);
console.log(a.keyValue); //=> error

阅读更多

wget范例

如何通过规则性计算,下载符合特定规则的图片,就譬如,下载大量图片

1
2
3
4
5
6
num=600
while(($num<900))
do
wget -r -p -U Mozila "http://www.abc.com/d/7541228${num}.jpg"
let "num++"
done

使用wget下载整个网站

1
wget -c -r -np -k -L -p -U Mozila "http://abc.com/a/"

参数说明:
-c 断点续传
-r 递归下载,下载指定网页某一目录下(包括子目录)的所有文件
-nd 递归下载时不创建一层一层的目录,把所有的文件下载到当前目录
-np 递归下载时不搜索上层目录,如wget -c -r www.xxx.org/pub/path/
没有加参数-np,就会同时下载path的上一级目录pub下的其它文件
-k 将绝对链接转为相对链接,下载整个站点后脱机浏览网页,最好加上这个参数
-L 递归时不进入其它主机,如wget -c -r www.xxx.org/
如果网站内有一个这样的链接:
www.yyy.org,不加参数-L,就会像大火烧山一样,会递归下载www.yyy.org网站
-p 下载网页所需的所有文件,如图片等
-A 指定要下载的文件样式列表,多个样式用逗号分隔
-i 后面跟一个文件,文件内指明要下载的URL

TypeScript的基本类型

这两年的时间,花费了太多时间在图形绘制上,自来友为以后,由于我们这个行业的特殊性,所以前端领域在这个H5时代,主要是承接上个时代Flash的工作,所以从svg到canvas,从canvas到webgl,却较少的精力投入到DOM中,一次偶然的机会,接到一个类似APP的web项目,留个自己的时间很少,使用相对比较传统的技术完成,

阅读更多

在atom增加自定义的文件类型

找到atom的config.cson,写入

1
2
3
4
5
6
7
8
9
10
11
12
customFileTypes:
"source.css": [
"wxss"
]
"source.js": [
"wxs"
"ts"
]
"text.html.basic": [
"wxml"
]
#以上代码显示,我添加了4个了类型,分别是小程序的3个类型,还有一个TypeScript类型,分别延用传统html/css/js格式

然后保存,即可在着4中文件类型中实现高亮

MAC写入USB启动盘

首先,先抹掉USB设备的内容,最好格式化为MS-DOS格式,然后卸载USB设备;

其次,假设ISO文件路径为/Path/A.iso ,而我需要输出的USB路径为/Path/USB

最后,打开终端,运行以下命令

1
2
3
4
5
sudo dd if=/Path/A.iso of=/Path/USB bs=10m

#参数if- 输入文件名,就是iso的文件名
#参数of- 输出文件名
#参数bs- 同时设置读写块的大小,单位是bytes

等待结束,就可以安装啦

在Mac的旧设备中开启AirDrop

运行 Terminal,并执行以下命令:

1
defaults write com.apple.NetworkBrowser BrowseAllInterfaces 1

如果你以后希望关闭AirDrop,则执行

1
defaults write com.apple.NetworkBrowser BrowseAllInterfaces 0

如果你在Mac上开启了AirDrop,则直接在Finder中可以找到AirDrop

正则表达式获取img的src

首先从后端获取到一堆没有过滤的html标签,通过正则表达式获取每个img标签的src地址

JS

1
2
3
4
5
6
7
8
9
10
11
12
var str = gameData.content;
var imgReg = /<img />]*src=['"]([^'"]+)[^&gt;]*&gt;/gi;
var srcReg = /src=['"]?([^'"]*)['"]?/i;
var arr = str.match(imgReg);
var imgsrc = [];
for (var i = 0; i &lt; arr.length; i++) {
var src = arr[i].match(srcReg);
if(src[1]){
imgsrc.push(src[1]);
}
};
console.log(imgsrc);

微信内视频播放代码片断

如果经常做微信H5开发,如果你做个视频嵌入到H5中,在IOS或者Android中是有很多坑的,特别是在Android中,会调用QQ播放器,而且你找不到文档,但是这个代码可以帮你。

DOM

1
<video id="video" preload="false" autobuffer="true" webkit-playsinline="true" playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-orientation="portraint" src="video/video.mp4" poster="images/movieStart.png"></video>

CSS

1
2
3
4
5
6
7
8
9
video#video {
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
object-fit: fill;
object-position: 0px 0px;
}

JS

1
document.getElementById('video').play();