上节课的时候我们已经讲了什么是函数,实际上,函数在功能上就类似于css的class一样,将一段代码包裹起来使用。为了让函数的功能更加的丰富和实用，我们需要用到的就是函数传参。我们已经提过，JS将参数放在函数名后的圆括号内，而为了具体说明参数怎么使用，我们举一个小例子。我们在HTML页面中放入一个...

  说起变量，我们不得不提起我们有一部比较古老的电视剧叫《包青天》。包青天有一把非常厉害的宝剑叫“尚方宝剑”，见到尚方宝剑有如见到皇帝。某种程度来说，变量具有类似于尚方宝剑的特性。我们对第一课末的代码进行如下修改：functiontoGreen(){varoDiv=document.getEleme...

  如今我们打开一个大型的网站，都会有很多JS效果的功能和应用。对于学过CSS+HTML的同学，即使是像淘宝那样的网站，用一两天时间也可以将布局写出来。但对于一个网页来说，除去CSS，HTML这样描述静态布局的元素外，还有诸如弹窗，幻灯，编辑等很难用纯粹的CSS+HTML实现的功能，而这些都是通过J...

推荐GitHub上9月份最受欢迎的10个JavaScript开源项目，在这些项目中，你有在用或用过哪些呢？  1.基于Promise的HTTP客户端Axioshttps://github.com/axios/axios Stars27786 Axios，基于Promise的HTT...

拒绝盗版，从你我做起【源码圈】众胖友协作完成希望书单能在你想要进一步打怪升级的路上，给予些许帮助建议先收藏本书单，认真啃完一本再买下一本，扎实走完每一步部分书籍关联相关博客和微信公众号，让你更嗨皮如果对你略有帮助，烦请分享给你的基友与君共勉，若有合适的书籍，请一定告诉我，谢谢分类困难因而没分。大体顺序，编程开发=>...

使用纯CSS生成的照相机效果，相关CSS代码如下： .container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius...

前端的JS和CSS类库日新月异，在今天这篇介绍中，我们将精挑细选15款超棒的JS/CSS类库，希望大家在开发过程中会觉得有帮助~    基于Bootstrap4的一套UI类库，CoreUI是一套admin的管理模板，提供了高定制化的解决方案来创建控制模板和平台。这有几种不同的版本...

文章首发于 szhshp的第三边境研究所 ，转载请注明先来看几道面试题，公司的开发们都尝试做了一下，然而基本没有人能够全部答对。覆盖的考点很多，也有一些难度，题目挺有意思建议手动执行一边玩玩。for(vari=0;i<5;i++){setTimeout(function(){console.l...

奇技淫巧：指过于奇巧而无益还让人着迷的技艺与制品。And（与）&Or（或）|ExclusiveOr（异或）或者称Xor^Not（非）~位运算符，我们在日常js开发中其实说真的，很少会用到，甚至可以说有相当一部分的javascripter完全不知道位运算符但是我们日常中肯定常常会用到 '&&am...

在线演示本地下载使用stellar.js可以帮助开发者快速的生成基于移动设备的视差滚动效果。使用简单的data属性定义即可生成相关视差效果。...

在线演示本地下载请使用手机直接访问地址：单独页面展示效果...

来源：GBin1.com使用CSS3实现的不同图片加载动画效果，支持响应式，非常适合针对瀑布流布局图片动态加载特效进行增强！HTML<ulclass="grideffect-4"id="grid"><li><ahref="http://drbl.in/fWMM"><imgsrc...

来源：GBin1.com今天介绍这款超棒的Javascript类库是-Tracking.js，它能够独立不依赖第三方类库帮助开发人员动态跟踪摄像头输出相关数据。这些数据包括了颜色或者是人，这意味着你可以通过特定的颜色或者人物的移动或者脸部来触发javascript事件。相信如果接触过Kinect或者Wii的朋友肯定能够...

来源：GBin1.comtwo.js是一个帮助你实现绘图和动画效果的类库，同时支持三种前端绘图实现：webglsvg2d画布使用这个类库，可以方便的支持这三种不同的实现，你只需要设置参数：Two.Types.canvas,Two.Types.svg,orTwo.Types.webgl下面是使用two.js生成的一个动画...

来源：GBin1.comjQuery以其强大的功能和简单的使用成为了前端开发者最喜欢的JS类库，在这里我们分享一组实用的jQuery代码片段，希望大家喜欢！$(document).ready(function(){$("a.topLink").click(function(){$("html,body").animat...