备案控制台

开发者社区开发与运维文章正文

js黑客中毒的效果

2018-04-27 1307

版权

版权声明：

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： var cav = document.getElementById('content'); var w = window.

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

</head>

<body>

<canvas id="content" width="1250px" height="602px"></canvas>

</body>

</html>

<script>

    var cav = document.getElementById('content');

    var w = window.screen.width;

    var h = window.screen.height;

    var yPositions = Array(300).join(0).split('');

    var ctx = cav.getContext('2d');

    var draw = function(){



        ctx.fillStyle = 'rgba(0,0,0,.05)';

        ctx.fillRect(0,0,w,h);

        ctx.fillStyle = 'green';

        ctx.font = '20px';



        yPositions.map(function(y,index){

            text = String.fromCharCode(1e2+Math.random()*330);

            x = index*10;

            cav.getContext('2d').fillText(text,x,y);

            if(y>Math.random()*1e4){

                yPositions[index]=0;

            }else{

                yPositions[index]=y+10;

            }

        });



    }

    setInterval('draw()',30);

</script>

文章标签：

Web App开发

索引

JavaScript

安全

关键词：

JavaScript黑客

keller.zhou

目录

相关文章

路边两盏灯

|

6月前

|

开发框架 JavaScript 前端开发

【Azure Developer】App Service + PubSub +JS 实现多人版黑客帝国文字流效果图

【Azure Developer】App Service + PubSub +JS 实现多人版黑客帝国文字流效果图

路边两盏灯

42 0 0

火爆的后槽牙儿

带交互功能的HTML5+JS黑客帝国

带交互功能的HTML5+JS黑客帝国

火爆的后槽牙儿

85 0 0

流楚丶格念

|

安全 JavaScript

js实现黑客代码雨效果

js实现黑客代码雨效果

流楚丶格念

236 0 0

疯狂的猿

|

3月前

JS+CSS3文章内容背景黑白切换源码

JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。

疯狂的猿

34 0 0

雨溪-yuxi

|

3月前

|

JavaScript 前端开发

JavaScript中的原型保姆级文章一文搞懂

本文详细解析了JavaScript中的原型概念，从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链，层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。

雨溪-yuxi

49 1 1

JavaScript中的原型保姆级文章一文搞懂

游客ot6eft3qn37ga

|

6月前

|

JavaScript 前端开发

JS:一篇文章带你搞懂什么是异步

JS:一篇文章带你搞懂什么是异步

游客ot6eft3qn37ga

71 0 0

wishCoding

|

7月前

|

JavaScript Java 测试技术

基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等

基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等

wishCoding

196 4 5

wishCoding

|

7月前

|

JavaScript Java 测试技术

基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等

基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等

wishCoding

108 3 3

wishCoding

|

7月前

|

JavaScript Java 测试技术

基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等

基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等

wishCoding

89 3 3

wishCoding

|

7月前

|

JavaScript Java 测试技术

基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等

基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等

wishCoding

138 2 2

热门文章

最新文章

JavaScript闭包深入剖析：性能剖析与优化技巧

如何通过pm2以cluster模式多进程部署next.js（包括docker下的部署）

JavaWeb JavaScript ③ JS的流程控制和函数

【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战

【01】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-需求改为思维导图-设计数据库-确定基础架构和设计-优雅草卓伊凡商业项目实战

Vue.js应用结合Redis数据库：实践与优化

【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战

【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子

【JavaScript】深入理解 let、var 和 const

【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战

当面试官再问我JS闭包时，我能答出来的都在这里了。

【02】仿站技术之python技术，看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载（简单）-ios苹果plist下载（稍微麻烦一丢丢）-优雅草卓伊凡

Node.js 中实现多任务下载的并发控制策略

【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布

【JavaScript】深入理解 let、var 和 const

【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战

【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战

【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战

如何通过pm2以cluster模式多进程部署next.js（包括docker下的部署）

【01】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-需求改为思维导图-设计数据库-确定基础架构和设计-优雅草卓伊凡商业项目实战

相关课程

更多

JavaScript入门与实战

JavaScript 自学手册文档教程

相关电子书

更多

现代Javascript高级教程

JS零基础入门教程（上册）

Javascript异步编程

相关实验场景

更多

Html5和Webpack2：Webpack5打包JS和样式表

下一篇

阿里云oss简介和如何对接使用