clientwidth(后台调用windowopen)

clientwidth，后台调用windowopen？

cs16控制台所有代码？

adjust_crosshair 每打一次准心就会换颜色，共有五种颜色

ah 1 设定是否开始自动说明

cl_allowupload 1 允许用户方上传自己的数据如logo

cl_allowdownload 1 允许用户方自动下传sever的数据如map

cl_download_ingame 1 允许用户方在game中自动下传sever的数据,如logo,map

cl_cmdrate 30 modem用户设30,宽带设40~50,Lan=50

cl_lw X 有无武器的动画,最好设x=1

cl_lb 0 此项与血渍有关,设1比较真实,但会减低速度

cl_lc x 和cs的新的网络技术有关,最好设x=1

cl_hidefrags 1 设定是否隐藏除了自己以外其它人的杀敌数与死亡数

cl_observercrosshair 1 设定在观察员模式的时候是否要开起准星

cl_updaterate 20 上传速度,如果是宽带设30~40,如果在比较多人的站设25, modem=15,Lan=50

con_color 255 155 50 HUD的颜色(RGB)

dm 1 设定1来开启游戏开始时的讯息介绍

drawradar 显示雷达,有时雷达会突然消失,就可以用

fastsprites 0 烟雾特效，0逼真，1像超任，2像GameBoy

fps_max X x=1~100,游戏输出给显示卡的最大fps数，内定为72，有不顺或鼠标一动就滑来滑去的情形时，把他设低会有很大的改善

hideradar 关闭雷达(测试你懂不懂得辨认队友，以免tk)

hud_centerid 0 设定为1时，玩家ID会出现在屏幕的正中央。否则会出现在画面的左下角。

hud_fastswitch 0 快速换武器，按数字直接换不用再按鼠标

keys 显示自己的CD-KEY信息

kill 自杀!!

lefthand 0 设定屏幕上的玩家是左撇子，或是右撇子。

listmaps 显示server的地图排程

listplayers 显示大家的编号与姓名

maps (字母) 列出已安装之地图档名,(只列出指定字母开头的文件名，*为所有地图)

max_shells 50 子弹的最大显示数量(太多会lag...)0-500

max_smokepuffs 50 烟雾弹的最大显示数量，0-500

name 新名字换名字，活着的时候才能用

nightvision 开关夜视镜

rate 2500 从server接受信息的速度，太大太小都会lag，要选适合的

setinfo ah 1 是否提供自动说明的功能

setinfo dm 1 换地图后开启地图的简介

setinfo ghosts 0 观察模式时是否鬼魂关掉,对lag有帮助

setinfo lefthand 0 设定屏幕上的玩家是左撇子，或是右撇子。

setinfo vgui_menus 1 图形化选单开关

sizedown 缩小屏幕

sizeup 放大屏幕

timeleft 让你知道还有几分钟换地图

version 显示版本信息

vote 编号对TKer,Camper还有Cheater投票,过6成的人投票就行

votemap 地图名玩家可以投票投下一张地图

sensitivity X 鼠标速度0.1-不限?(20是config的最大值)

zoom_sensitivity_ratio 设定使用狙击镜时鼠标移动速度

ping 显示Server ping client值

pingservers 显示Client ping server值

net_graph x 打开测FPS与联机速的工具 x=1开 x=0关,开起此项多少会减少fps

net_graphpos x 工具的位置 x=1,2,3

net_graphwidth 192 工具的大小

volume 0.8 调整音量大小,实际音量为(volume/hisound)

hisound 1.000000 设定音量最大值,实际音量为(volume/hisound)

bgmvolume 1.000000 背景音效音乐之音量大小

disconnect 离开游戏,保持在CS console状态

exit 离开游戏,关闭CS,回到桌面

quit 离开游戏,关闭CS,回到桌面

reconnect 不离线直接重组联机

retry 离线并重新联机

connect IP 联机到指定Serve

pc端最小页面宽度？

首先在<body>后面插入一个<div>：

<body>

然后在CSS定义里面定义最小宽度为600px：

#container

{

min-width: 600px;

width:expression(document.body.clientWidth < 600? "600px": "auto" );

}

第一个属性是最小宽度定义的标准写法；第二个属性则是只有IE能够理解的javascript表达式。你也可以同时设定页面的最大最小宽度：

#container

