• 欢迎访问web前端中文站,JavaScript,CSS3,HTML5,web前端demo
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏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 元素是为了客……

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 值减小,同理当 ……