JavaScript - 分享生活和学习中的点点滴滴

前端技术 2023/09/06 JavaScript

先给大家展示下效果图，具体效果图如下所示，如果大家觉得还不错，请参考实现代码：代码如下： <!DOCTYPE html> <html> <head> <meta charset=\"utf-8\" /> <...

前端技术 2023/09/06 JavaScript

querySelector 和 querySelectorAll 方法是 W3C Selectors API 规范中定义的。他们的作用是根据 CSS 选择器规范，便捷定位文档中指定元素。目前几乎主流浏览器均支持了他们。包括 IE8(含) 以上版本、 Firefox、 Chro...

前端技术 2023/09/06 JavaScript

有时我们需要做一个单页面介绍产品特性，而单页面内容非常多且页面非常长，为了快速定位到产品特性节点，我们使用js侦听用户滚轮事件，当用户触发滚轮滑动或者使用手势触屏滑动时，即可定位到相应的节点。一款jQuery插件叫Scrollify帮我们做到了。 Scrollify需要jQue...

前端技术 2023/09/06 JavaScript

事件对象是用来记录一些事件发生时的相关信息的对象。事件对象只有事件发生时才会产生，并且只能是事件处理函数内部访问，在所有事件处理函数运行结束后，事件对象就被销毁！ W3C DOM把事件对象作为事件处理函数的第一个参数传入进去 IE将事件对象作为window对象的一个属性（相当...

浅析Bootstrap验证控件的使用

前端技术 2023/09/06 JavaScript

废话不多说，本文大概给大家分享两块代码，第一块前端HTML代码，第二块js代码，代码简单易懂，关键代码如下所示：前端HTML代码 <form id=\"myForm\" method=\"post\" class=\"form-horizontal\" acti...

前端技术 2023/09/06 JavaScript

实现原理：当色子掷出后，通过jQuery的animate()函数改变色子位移，中间加入延时效果，并变换色子背景，最终动画运行到随机产生的点数时停止，并显示掷出的点数。其实就是动画过程加入多个不同图片的帧（同flash动画影片中的帧），帧数越多效果越好，然后逐帧运行后就形成了动画...

前端技术 2023/09/06 JavaScript

由于一直在使用，所以了解了下seajs的源代码。这里是我对下面几个问题的理解： 1、seajs的require(XXX)的方法是怎样实现模块加载的？ 2、为什么需要预加载？ 3、为什么需要构建工具？ 4、构建前后的代码究竟有些什么区别，为什么要这么做？问题1： seajs的r...

JQuery创建DOM节点的方法

前端技术 2023/09/06 JavaScript

本文实例讲述了JQuery创建DOM节点的方法。分享给大家供大家参考。具体分析如下：用JQuery选择器能够快捷而轻松地查找到文档中的某个特定的元素节点，然后可以用attr()方法来获取元素的各种属性的值。但真正的DOM操作并非这么简单。在DOM操作中，常常需要动态创建HTM...

javascript实现复选框选中属性

前端技术 2023/09/06 JavaScript

熟悉web前端开发的人都知道，判断复选框是否选中是经常做的事情，判断的方法很多，但是开发过程中常常忽略了这些方法的兼容性，而是实现效果就好了。博主之前用户不少方法，经常Google到一些这个不好那个不好的文章，到后面自己都混乱了。今天偶然看到一篇外国的博客，觉得讲解的很不错，打...

qq悬浮代码(兼容各个浏览器)

前端技术 2023/09/06 JavaScript

复制代码代码如下:<script language=\"JavaScript\" type=\"text/javascript\">lastScrollY=0;function heartBeat(){ var diffY;if (document.documen...

关闭

我的博客