前端
关注
分享
扫一扫
文章平均质量分 58
huntererer
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
jquery写的一个小进度条
前两天在知乎上看到有人问这种进度条的做法，就自己写了写。还百度了才知道设置float后要给子元素设置position为absolute或者relative才能使z-index有效。在css和jquery上都是有收获的。 下面是代码，一开始设置display为fixed是我想提醒一下自己到实际应用中进度条都是fix在浏览器窗口上方的~~~<!DOCTYPE html PUBLIC "-//原创 2015-11-09 09:59:24 · 1087 阅读 · 0 评论 -
初学Phaser.js之碰撞检测
写游戏的人都知道碰撞检测，Phaser直接封装好了函数供我们调用，请看Phaser.Physics.Arcade.collide(object1, object2, collideCallback, processCallback, callbackContext)各参数意义如下，看来我们能用回调函数collideCallback做许多事儿~The Arcade Physics w原创 2016-02-27 00:29:21 · 6192 阅读 · 0 评论 -
初学Phaser.js之管中窥豹
Phaser.js是一款开源的javascript2D游戏引擎，我个人觉得它还是十分强大的。我看了一些博客然后又去官网系统的看了文档(话说还真没有人翻译啊...)基本上能仿一些案例做点小游戏了。我个人感觉这个引擎就是在‘画’游戏，还是十分容易上手的。而且它还可以选择用webGL还是canvas渲染，很人性化哈。完整地画了一个flappy bird但是太俗了所以就不放上来了，我还准备做去年百度i原创 2016-02-26 01:56:45 · 1987 阅读 · 0 评论 -
Learning Gulp
Gulp的安装使用npm安装npm install -g gulp这是全局安装,安装到项目则是在项目目录下使用npm install --save-dev gulp使用gulp -v查看版本确认安装成功使用Gulp新建gulpfile文件, 运行Gulp还是用npm安装依赖的插件,Gulp的插件功能都好强大,哈哈哈 比如要使用sass插件编译sass:npm install gulp-sass原创 2016-04-04 11:15:13 · 502 阅读 · 0 评论 -
html5 progress标签样式(各浏览器兼容)
传送门：http://www.zhangxinxu.com/wordpress/?p=3034转载 2016-02-17 20:36:32 · 779 阅读 · 0 评论 -
javascript实现端口扫描
使用javascript可以打造一个端口扫描器翻译 2016-02-01 22:13:24 · 3965 阅读 · 1 评论 -
滤镜模糊效果
filter滤镜可以制作模糊效果，但是兼容性很不好那么如何为其他版本的浏览器量身打造模糊效果呢？先看效果图：情人节要到了，给妹子写几个页面，这是其中一个照片墙的效果，点击一张照片的时候将这个照片放大居中显示，而底下加了一个模糊效果，是不是比一般的遮罩层的单一颜色加opacity要高大上呢！其他细节不说，单说这个模糊效果的class:.blur { fi原创 2016-02-13 02:06:04 · 857 阅读 · 0 评论 -
url,href,src区分
写代码，上网的时候经常会用到url,href和src来将其他资源引入，那么它们三个分别表示什么呢？1.URL(Uniform Resource Locator)统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。格式一般为：协议://用户名:密码原创 2016-02-07 17:59:44 · 728 阅读 · 0 评论 -
javascript的四种函数调用模式以及相应的this绑定
今天在重新看javascript高级程序设计中7.2.2中有一段代码让我费了点时间加上搜索才有点弄懂。 这个例子是用来说明对函数不同的调用会改变this。其中第三个调用(object.getName = object.getName)();使this指向了全局对象，为什么呢？ 这里就需要了解javascript语言精粹中讲过的四种函数调用模式了。函数调用模式：var name = "Jo原创 2015-11-29 22:48:46 · 512 阅读 · 0 评论 -
jQuery.extend函数详解--
原作链接：http://www.cnblogs.com/RascallySnake/archive/2010/05/07/1729563.htmljQuery.extend 函数详解JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。 一、Jquery的转载 2016-02-05 22:22:15 · 373 阅读 · 0 评论 -
windows系统安装sass步骤
windows系统下100%成功的sass安装方法原创 2016-01-27 17:14:33 · 635 阅读 · 0 评论 -
js图片局部放大镜效果
在购物网站的展示页面中常常能看到跟随鼠标移动而移动焦点的放大镜效果，实现这种效果的方法很多，这里给出一种。 你需要一张大图和一张缩小尺寸的小图，小图在界面中显示，大图用来构造放大效果。<div id="mirror"></div> <div id="pic"> <img src="E:/com/front_end/source/middle_About.jpg">原创 2015-12-10 01:14:22 · 6614 阅读 · 0 评论 -
jquery,2048小游戏粗制版
写然后知不足，写了一个丑丑的简简单单的2048，代码在下面。 和原版不一样的地方就是原版如果有连续能消去的不会一次消去，我的这个用递归弄得可以一步消去了，比如4个2在一行，方向键按下之后原版会变成2个4，再按一下才会变成一个8，我的就会直接变成1个8。因为是小游戏所以递归带来的性能问题就没那么严重啦~ 这个版本只能在电脑上试玩，浏览器兼容性我也没有全部测试。方向键控制上下左右。 <html原创 2015-11-12 18:44:32 · 921 阅读 · 0 评论 -
初学Phaser.js之添加菜单与移动端点击
今天接着学Phaser.js,写接元宝游戏,由于最后要放到移动端去玩，所以今天对游戏做出如下完善:1.将game宽高改为百分比，适配屏幕2.新增game.input.onDown来监听移动端触碰，本来在搜touch系事件，后来在stackoverflow上看了几个回答都一直推荐onDown。就去看文档然后就写出来了。Phaser.Input.onDown.add介绍如下:A S原创 2016-02-28 15:25:33 · 3885 阅读 · 0 评论