做为一名前端开发人员,有哪些值得一读的JS代码

JavaScript024

做为一名前端开发人员,有哪些值得一读的JS代码,第1张

既然是值得一读的JS代码,那么肯定是能提高工作效率、提升开发水平的代码。下面给大家推荐一部分值得一读的代码:

1.用IE重起计算机或者关机,代码如下:

<script language="JavaScript">

var Application=new ActiveXObject('Shell.Application.1')

</script>

<button οnclick=Application.ShutdownWindows()>关机</button><br>

<button οnclick=Application.Suspend()>挂起</button>

2.一种在父窗口中得知 window.open()出的子窗口关闭事件的方法(定时器实现) ,代码如下:

</script>

<input type=button name=btnOpen value=open>

<script language=javascript for=btnOpen event=onclick>

document.fm_Info.txtValue.value=""

winOpen=window.open("child.htm","","toolbar=no, location=no, directories=no, status=no, menubar=no" )

timer=window.setInterval("IfWindowClosed()",500)

</script>

3.用javascirpt在<TEXTAREA>中插入元素(光标位置),代码如下:

<SCRIPT>

function storeCaret (textEl) {

if (textEl.createTextRange)

textEl.caretPos = document.selection.createRange().duplicate()}

function insertAtCaret (textEl, text) {

if (textEl.createTextRange &&textEl.caretPos) {

var caretPos = textEl.caretPos

caretPos.text =caretPos.text.charAt(caretPos.text.length - 1) == ' ' ?text + ' ' : text}else

textEl.value = text

</SCRIPT>

每个前端开发者的出发点不同,选择读取的代码肯定也有所不同。根据自己欠缺的方向,找准对应的优秀开源项目,才能提升代码水平。

从Git上Clone好项目后,目录结构如下:

src - 我们主要看的部分,包含了所有源码。

editor - 如果有自己做webgl webIDE的计划,可以参考一下。threejs的IDE多少年没变过了,功能很少也不太好用。

docs - 所有的教程和api文档,文件夹内有index页面可以直接本地浏览,比较方便,省的连外网了。

examples - 所有示例的源码,每个html文件的名字就是示例的名字,可以直接在本地运行。

build - 打包后的源码,一个是按module加载的,一个是整体加载的。

threejs源码中的每个类几乎都有2个文件。一个是ts文件,用来声明方法和变量,一个是js文件,用来实现。最终在打包输出的时候,都会被编译成js语法。

在本系列文章中,我们重点解读js文件中的内容,ts文件中的声明内容作为辅助,帮助我们理解每个js文件的大结构和功能。