• 欢迎访问web前端中文站,JavaScript,CSS3,HTML5,web前端demo
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏web前端中文站吧
pdf.js插件使用教程  pdf文档在线浏览功能 demo案例

pdf.js插件使用教程 pdf文档在线浏览功能 demo案例

一开始想实现一个pdf 在线预览的功能,现在 web 前端中文站将其中涉及的到关键技术共享给大家。 更多精彩内容请看 web 前端中文站 http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏 pdf.js 插件介绍 pdf.js可以实现在 html 下直接浏览 pdf 文档,是一款开源的 pdf 文档读取解析插件。官方地址:……

仿淘宝滑动验证码效果 slideunlock.js

仿淘宝滑动验证码效果 slideunlock.js

前面 web 前端中文站介绍了《实现滑动验证码简介及原理分析》,发现大家都喜欢看。今天给大家介绍一个被广泛应用的淘宝滑动验证码效果(模仿)实例。 SlideUnlock.js 简介 更多精彩内容请看 web 前端中文站 http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏 jQuery 插件 slideunlock 实现手机……

实现滑动验证码简介及原理分析

实现滑动验证码简介及原理分析

在今天学习滑动验证码之前,我们有必要先了解下验证码的发展历程及介绍,可以当中知识普及来学习,这对我们理解验证码原理,甚至后面的滑动验证码学习,都有很大的帮助。 验证码的发展历程 更多精彩内容请看 web 前端中文站 http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏 从互联网诞生前期,互联网是没有验证码的。在论坛博客上发帖……

纯js实现黑客帝国特效 demo实例

纯js实现黑客帝国特效 demo实例

今天刷抖音看到一个抖友拍自己老公(程序猿)凌晨两点多还加班的视频,点开评论看到网友提到黑客帝国这个词,于是给大家分享下如何用原生 JavaScript代码实现黑客帝国的特效。 更多精彩内容请看 web 前端中文站 http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏 具体的特效效果是 Matrix,矩阵的意思。 开发思路:(……

原生js实现碰撞反弹球特效

原生js实现碰撞反弹球特效

前面已经给大家讲了很多有关 web 前端的小demo实例,今天 web 前端中文站用原生 js实现了一款碰撞反弹球小游戏,大家也可以试试。 实现思路 先从物理原理思考好一个小球是怎么去运动的小球的移动,是通过改变小球的 left 和 top 值来改变,坐标分别为(x,y)当 x/y 值加到最大,即加到父级的宽度或者高度时,使 x 值或者 y 值减小,同理当 ……

three.ar.js 入门教程 webg实例

three.ar.js 入门教程 webg实例

前面我们已经对 THREE.AR.JS 有了一定的学习介绍了,接下来我们来看看three.ar.js 的入门教程。如果前面没有学习 three.ar.js 的朋友,可以点击学习《WEB AR 框架 THREE.AR.JS 简介》。 下面我们将从一个例子讲解 three.ar.js 的安装和使用。 安装 使用 Script 脚本的可以下下载 three.ar.……

Web-AR  three.ar.js之高效增强现实

Web-AR three.ar.js之高效增强现实

今天,web 前端中文站带大家学习下Web AR 框架three.ar.js,不过在学习之前,我们需要了解下threejs的相关知识。 threejs 是什么 什么是threejs,很简单,你将它理解成 three + js 就可以了。three 表示 3D 的意思,js 表示 javascript 的意思。那么合起来,three.js 就是使用 javas……

js怎样删除数组里的某个元素

js怎样删除数组里的某个元素

今天 web 前端中文站主要给大家分享一个很常用的功能需求,利用 js 删除数组 array的某个元素节点。接下来我们一起学习吧。 1.删除数组指定的某个元素 更多精彩内容请看 web 前端中文站 http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏 首先可以给 js 的数组对象定义一个函数,用于查找指定的元素在数组中的位置……

javascript的组件化及其开发教程

javascript的组件化及其开发教程

今天我们主要讲的是 JavaScript 开发的一个很重要的开发思维,组件化开发。那么什么叫组件化开发呢? “把图形、非图形的各种逻辑均抽象为一个统一的概念(组件)来实现开发的模式”。 如果你不认同,你可以去看 yui2 里的那些组件 list 吧,他们是实际的解决了 web 开发中需要遇到的一系列特别问题,比如截图,比如搜索提示,比如懒加载,比如表单验证,……

js事件监控setInterval用法和实例

js事件监控setInterval用法和实例

在学习 JavaScript 过程中,我们除了对基础知识有一定了解理解之外,还需要从底层去认识部分函数的用法及其效果。 下面我们主要学习js 事件监控的setInterval函数,以及举一个简单的监控实例,帮助大家理解研究。 更多精彩内容请看 web 前端中文站 http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏 ? ? ……

关于如何学习理解JavaScript正则表达式

关于如何学习理解JavaScript正则表达式

我爱正则表达式。我发现几乎没有一天我不在使用它们解决一些问题。虽然我爱他们,但是,在使用中一直感觉到有点吃力。我认为这只是因为我没有对它有一个全面的深入了解。因此,我想我会花几分钟给自己(和有兴趣的其他人)一个简短的介绍。 ?更多精彩内容请看 web 前端中文站 http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏 St……

非常酷炫漂亮的3d立体照片展示墙 纯JavaScript显示

非常酷炫漂亮的3d立体照片展示墙 纯JavaScript显示

今天主要给大家分享下一个 3d 显示照片墙的纯 JavaScript 效果 demo,效果很酷炫。可以通过鼠标上下左右拉动,从而把照片墙进行 360°展示。 鼠标停止后,在操作过程中,会发现,照片会以某角度轴,继续滑动一段距离。核心 JavaScript 代码见如下,下方链接有百度网盘分享链接,大家有兴趣可以 down 下来玩玩。先上图:   ……

js入门 纯js实现图片放大镜效果 商品特效代码 demo下载

js入门 纯js实现图片放大镜效果 商品特效代码 demo下载

今天 web 前端中文站主要分享的是,如何用纯 js 代码来实现商品图片放大镜效果。 具体效果是,当鼠标移动到某一张图片上,以该点为中心,进行图片放大显示。 原图如下:   下面这张是放大的效果图:(见图三,蝴蝶的变化) 那如何利用 js 来实现了?主要代码如下: (function(){ var d = document.getEleme……