分享一个好玩的web app页面速成工具 当然主要是让大家看下他的原理 看着他的结构大家就该猜到这个了.这个是利用换页之后给当前div加了一个active,然后利用css控制效果 这个毫无疑问是采用最大宽度640的布局方式 类似的js框架我曾经分享过2个如fullPage.js,slip.js大家可以从我之前的博客中找到,里面我详细的写了使用方法http://www.cnblogs.com/LoveOrHate/category/677610.html 下面是demo地址:http://eqxi…

继上次学习了HTML5的路径画圆做了动态时钟.异次元空间的反转做了运动的太阳系,这两天将画线.画圆.填充等知识点结合起来做了一个简易的在线画图工具: 查看DEMO:HTML5简易在线画图工具 功能包括自由画笔.橡皮擦.文字填充.画三角形.画圆等,相对我这个新手来说,感觉挺难的,不过还是参考了资料慢慢“拼”出来了. 自由画笔的思路: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31…

做一个简单的登陆页面 import tkinter wuya = tkinter.Tk() wuya.title("wuya") wuya.geometry("900x380+300+150") # add image pic = r'/Users/ydj/Desktop/未命名文件夹/bg.gif' canvas = tkinter.Canvas(wuya) image_file = tkinter.PhotoImage(file=pic) image = can…

做一个简单的登陆页面 import tkinter wuya = tkinter.Tk() wuya.title("wuya") wuya.geometry("900x380+300+150") # add image pic = r'/Users/ydj/Desktop/未命名文件夹/bg.gif' canvas = tkinter.Canvas(wuya) image_file = tkinter.PhotoImage(file=pic) image = can…

CSDN的蒋涛不久前在微博上评价说ProcessOn是web版的visio,出于好奇私下对ProcessOn进行了一番研究.最后发现无论是在用户体验上,还是在技术上,ProcessOn都比微软的Visio要好很多.下面就来简单介绍一下这款基于HTML5开发的作图工具. 作图工具操作界面 ProcessOn在UI设计上跟谷歌docs很相似,简约而不简单,很大程度上适应谷歌的用户习惯,操作几下之后给人的感觉是一个方便易用.高效的在线作图工具,核心技术采用HTML5 canvas 绘图技术,用它可以制…

原文:How to make a simple HTML5 Canvas game 想要快速上手HTML5 Canvas小游戏开发?下面通过一个例子来进行手把手教学.(如果你怀疑我的资历, A Wizard's Lizard这个游戏的半数以上开发是由我完成的) 我们直接来看源码里的game.js,当然你也可以在线体验一下游戏先. 游戏截图 创建画布 // Create the canvas var canvas = document.createElement("canvas"); v…

前言: 朋友们都期待我稳定地工作,但创业公司若要躺下,也非意念可控. 若人生注定了风雨飘摇,那就雨中前行了. 最机开始看聊新的工作机会,欢迎推荐,创业公司也可! 同时,趁着自由时间,抓紧把这系列教程给写完了. 谢谢大伙的关注和支持. 步骤1:准备好数据库和表(或视图) 由于框架支持跨数据库,所以可以先不用管系统权限的那个数据库,先随意找个数据库. 当然你也可以找个视图(只是视图就不能编辑或删除[权限控制]) 步骤2:配置数据库链接: 以数据库名+Conn 为name(这是跨库的约定,不要乱取).…

效果如图:用bootstrap 写的一个简单的登陆 一.修改样式 样式可以自己调整,例如换个背景色之类的,修改 background-color属性就可以 #from { background-color: #96b97d; } 我自己调的时候只给from加了背景色,当然可以给整个页面加背景色,设置body背景色就可以 body { background-color: #96b97d; } 当然也可以设置背景图片之类的 body { background:url(../img/login_bg_…

1.先用vue-cli3创建一个项目 2.安装element模块 全局安装 npm i element-ui -S 3在main.js引入模块 import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); 4.这里先扩展一个小知识点 在package.json文件中找scripts下serve,在后面加上--open 可以实现运行项目后自动打开浏览器 5…

笔者最近对项目进行优化,顺带就改了些东西,先把请求方式优化了,使用到了web worker.发现目前还没有太多对web worker实际使用进行介绍使用的文章,大多是一些API类的讲解,除了涉及到一些WebGL的文章,所以总结了这个文章,给大家参考参考.以下内容以默认大家对web worker已经有了初步了解,不会讲解基础知识. 一.为什么要开子线程 笔者这个项目是一个存储系统的中后台管理GUI,一些数据需要通过CronJob定时地去获取,并且业务对数据的即时性要求高,大量的和持久的HTTP请求…