前端想做js开发，可以。但是思维要变通，思维要重塑。为啥？因为被div+css坑的有点深。这些都是我自己总结的，不知道其他人是不是这样。

在我看来div+css算是开发吗？肯定不是，这些东西有难的东西吗？有。很难吗？不是。但是要用到js之后，好多前端都在挠头（我头发都快掉完了）。

为什么，因为我们用的js大部分都是在操作dom，滚动啊，显示隐藏啊。这些在js里是比较简单的了。js的能做的事还有好多。随着HTML5的canvas

崛起，对前端的js能力要求是越来越高。明显显示隐藏就不够用了。我们要处理数据，要给后来留出接口的位置。唉！总之，书到用时方恨少！

学createjs怎么办，这个很好用的canvas的js库怎么玩的很溜。网上好多都是大神的createjs的讲解，但是都是按部就班　　

我觉得可以按我们做前端的流程来学习一下，也不是不可以。我们先不学画圆，画方。按前端思想写了就出来的想法。

我们做前端一开始有个预加载吧！createjs里有一个类库perload.js。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>BlurFilter</title>

    <link rel="stylesheet" href="css/style.css">

</head>

<body>

    <div id="box"></div>

    <canvas id="test" width="800px" height="800px"></canvas><!--默认宽高，不要用css设置，会被拉伸-->

    <script src="https://code.createjs.com/createjs-2015.05.21.min.js"></script>

    <script>

    init();

    var stage;

    var mainfest;

    var load;

    function init() {

        stage = new createjs.Stage("test");

        mainfest = [{

            "src": "car1.jpg",

            id: "car1"

        },{

            "src": "car2.jpg",

            id: "car2"

        },{

            "src": "car3.jpg",

            id: "car3"

        },{

            "src": "car4.jpg",

            id: "car4"

        },{

            "src": "car5.jpg",

            id: "car5"

        },{

            "src": "car6.jpg",

            id: "car6"

        },{

            "src": "car7.jpg",

            id: "car7"

        },{

            "src": "car8.jpg",

            id: "car8"

        },{

            "src": "car9.jpg",

            id: "car9"

        },{

            "src": "car10.jpg",

            id: "car10"

        },{

            "src": "car11.jpg",

            id: "car11"

        },{

            "src": "car12.jpg",

            id: "car12"

        },{

            "src": "car13.jpg",

            id: "car13"

        },{

            "src": "car14.jpg",

            id: "car14"

        },{

            "src": "car15.jpg",

            id: "car15"

        },{

            "src": "car16.jpg",

            id: "car16"

        },{

            "src": "car17.jpg",

            id: "car17"

        },{

            "src": "car18.jpg",

            id: "car18"

        },{

            "src": "car19.jpg",

            id: "car19"

        },{

            "src": "car20.jpg",

            id: "car20"

        },]

        loader = new createjs.LoadQueue(false);

        loader.addEventListener("progress", loadprogress);

        loader.loadManifest(mainfest,true,"images/");

        loader.addEventListener("complete", listener)

    };

    function loadprogress(e){

        var per = e.loaded;

        var box = document.getElementById("box");

        box.innerHTML = per;

    };

    function listener(){

        var bitmap = new createjs.Bitmap(loader.getResult("car1"));

        stage.addChild(bitmap);

        createjs.Ticker.addEventListener("tick", stage);

    }

    </script>

</body>

</html>

这样来看是不是有点想法，这个没有想的那么难，只不过我之前是想多。

js这个东西有点熬人，多用，多看才会明白其中的意思。

（技术不好，只为记录成长）

