原生JavaScript简单实现捕鱼达人效果 demo实例
今天,我们来研究分享下用原生 js来实现一个网页小游戏—捕鱼达人。项目里有一个 index.html 的文件,其他功能进行分割模块化,分别有金币效果的 coin.js,大小鱼出现的效果 fish.js,资源加载效果等等。更多前端 demo 见《WEB 前端酷炫效果 demo》。 更多精彩内容请看 web 前端中文站 http://www.lisa……
JavaScript的学习历程 思维导图总结 详细知识框架
自学过 JavaScript 的童鞋都知道,学习 JavaScript 有三个宝典,分别是《javascript 权威指南》、《JavaScript DOM 编程艺术》和《javascript 高级程序设计》。这是 JavaScript 知识的基础,也是我们后面学习进阶课程的基础磐石。下面我们对所学知识进行一个全方位,详细的总结分享。 更多精彩内容请看 we……
javascript我走过的坑 技术积累记录之下篇
前面我们已经介绍了《javascript 我走过的坑 ?技术积累记录之上篇》,接下来我们继续给大家补充下篇,有关 JavaScript 自己走过的坑,大家借鉴,不要重蹈覆辙。 更多精彩内容请看 web 前端中文站 http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏 12、属性标签 writable: 属性是否可修改或可写 ……
javascript我走过的坑 技术积累记录之上篇
在身边的朋友,有一些是刚踏入攻城狮行业,第一次接触的就是前端;有一些是从嵌入式应用软件转行到 web 前端开发,或是从嵌入式底层驱动转入;更常见的还有从后端转前端,等等。无论是从哪里进来的前端,都是从入门、基础学起,从前端三法宝(JavaScript,CSS,HTML)。在这里,给大家分享下“javascript 我走过的坑?”,因为篇幅较长,分两篇来总结分……
一行代码编写一个页面 史上最强大代码句 iframe
经常会看到一些贴吧或者博客技术论坛,有人问实现一个功能,最少需要多少行代码,有的说 30 行,有的说 15 行。今天,web 前端中文站教大家如何用一行代码编写一个页面,例:一行代码编写百度页面。(主要应用iframe标签) iframe 标签 这里用到的是iframe标签,定义和用法: iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。 ……
HTML5 canvas实现音乐喷泉效果 纯js代码模拟喷泉[js高阶]
今天 web 前端中文站给大家深化 HTML5 canvas 的高阶知识—通过模拟喷泉效果实例,让大家学习如何用纯 js来实现喷泉颗粒散弹效果。 更多精彩内容请看 web 前端中文站 http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏 在学习之前,可以先了解下 canvas 的特性。这个 HTML 元素是为了客……
pdf.js插件使用教程 pdf文档在线浏览功能 demo案例
一开始想实现一个pdf 在线预览的功能,现在 web 前端中文站将其中涉及的到关键技术共享给大家。 更多精彩内容请看 web 前端中文站 http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏 pdf.js 插件介绍 pdf.js可以实现在 html 下直接浏览 pdf 文档,是一款开源的 pdf 文档读取解析插件。官方地址:……
仿淘宝滑动验证码效果 slideunlock.js
前面 web 前端中文站介绍了《实现滑动验证码简介及原理分析》,发现大家都喜欢看。今天给大家介绍一个被广泛应用的淘宝滑动验证码效果(模仿)实例。 SlideUnlock.js 简介 更多精彩内容请看 web 前端中文站 http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏 jQuery 插件 slideunlock 实现手机……
实现滑动验证码简介及原理分析
在今天学习滑动验证码之前,我们有必要先了解下验证码的发展历程及介绍,可以当中知识普及来学习,这对我们理解验证码原理,甚至后面的滑动验证码学习,都有很大的帮助。 验证码的发展历程 更多精彩内容请看 web 前端中文站 http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏 从互联网诞生前期,互联网是没有验证码的。在论坛博客上发帖……
纯js实现黑客帝国特效 demo实例
今天刷抖音看到一个抖友拍自己老公(程序猿)凌晨两点多还加班的视频,点开评论看到网友提到黑客帝国这个词,于是给大家分享下如何用原生 JavaScript代码实现黑客帝国的特效。 更多精彩内容请看 web 前端中文站 http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏 具体的特效效果是 Matrix,矩阵的意思。 开发思路:(……
原生js实现碰撞反弹球特效
前面已经给大家讲了很多有关 web 前端的小demo实例,今天 web 前端中文站用原生 js实现了一款碰撞反弹球小游戏,大家也可以试试。 实现思路 先从物理原理思考好一个小球是怎么去运动的小球的移动,是通过改变小球的 left 和 top 值来改变,坐标分别为(x,y)当 x/y 值加到最大,即加到父级的宽度或者高度时,使 x 值或者 y 值减小,同理当 ……
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 前端中文站带大家学习下Web AR 框架three.ar.js,不过在学习之前,我们需要了解下threejs的相关知识。 threejs 是什么 什么是threejs,很简单,你将它理解成 three + js 就可以了。three 表示 3D 的意思,js 表示 javascript 的意思。那么合起来,three.js 就是使用 javas……