Git Product home page Git Product logo

mingiffactory's Introduction

动图小工厂学习笔记

MAC快捷键: option+空格
ctrl+z 终止一个命令 command+Q 退出命令行窗口 fn+右三角 最后,类似end键 fn+左三角 最前,类似home键 command+Y 打开历史记录

Mac下VS Code的快捷键: command+shift+P 打开控制面板

Q:如何在terminal中使用code命令打开VS Code? A:打开 VS Code,打开控制面板(⇧⌘P),输入 ‘shell command’,在提示里看到 Shell Command: Install 'code' command in PATH,运行它。 后就可以在终端中输入 code .,使用 VS Code 打开当前文件夹。 或者直接使用 code filename 编辑文件。

parcel,一个工具可以构建和实时打包开发环境,类似webpack,我第一次听说,真的是太久不学习了,不过目前为止用下来的感受就是,它可以在你更改页面的同时实时刷新页面,无需重新部署,无需手动刷新。

BootCDN,加速前端库

fabric,拥有各种图层处理的库,利用fabric可以将素材图片载入到编辑区域

var obj = canvas.getActiveObject();//获取画布中处于active状态的对象

如果没有active的对象,则obj为undefined,所以,在获取obj.type之前需要判断一下obj是否为undefined

downloadjs,一个用于下载的库,这里我们可以用这个库将画布中的内容保存为图片

keypress对键盘按键的监听和事件响应

gif.js,需要注意的是,这个项目会依赖gif.worker.js,如果直接用BootCDN引入gif.workder.js的话会存在跨域问题,通常会把gif.worder.js下载到项目中进行使用。

通过这个小小的项目,我发现BootCDN是个好东西,大部分需要实现的功能或者需要捕获的事件其实都有库提供操作帮助,无序自己写原生js去实现。然后就是前端的打包工具还是很多的,就先这样吧。

cd .. 返回上级目录

mingiffactory's People

Contributors

deliazhi avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.