原生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高阶]](https://www.lisa33xiaoq.net/wp-content/themes/Git-alpha/timthumb.php?src=http://p9bnrx7pb.bkt.clouddn.com/HTML5%20canvas%E5%96%B7%E6%B3%89.jpg&h=169&w=253&q=90&zc=1&ct=1)
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……