今天无事可做,在春意盎然的下午突发奇想想做一个关于图片处理的在线网页应用.不要问我为什么做这个,因为我想做!关于这个项目,我想基于canvas来实现,canvas是个好东西,我一直很喜欢,就是我没有做过什么成型的项目.为了挑战自己,或者说熟悉下原生的canvas,我决定不借助任何现有的框架,比如phraser.js或者createjs,这两个都是超级好用的框架,用了之后完全忘记canvas本身写起来是多么地--不,我爱canvas!我要驾驭他! 于是我立刻画了一个框架图: 大概是这样吧一个typ…

想想应该在canvas上面作画了,那么就不得不提到事件了. (打着canvas的旗号,写着mouse事件.挂羊头卖狗肉!哈哈哈哈哈~) 先来看一看HTML事件属性,我们要用的就是Mouse事件,就先研究下mouse事件的特性. onmousedown onmousemove onmouseout onmouseover onmouseleave onmouseenter onmouseup onmousewheel 先研究已上6个事件. 做了一个demo,用于了解mouse事件. yourDom…

Canvas中的Text文本也是一个知识点~,我们需要掌握一下几个基本的Text操作方法 首先是重要参数textAlign和textBaseline: textAlign left center right start (default) end textBaseline alphabetic (default)[适合Latin文字类,"abc"] hanging[适合一些印地语,"अस्सी"] ideographic[适合中文之类的,"哈哈哈"…

前端学习还是很有趣的,可以较快的上手然后自己开发一些好玩的项目来练手,网上也可以一抓一大把关于前端开发的小项目,可是还是有新手在学习的时候不知道可以做什么,以及怎么做,因此,就整理了一些前端项目教程,希望可以帮助正在学习前端的小伙伴.为了方便阅读,大概把前端可以做的项目分为三类: 游戏类 实用类 好玩类 然后依次推荐一些项目教程,想要学习的小伙伴可以看看~ 游戏类 其实很多常见的小游戏都是纯前端开发出来的,比如曾经风靡的2048.别踩白块啊等等,简单有趣,对于初学者来说,这些小游戏是非常不错的练…

Python学习路径及练手项目合集 https://zhuanlan.zhihu.com/p/23561159…

Hello,大家好. 在之前两篇文章中: webpack练手项目之easySlide(一):初探webpack webpack练手项目之easySlide(二):代码分割 与大家分享了webpack的基本使用方法,以及使用webpack对代码进行分割,根据需求进行异步加载. 今天我们继续为大家介绍webpack的其他应用方法,主要包括common chunks以及web-dev-server. 1.Demo与Code 在实际的项目开发过程中,我们的项目中会有很多公共的部分,比如一些第三方的组件,…

在上一篇 webpack练手项目之easySlide(一):初探webpack  中我们一起为大家介绍了webpack的基本用法,使用webpack对前端代码进行模块化打包. 但是乍一看webpack只是将所有资源打包到一个JS文件中而已,并没有做到真正的按需加载,这当然不是我们所想要的. 不急,今天的这一章我们就来一起继续探索webpack的另外一个功能:code split. 1.什么是code split  英文不好,暂且将其翻译为代码分割.也就是我们根据实际业务需求将代码进行分割,然后在…

  Python学习路径及练手项目合集 Wayne Shi· 2 个月前 参照:https://zhuanlan.zhihu.com/p/23561159 更多文章欢迎关注专栏:学习编程. 本系列Python技术路径中包含入门知识.Python基础.Web框架.基础项目.网络编程.数据与计算.综合项目七个模块.路径中的教程将带你逐步深入,学会如何使用 Python 实现一个博客,桌面词典,微信机器人或网络安全软件等.完成本路径的基础及项目练习,将具备独立的Python开发能力. 完整的Pytho…

本项目使用pygame模块编写了射击游戏,目的在于训练自己的Python基本功.了解中小型程序框架以及学习代码重构等.游戏具有一定的可玩性,感兴趣的可以试一下. 项目说明:出自<Python编程 从入门到实践>中12-14章节的例子. 游戏包含飞船.外星人两个角色. 外星人编队向左右和下方移动,直至接触到屏幕底端或碰撞到外星人:飞船顶端可发射子弹击落外星人. 随着游戏的进行,子弹速度.飞船移动速度.外星人移动速度以可设置的速度提升,增加游戏难度和可玩性. 游戏界面显示剩余飞船数目(左上角).最…

本项目的git仓库https://github.com/lznism/xiachufang-vue 对应的使用typescript实现的版本地址https://github.com/lznism/xiachufang-vue-typescript 项目的后台地址https://github.com/lznism/xcf-server 本实例对初学者友好,欢迎star,交流学习,有任何问题都可以issue交流~ 技术栈 本项目采用vue+vuex+vue-router技术栈,为业余前端练手项目,项…