web
文章平均质量分 63
jupeizhong
这个作者很懒,什么都没留下…
展开
-
css3+javascript实现3D游戏:二阶魔方
嗯,之前用css3和javascript实现3D旋转立方体的时候就说过了,要用qi原创 2014-08-22 21:13:56 · 2378 阅读 · 0 评论 -
结合Phalcon看webapp中的MVC构架
MVC构架大家多多少少都有一些了解,简单说来就是数据结构(M)、视图(V)、控制器(C)三者分离。最近学习了Phalcon框架(一款高性能的PHP框架),对MVC在webapp中应用有了更加具体的理解。数据结构(M):一般负责从数据库里读取信息,并封装成易于编程获取的函数。在Phalcon框架里是models目录下的php文件。视图(V):负责网页的显示,CSS、HTML、JS都放在这里。原创 2016-01-19 11:45:21 · 418 阅读 · 0 评论 -
5x8字符点阵的软件模拟
在电子制作中LCD显示屏是常见的器件。对于一些廉价的LCD显示屏来说,每个字符是以5x8的点阵显示的,例如LCD1602,是16列2行的单元组成,每个单元是由5x8的点阵构成,可以显示数字、字母、符号等。在软件开发中,字符点阵常常用于游戏信息的打印,许多古老的游戏也是基于点阵显示的,例如贪吃蛇与俄罗斯方块等。我用javascript写了一段程序,用于模拟字符点阵的显示。主要功能是在网页上打印点阵字原创 2016-01-08 13:42:00 · 4056 阅读 · 0 评论 -
俄罗斯方块Tetris (javascript+HTML+CSS)
贪吃蛇倒是编写过很多次,但却是第一次编写俄罗斯方块。我没有参考任何其他代码,写了120行左右。 Tetris .dot{width:23px;height:23px;margin:1px;border-radius:2px;float:left;} .row{clear:both;width:250px;height:25px;} #game_area{wid原创 2016-01-28 14:35:49 · 1670 阅读 · 0 评论 -
没有后台接口时用ajax刷新数据的方法
有时候用php写的动态页面需要实时更新数据,一般用ajax来动态刷新数据,但是如果没有特殊的后台接口,是无法直接用ajax获取数据的。我想到的方法就是用ajax重新请求当前页面,然后解析返回的html,从中提取数据进行更新。代码如下:function AjaxRefresh(){ $.ajax({url:window.location.href, success:function(原创 2016-01-29 10:34:25 · 1291 阅读 · 0 评论 -
无图片纯css实现中国象棋棋子
纯当锻炼前端编程能力了,效果还不错。纯用css不用图片的好处就是加载迅速。代码如下:.pieces{ width:84px; height:84px; border-radius:50px; border:rgb(78,56,23) double 8px; background-color:rgb(192,149,106); margin:auto;text-align:ce原创 2016-02-14 21:04:03 · 1735 阅读 · 0 评论 -
【阿里云服务器】【ubuntu14.04】搭建apache+php+mysql+phalcon
由于之前在本地的ubuntu14.04搭建过,一些弯路我就没有在本篇里面体现,而是直接提供解决办法。在windows7下用putty软件通过ssh登陆(其余系统同理通过ssh登陆)到阿里云服务器ubuntu14.04上,由于默认的是root用户,所以安装过程中的所有sudo都不需要了。1. 安装apacheapt-get updateapt-get install apa原创 2016-03-02 23:30:48 · 2214 阅读 · 0 评论 -
ubuntu14.04搭建git服务器、远端仓库、自动部署
搭建的过程中细节太多,也走了许多弯路,就不说了,主要谈一谈几个注意点:1、一定要学会看错误提示从错误提示上可以看到很多东西,比如提示你哪儿哪儿权限不够,你就应该知道去改权限比较有用的两个命令:chgrp -R [组名] [目录]chmod -R g+rws [目录]2、几个地方的git仓库首先是/home/git/下的xx.git库,这就是我们的主角——git中心服务器,原创 2016-03-03 23:17:16 · 1720 阅读 · 0 评论 -
通过url中的hash(#)来记录页面状态,用以返回、跳转到特定状态
主要是通过js操作window.location.hash(可读写),加载完页面对hash进行一下判断,然后执行相应的js指令改变页面状态。最常用的就是一个网页有多个tab,是通过js来控制相应tab的隐藏与显示,如果不加以处理的话无法跳转到特定tab打开的状态。还有就是后退的时候页面重新加载,无法记录上次页面的状态,这时候也可以用此方法解决,需要利用history.replaceStat原创 2016-02-26 10:28:06 · 6782 阅读 · 0 评论 -
光立方——电子制作的软件模拟
光立方是电子制作的一个小项目,我嫌焊接512个led太麻烦了,就做了一个网页版的光立方,用了three.js(用于3d显示)和highlight.pack.js(用于高亮显示代码)。用github发布,参见http://functionadvanced.github.io/Light-Cube/效果图:下面是代码: Light Cube原创 2015-12-17 17:35:17 · 3030 阅读 · 0 评论 -
动态改变网页背景颜色
打开浏览器控制台,输入下面的代码即可x=document.getElementsByTagName('html')[0];l=x.children.length;while(l--)x.removeChild(x.children[l]);x.style.backgroundColor='black';r=13;g=70;b=200;function e(){x.style.back原创 2015-09-29 19:44:42 · 926 阅读 · 0 评论 -
css+javascript特效:时钟(无图片纯div实现)
嗯,花了半个小时搞了一个原创 2014-08-25 11:35:55 · 1073 阅读 · 0 评论 -
css3+javascript实现旋转3D立方体
css3的新特性之一就是增加了3D转换,原创 2014-08-09 23:32:30 · 1206 阅读 · 0 评论 -
css3实现美化菜单设计
许多网站的菜单都有其特色,我也用css3自己设计了一个菜单原创 2014-08-18 20:54:06 · 610 阅读 · 0 评论 -
css+html实现基本几何元素:多边形、圆、椭圆、直线
用canvas可以轻易地画出各种几何yuansu原创 2014-08-28 21:52:16 · 7800 阅读 · 1 评论 -
css设计登陆框
登陆框是大部分网站的一个重要组成部分,对用户tiyan原创 2014-08-31 23:12:28 · 1457 阅读 · 0 评论 -
html中的hsl颜色表示法
在html中用的最多的莫过于rgb了,不过有的时候我们原创 2014-09-29 00:52:36 · 3593 阅读 · 0 评论 -
chrome浏览器自带的触屏移动设备模拟器(手机、平板,苹果三星htc一应俱全!)
在捣鼓chrome浏览器控制台的时候突然发现有原创 2014-09-29 01:13:59 · 3177 阅读 · 0 评论 -
利用 Three.js 编写 web 版 3D 贪吃蛇游戏
Three.js是一个好用的web 3D框架,可以省去直接调用WebGL的麻烦原创 2014-10-28 17:05:02 · 6445 阅读 · 12 评论 -
利用浏览器缓存抓取网络资源:【炉石传说】所有卡牌png图片地址
有的时候我们在网络上看到很好的资源,想要抓取,却苦于没有好的手段。今天我就来介绍一下通过chrome浏览器缓存抓取的方法。大家都知道,浏览器把网页展示给我们看的时候,会先将页面上的所有图片等资源下载到浏览器缓存中,利用这一点,我们就可以抓取了。我选取的是当下比较流行的卡牌游戏【炉石传说】,其游戏性的重要组成部分就是千奇百怪的卡牌。首先,我们进入官网中的卡牌工具页面(http://hs.原创 2016-04-04 13:04:47 · 3921 阅读 · 2 评论