前端web技术
文章平均质量分 55
fanzhang1990
这个作者很懒,什么都没留下…
展开
-
关于chrome设置cookie的问题
刚开始学习js,很多东西还不熟。老大叫我搞一个cookie,设置访问一个页面出现一个弹窗,关了后,以后访问就不出现了。于是啊学习cookie,发现cookie就那么几个问题。设置cookie,获取cookie,删除cookie。写一个简单的代码,怎么也没有效果。后来老大指点一下,原来chrome规定本地不可以设置cookie,换了ie,就可以运行了。原创 2013-12-05 19:21:09 · 5584 阅读 · 0 评论 -
jquery鼠标移动图片的小例子
随手用jquery写了一个图片随鼠标移动的小例子,玩玩。鼠标移动的效果div{position: absolute;left:100px;width: 70px;height: 60px;font-size: 10px;}img{width: 60px;height: 35px;}p{margin-top: 5px原创 2014-03-16 23:26:51 · 1006 阅读 · 3 评论 -
mouseover事件与mouseenter事件的区别
转自 http://blog.sina.com.cn/s/blog_627002d10100z6x4.html不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。对应mouseout只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。对应mouseleave这样的话,mouseenter子元素不会反复触发事件,否转载 2014-03-16 22:23:50 · 1329 阅读 · 0 评论 -
一个JavaScript工程师必须掌握的几个方面
转自 http://www.xprogrammer.com/1238.html作为一个JavaScript工程师,在写一个工具库时,一般来说,需要提供如下的模块。核心模块:core.js$namespace 注册命名空间:$namespace('human.software.dom');// window.human.software.dom$pac转载 2014-03-21 16:47:52 · 801 阅读 · 0 评论 -
我开发的第一款HTML5游戏《驴子跳》
转自 http://www.iteye.com/topic/1122395经过两个多月断断续续的开发,我的第一款游戏《驴子跳》终于完成了,此时,我已经迫不及待地想跟大家分享这个过程,包括学习方法、游戏源码、和经验心得;本文的目的,是希望能帮助更多的人快速地加入到HTML5的大团队,同时也希望能得到各种大侠的指点。 本文所有内容基于个人的学习过程和经验,因此在整理文转载 2014-03-21 15:40:40 · 4655 阅读 · 2 评论 -
HTML5 canvas save和restore方法讲解
转自 http://blog.sina.com.cn/s/blog_a3468cf601013dmi.htmlsave()和restore()方法是绘制复杂图形必不可少的方法.它们分别是用来保存和恢复 canvas 状态的,都没有参数。Canvas 状态是以堆(stack)的方式保存的,每一次调用 save 方法,当前的状态就会被推入堆中保存起来。这种状态包括:当前应用的变形转载 2014-03-21 16:19:35 · 14185 阅读 · 0 评论 -
Canvas API
转自 http://javascript.ruanyifeng.com/htmlapi/canvas.html#目录概述绘图方法图像处理方法插入图像读取Canvas的内容将Canvas转化为图像文件保存和恢复上下文像素处理灰度效果复古效果红色蒙版效果亮度效果反转效果参考链接概述转载 2014-03-21 15:11:42 · 1351 阅读 · 0 评论 -
使用面向对象的技术创建高级 Web 应用程序
转自 http://msdn.microsoft.com/zh-cn/magazine/cc163419.aspx#S1转载 2014-04-08 14:57:46 · 636 阅读 · 0 评论 -
sublime text3安装 SublimeTmpl插件
使用sublime text3中插件不少,SublimeTmpl插件是个不错的选择原创 2014-05-14 12:19:52 · 11181 阅读 · 0 评论 -
如何将Emmet安装到到 Sublime text 3?
看清楚哦~~这是Sublime text 3不是2的版本,两者的安装还是有区别的,下面的方法是我感觉比较简单的,其他的要命令什么的感觉太复杂了,经测试是OK的。先关闭Sublime text 3:第一步:下载sublime_package_control-master.zip ,解压命名文件夹为Package Control。(注意大小写)第二步:下载sublime_pac转载 2014-05-14 10:59:15 · 980 阅读 · 0 评论 -
jquery实现人物简单走动
看到 别人用js写了一个任务基本跑动的动作,我就用jquery实现一下。一下是我的代码,写的比较粗糙,呵呵,jquery功力有待提高。人物跑动画面.im{position: absolute;top:400px;left:800px;width: 60px;height: 60px;}div{border: sol原创 2014-03-14 22:55:51 · 4202 阅读 · 0 评论 -
Laravel学习笔记(二)Laravel 应用程序的体系结构
转自 http://www.tuicool.com/articles/RVfay2在一切环境就绪了,当然就要开始了解框架了。站在巨人的肩膀上,学东西会事半功倍。我在网上找到一篇好文章,正好可以让我轻松了解Laravel应用程序的体系结构。因此借来直接用了。该章节内容翻译自 《Architecture of Laravel Applications》 ,转载 2014-03-13 17:09:40 · 2124 阅读 · 0 评论 -
html5新增元素的熟悉
1.video 视频html5_1video元素是新增的视频元素,controls:是控制属性供添加播放、暂停和音量控件。autoplay :如果出现该属性,则视频在就绪后马上播放。loop:如果出现该属性,则当媒介文件完成播放后再次开始播放。当前,video 元素支持三种视频格式:ogg ,mp4 ,原创 2014-03-05 23:03:03 · 732 阅读 · 0 评论 -
js使用heatmap热力图的一些操作
因为项目的需要,用到热力图heatmap。现在很多像购物网站,都用到heatmap分析顾客在网站上哪些地方点击量比较大。heatmap的详细介绍在http://www.patrick-wied.at/static/heatmapjs/index.html#,有例子介绍。项目中需要知道整个网页哪些链接a,被点击的次数用颜色的深浅表示。首先下载heatmap.js插件热力图的范围用原创 2014-01-09 16:09:36 · 21041 阅读 · 6 评论 -
jquery的each()详细介绍
each()方法能使DOM循环结构简洁,不容易出错。each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。下面提一下each的几种常用的用法 each处理一维数组 var arr1 = [ "aaa", "bbb", "ccc转载 2014-02-24 16:50:27 · 622 阅读 · 0 评论 -
jQuery学习资料分享
学习jQuery有一段时间了,收集了不少资料,这里把资料的链接分享给大家。另外推荐大家微博关注“开源中国”、“HTML5研究小组”、“百度技术沙龙”等,还有博客园的“梦想天空(山边小溪)”博客,我的很多资料都是从上面收集到的。jQuery学习教程:(1)20个jQuery分页插件和教程,附带实例(2)2011最有用最潮的jQuery特效教程(3)如何使用 jQuer转载 2014-02-27 15:37:02 · 2486 阅读 · 0 评论 -
Web开发者不容错过的20段CSS代码
Web开发技术每年都在革新,浏览器已逐渐支持CSS3特性,并且网站设计师和前端开发者普遍采用这种新技术进行设计与开发。但仍然有一些开发者迷恋着一些CSS2代码。本文将分享20段非常专业的CSS2/CSS3代码供大家使用,你可以把它们保存在IDE里、或者存储在CSS文档里,这些代码片段绝对会给你带来意外的惊喜。1. CSS Resets网络上关于CSS重置的代码非常多转载 2014-03-03 14:34:42 · 1039 阅读 · 0 评论 -
前端开发人员必须熟悉的10个CSS3属性
随着Css3和html5的风靡,越来越多的前端人员开始学习Css3,今天的文章就是来说说前端应该掌握10个Css3属性。对于Css3的新属性,你又了解多少呢?虽然大多数的css3属性在很多流行的浏览器中不支导读:随着Css3和html5的风靡,越来越多的前端人员开始学习Css3,今天的文章就是来说说前端应该掌握10个Css3属性。对于Css3的新属性,你又了解多少呢?虽然大多数转载 2014-03-02 15:22:21 · 1372 阅读 · 0 评论 -
svg基础学习笔记
svg学习笔记1.rectangle(矩形) Sorry, your browser does not support inline SVG. width和height 代表矩形的宽度和高度,x:代表矩形的左边的位置y:代表矩形的上边的位置fill 代表矩形填充的颜色,原创 2014-03-03 14:31:29 · 2318 阅读 · 0 评论 -
d3学习之(Data Visualization with d3.js Cookbook )三(第三章)
第三章 处理数据 在这一章中我们将要学习…… 1.绑定数组作为数据 2.绑定对象作为数据 3.绑定函数作为数据 4.处理数组 5.过滤数据 6.分类数据 7.从服务器载入数据引言 这这一章我们将研究数据可视化最本质的问题,数据是如何在程序的内转载 2014-03-03 17:08:12 · 2081 阅读 · 0 评论 -
d3学习之(Data Visualization with d3.js Cookbook )二(第二章)
第二章 选择器 在这一章中我们将学习以下几个方面 1.选择单个元素 2.选择多个元素 3.循环访问一个选择集 4.子(部分)选择器 5.方法链条 6.操作原生选择器转载 2014-03-03 17:06:20 · 4738 阅读 · 0 评论 -
以小见大、由浅入深-谈如何面试Javascript工程师
面试Javascript工程师难吗?Javascript工程师的水平参差不齐,如何评定他们技术水平的高低?如何确定Javascript工程师适合承担哪方面的任务?我在腾讯时的面试经验是,通过不同纬度的结构化问题、由浅入深的进行考查。 基础 如何判断一个对象是方法?这个问题简单有简单的答案,复杂有复杂的答案,但可能都不是最好的答案。转载 2014-03-05 18:04:14 · 569 阅读 · 0 评论 -
关于php中运行shell脚本的权限问题
apache2和php安装好后,发现在php代码中无法运行shell脚本,原来是权限问题。Linux上很多东西,尼玛很多问题都涉及到权限问题。折腾了半天,原来还有www-data这个用户,所以在/etc/sudoers中加入www-data ALL=NOPASSWD:ALL,就可以在php中调用shell脚本了。原创 2015-01-22 16:59:38 · 2374 阅读 · 0 评论