Skip to content

oakland/Vanilla-JS-Practice

Repository files navigation

Vanilla-JS-Practice

Some simple demos using native JS

本仓库的目的

创建本仓库的主要目的,就是使用原生 JS 来实现一些常见的功能,从而加深对 JS 的理解。如果大家喜欢的,可以 star,也可以 fork 之后再 pull request,通过共同的努力让这个仓库更加强大。

如何察看html文件效果

本仓库大部分的内容是通过在 html 文件中添加 script 标签来书写 js 代码,大家打开某个 html 文件看到的是代码,那么如何才能看到这个 html 在浏览器上打开之后的效果呢?如下所述:

在项目源代码页面链接前加上https://htmlpreview.github.com/?即可察看当前html文件效果。

例如,我的2-moveUpDownLeftRight的html文件地址是:

https://github.com/oakland/Native-JS-Practice/blob/master/2-moveUpDownLeftRight/moveUpDownLeftRight.html

如果我想直接在网页上看效果,那么在这个网址前加上https://htmlpreview.github.com/?,即打开

https://htmlpreview.github.io/?https://github.com/oakland/Native-JS-Practice/blob/master/2-moveUpDownLeftRight/moveUpDownLeftRight.html

就可看到最终的页面效果。

经典的案例和专题文章

JS 在应用方面也有很多经典的案例和专题文章值得阅读,下面就是我在逐渐修建这个仓库的过程中找到的一些比较好的文章,值得阅读。

Animation,详细讲解了 JS 实现动画的一些方式以及贝塞尔曲线的一些简单的实现。

setTimeout-setInterval


todos

  • js 判断回文

About

Some simple demos using vanilla JS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published