{

min-width: 600px;

max-width: 1200px;

width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? "1200px" : "auto");

}

如何实现一个下载进度条？

技术上没太大难度，有难度的地方是怎么让整个动画比较流畅。一个主要问题是动画的滞后性:当下载进度到某个点的时候，你再用250ms的动画过渡过去，这个时候已经慢了，所以很多人可能因为这个原因或者嫌麻烦，直接就不做动画了，在进度事件触发的时候直接更新进度条相应的位置，不过我们可以尝试实现一下。

最后做出来的效果如下图所示:

小狗奔跑的动画是一个lottie动画，来自codepen。

1. 获取下载进度

ajax里面可以拿到下载进度，如下代码所示:

let xhr = new XMLHttpRequest(); const downloadUrl = 'installer.dmg'; xhr.open('GET', downloadUrl, true); xhr.addEventListener('progress', function (event) { // 响应头要有Content-Length if (event.lengthComputable) { let percentComplete = event.loaded / event.total; console.log(percentComplete); // 最后输出1 } }, false); xhr.send();

前提是响应头里面有Content-Length这个字段告知当前文件的总字节数，如下图所示:

一般CDN都会有这个字段。拿到下载进度之后便可用来换算宽度或者位置。

2. 没有动画的loading

如果我们不做动画，直接设置translate位置，那么看起来是这样的:

代码如下所示:

let percentComplete = event.loaded / event.total; let left = containerWidth * percentComplete; // 狗的位置直接设置translate dogBox.style.transform = `translateX(${left}px)`; // 进度条的位置也是translate，一开始是用translateX(-100%)挪到外面去 currentProgressBar.style.transform = `translateX(${percentComplete * 100 - 100}%)`;

在我们这个例子里面会显得特别突兀，一卡一卡的感觉，如果没有上面那条狗可能还会好一点。所以我们给它加个transform动画。

3. 加上transform动画

transform动画怎么做呢?方法有很多:jQuery的animate、Web Animation、requestAnimationFrame、CSS动画结合JS控制、其它第三方动画库等等，我比较喜欢用原生Web Animation。

由于progress event触发得比较快，加上做动画的话不需要触发得那么快，所以给它加一个节流。如下代码所示:

// 最快250ms触发一次 function throttle (func, limit = 250) { let inThrottle = false; return function() { const args = arguments; const context = this; if (!inThrottle) { func.apply(context, args); inThrottle = true; setTimeout(() => inThrottle = false, limit); } } } function onDownloadProgress (event) { } xhr.addEventListener('progress', throttle(onDownloadProgress));

当然你不加节流也是可以的，这里只是一个优化。

做transform动画的逻辑便在上面的onDownloadProgress这个函数里面处理，如下代码所示:

上面动画的时间为250ms和节流的时间保持一致，这样下次触发的时候上次的动画差不多刚好做完(实际上是慢了一点)。并且每次触发动画的时候都是获取当前的translate位置，做为本次动画的起点，这样可以保证动画的连贯性。

另外，由于我们使用了节流很可能会导致最后的那次100%的触发丢了，所以需要在完成的时候手动调一下onProgressDownload，否则会没有完成态。

如果是播放进度条的例子，需要监听video/audio元素的timeupdate事件，这个事件的触发约250ms(实测)触发一次，可以不用节流。

效果如下图所示:

我们发现在最后数字已经显示总大小了即已经下载完成了，但是那条狗离终点还有段距离，在我们这个例子似乎没那么明显，不仔细看还看不太出来。但如果下载速度很快的时候这个问题会更加明显，在播放进度条的例子便是如果进度条很长，但是播放的视频只有10几秒，那么应该也会比较明显。

一个简单的解决方法是假定下一个250ms的下载速度保持一致，每次运动的时候都提前运动250ms，如果在播放video的例子里面这个假定几乎是对的，因为比较匀速，而下载速度不可控，但在连续相同很短的时间内我们估且认为是一样。

所以我们可以记录一下上一次的位置，然后加多一个偏移，如下代码所示:

let diffX = (event.loaded - lastMB) / event.total * containerWidth; // 在原本的基础上再加多一个偏移(且不能超过容器的宽度) let left = Math.min(containerWidth, containerWidth * percentComplete + diffX); lastMB = downloadedMB;

这样就比较对得上了，效果如下图所示: