• 欢迎访问web前端中文站,JavaScript,CSS3,HTML5,web前端demo
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏web前端中文站吧
【高阶】原生JavaScript实现的酷炫效果 动态穿越

【高阶】原生JavaScript实现的酷炫效果 动态穿越

前面我们已经通过原生 js,介绍了很多基础的 demo 实例,今天我们来介绍下如何利用 canvas 实现随机路径的动画。这里的效果完全通过点位描绘的,而不是图片,借助svg的力量可以轻松实现。 更多精彩内容请看 web 前端中文站 http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏 效果图: 可以先看下动画效果截图,是一……

原生JavaScript实现地球模型Map效果 交互式world Interactive

原生JavaScript实现地球模型Map效果 交互式world Interactive

原生 JavaScript 实现的 demo 例子,web 前端中文站在前面介绍不少的实例。今天,我们用原生 js来实现地图领域的效果,交互式地球模型。 更多精彩内容请看 web 前端中文站 http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏 主要涉及到 JavaScript 中的 onmousemove,createEl……

全面剖析js的各类正则表达式写法及作用 下篇

全面剖析js的各类正则表达式写法及作用 下篇

今天这篇文章是总结剖析 js 的各类正则表达式的写法,在阅读这篇文章前,建议先移步到前面两篇文章《js 正则表达式上篇》和《js 正则表达式中篇》。 search 方法 返回与正则表达式查找内容匹配的第一个子字符串的位置。 stringObj.search(rgExp) 参数: stringObj ,必选项。要在其上进行查找的 String 对象或字符串文字……

全面剖析js的各类正则表达式写法及作用 中篇

全面剖析js的各类正则表达式写法及作用 中篇

前面一篇我们讲过《全面剖析 js 的各类正则表达式写法及作用 上篇》,接下来我们继续讲下js 正则表达式的其他内容。 更多精彩内容请看 web 前端中文站 http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏 简介 简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具。其作用如下: 测试字符串的某个模式。例如,可以……

全面剖析js的各类正则表达式写法及作用 上篇

全面剖析js的各类正则表达式写法及作用 上篇

在学习 JavaScript 的过程中,有一个很重要的学习课程,那就是 JavaScript 的正则表达式。要更好地运用 js 的正则表达式,需要对各类的正则表达式都有所了解才行。接下来我们给大家介绍下,由于篇幅有限,这里先给大家介绍下全面剖析 js 的各类正则表达式写法及作用之上篇。如果大家是第一次接触正则表达式的学习,建议先移步到 web 前端中文站早前……

图像灰度(grayscale)实现 各浏览器实现方式

图像灰度(grayscale)实现 各浏览器实现方式

实现图像灰度(grayscale)有不同的方式。在前面一篇文章《纯 JAVASCRIPT 实现图片滤镜效果 DEMO 下载》已经给大家讲过滤镜效果的图片处理。从 ie4 的专属属性 filter 实现,到 css3 里 w3c 实现了标准的 filter,现在我们讨论探索一种浏览器兼容的方式。 更多精彩内容请看 web 前端中文站 http://www.li……

web前端技能考核内容及岗位要求 送给找工作的童鞋 详细概括

web前端技能考核内容及岗位要求 送给找工作的童鞋 详细概括

在找工作的过程中,多多少少都会涉及到个人能力水平,技术技能水平等级。为了应大家的要求,web 前端中文站给大家聊一聊web 前端这块的工作要求情况。将岗位区分,从主要职责、专业技能、素质能力、特别要求共四大方面给大家介绍下。PS,当然,不同的岗位,薪资不一样,特别是工作三年后,一般会有一个质的提升! 更多精彩内容请看 web 前端中文站 http://www……

原生JavaScript简单实现捕鱼达人效果 demo实例

原生JavaScript简单实现捕鱼达人效果 demo实例

今天,我们来研究分享下用原生 js来实现一个网页小游戏—捕鱼达人。项目里有一个 index.html 的文件,其他功能进行分割模块化,分别有金币效果的 coin.js,大小鱼出现的效果 fish.js,资源加载效果等等。更多前端 demo 见《WEB 前端酷炫效果 demo》。 更多精彩内容请看 web 前端中文站 http://www.lisa……

JavaScript的学习历程 思维导图总结 详细知识框架

JavaScript的学习历程 思维导图总结 详细知识框架

自学过 JavaScript 的童鞋都知道,学习 JavaScript 有三个宝典,分别是《javascript 权威指南》、《JavaScript DOM 编程艺术》和《javascript 高级程序设计》。这是 JavaScript 知识的基础,也是我们后面学习进阶课程的基础磐石。下面我们对所学知识进行一个全方位,详细的总结分享。 更多精彩内容请看 we……

javascript我走过的坑  技术积累记录之下篇

javascript我走过的坑 技术积累记录之下篇

前面我们已经介绍了《javascript 我走过的坑 ?技术积累记录之上篇》,接下来我们继续给大家补充下篇,有关 JavaScript 自己走过的坑,大家借鉴,不要重蹈覆辙。 更多精彩内容请看 web 前端中文站 http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏 12、属性标签 writable: 属性是否可修改或可写 ……

javascript我走过的坑  技术积累记录之上篇

javascript我走过的坑 技术积累记录之上篇

在身边的朋友,有一些是刚踏入攻城狮行业,第一次接触的就是前端;有一些是从嵌入式应用软件转行到 web 前端开发,或是从嵌入式底层驱动转入;更常见的还有从后端转前端,等等。无论是从哪里进来的前端,都是从入门、基础学起,从前端三法宝(JavaScript,CSS,HTML)。在这里,给大家分享下“javascript 我走过的坑?”,因为篇幅较长,分两篇来总结分……

一行代码编写一个页面  史上最强大代码句 iframe

一行代码编写一个页面 史上最强大代码句 iframe

经常会看到一些贴吧或者博客技术论坛,有人问实现一个功能,最少需要多少行代码,有的说 30 行,有的说 15 行。今天,web 前端中文站教大家如何用一行代码编写一个页面,例:一行代码编写百度页面。(主要应用iframe标签) iframe 标签 这里用到的是iframe标签,定义和用法: iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。 ……

HTML5 canvas实现音乐喷泉效果 纯js代码模拟喷泉[js高阶]

HTML5 canvas实现音乐喷泉效果 纯js代码模拟喷泉[js高阶]

今天 web 前端中文站给大家深化 HTML5 canvas 的高阶知识—通过模拟喷泉效果实例,让大家学习如何用纯 js来实现喷泉颗粒散弹效果。 更多精彩内容请看 web 前端中文站 http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏 在学习之前,可以先了解下 canvas 的特性。这个 HTML 元素是为了客……