前端要怎么学createjs！！！？？？的更多相关文章

  1. web前端入坑第二篇：web前端到底怎么学？干货资料！ 【转】

    http://blog.csdn.net/xllily_11/article/details/52145172 版权声明:本文为博主[小北]原创文章,如要转载请评论回复.个人前端公众号:前端你别闹,J ...

  2. 第十四章 web前端开发小白学爬虫

    老猿从事IT开发快三十年了,接触互联网也很久了,但自己没有做过web前端开发,只知道与前端开发相关的一些基本概念,如B/S架构.html标签.js脚本.css样式.xml解析.cookies.http ...

  3. Web前端入门必学知识

    入门主要有三个部分   一.html+css部分:      1.前端的入门门槛极低,体现在HTML和CSS上运行环境就是浏览器,html+css这部分特别简单,网上搜资料,书籍视频非常多.css中盒 ...

  4. 前端教你学UI——人物处理（一）

    一.序言 本文作为本系列的第一篇写UI的文章,开头还是有必要申明一些东西的,本系列主要是为了作为博主在前端工作之余学习UI的一个记录,同时为了让更多的同行学习到一些编程之外的其他东西.所以本文会尽可能 ...

  5. 对于一个WEB前端初学者，学前端应该注意，有什么技巧

    web前端经验总结需要注意的地方和技巧如下: 1.编程思维 学习web前端开发核心在于一个“编程思维”,因为每段代码都不一样,都需要分别去看,所以只要你掌握了学习web前端的编程思维,那么写程序对于你 ...

  6. 【转】web前端到底怎么学？干货资料！

    一般据我经验,在喜欢并且决定和她恋爱之前,我都会做一下充分准备和调查,有必要了解和研究清楚 ‘她’ 的几个特性和习惯 web前端的基本工作职责 和基础技能(要清楚) web前端的分类和门派(简要概述, ...

  7. 前端要不要学数据结构&算法

    我们都知道前端开发工程师更多偏向 DOM 渲染和 DOM 交互操作,随之 Node 的推广前端工程师也可以完成服务端开发.对于服务端开发而言大家都觉得数据结构和算法是基础,非学不可.所以正在进行 No ...

  8. 为什么43%前端开发者想学Vue.js

    根据JavaScript 2017前端库状况调查 Vue.js是开发者最想学的前端库.我在这里说明一下我为什么认为这也是和你一起通过使用Vue构建一个简单的App应用程序的原因. 我最近曾与Evan ...

  9. Web前端基础怎么学？ JavaScript、html、css知识架构图

    以前开发者只要掌握 HTML.CSS.JavaScript 三驾马车就能胜任一份前端的工作了.而现在除了普通的编码以外,还要考虑如何性能优化,如何跨端.跨平台实现功能,尤其是 AI.5G 技术的来临, ...

随机推荐

  1. hdu 5100 Chessboard

    http://acm.hdu.edu.cn/showproblem.php?pid=5100 在比赛时没看懂题就没看,结束之后,看了解题报告才知道怎么做. 解题报告: 首先,若n<k,则棋盘连一 ...

  2. Keil C51中变量和函数的绝对地址定位问题

    1.变量绝对地址定位 1) 在定义变量时使用 _at_ 关键字加上地址就可. unsigned char idata myvar _at_ 0x40;  把变量 myvar 定义在 idata 的 0 ...

  3. Spring boot将配置属性注入到bean类中

    一.@ConfigurationProperties注解的使用 看配置文件,我的是yaml格式的配置: // file application.yml my: servers: - dev.bar.c ...

  4. Windows NT 驱动程序开发人员提示 -- 应注意避免的事项

    下面是开发人员在使用 Windows NT 设备驱动程序时应当避免的事项列表: 1.  一定不要在没有标注 I/O 请求数据包 (IRP) 挂起 (IoMarkIrpPending) 的情况下通过调度 ...

  5. 【HDOJ】2424 Gary's Calculator

    大数乘法加法,直接java A了. import java.util.Scanner; import java.math.BigInteger; public class Main { public ...

  6. BZOJ1657: [Usaco2006 Mar]Mooo 奶牛的歌声

    1657: [Usaco2006 Mar]Mooo 奶牛的歌声 Time Limit: 5 Sec  Memory Limit: 64 MBSubmit: 489  Solved: 338[Submi ...

  7. -_-#【Mac】命令

    切换cd $HOMEcd ~ 查看ls 查看系统显示:defaults write com.apple.finder AppleShowAllFiles -bool true隐藏:defaults w ...

  8. Java---多线程之死锁

    ★ 死锁的两种情况: 简单的说下单块cpu运行多线程的情况: 大家可能平时玩电脑,可以同时挂QQ啊,玩游戏啊,打开文本啊,等等.这里,我们假设是单块cpu.也就是俗称的单核cpu. 大家可能会觉得这些 ...

  9. Java程序员需要注意的五大Docker误区

    Docker现在很火,容器技术看上不无所不能,但这实际上是一种误解,不要被炒作出来的泡沫迷住双眼,本文抛去炒作,理性地从Java程序员的角度,列举出Docker目前的五大误区,帮助你更好地理解Dock ...

  10. 使用MyEclipse搭建java Web项目开发

    转自:http://blog.csdn.net/jiuqiyuliang/article/details/36875217 首先,在开始搭建MyEclipse的开发环境之前,还有三步工具的安装需要完成 ...