请叫我头头哥

随笔分类 -  web

本地JS文件批量压缩
摘要：本地JS文件批量压缩最近在维护一个小后台项目，有段JS需要压缩上传到CDN存储服务器。由于之前压缩的JS文件都比较少，都是手动压缩的。这次需要压缩的文件比较多，所以用了批量压缩。特此记录一下，方便大家和自己以后再用到的时候备忘。 v准备工作 安装nodejs 首先在本地安装node.js和npm，一般npm集成于nod 阅读全文
posted @ 2022-11-27 21:54 请叫我头头哥 阅读(737) 评论(0) 推荐(1) 编辑
拥抱单页网站! jQuery全屏滚动插件fullPage.js
摘要：请叫我头头哥 web前端特效不知道从什么时候开始,单页网站就悄悄走进人们的视线,尤其是国外的网站,更是钟爱单页网站.制作一个全屏滚动的效果,然后每个滚动页弄一个好看的背景色,配上一些描述性的文字,大家都喜欢这么弄,仿佛逼格瞬间可以爆表似的.当然,不得不承认,介绍产品的页面用单页网站似乎确实高大上的多.在站长之家看到一篇文章，让我对单页网站有了探索的热情。文章这么写的：“随着单页网站从未经考验的即兴创作一跃成为受人热捧的潮流趋势，垂直滚动的理念正式成了人们目光聚焦的中心。与此同时，设计师们也在大踏步地创新，力求让这一趋势在百尺竿头更进一步。根据人类的自然习性，我们在刚开始习惯某项新鲜事物时总会尽量维持耐心。但在互联网上，则截然相反。随着网络日渐成为我们生活的中心，人们的耐心越来越差。正是因此，我们开 阅读全文
posted @ 2018-08-04 23:10 请叫我头头哥 阅读(1051) 评论(0) 推荐(1) 编辑
Html5拖拽复制
摘要：请叫我头头哥 web前端特效拖拽是一种常见的特性，即抓取对象以后拖到另一个位置。 在 HTML5 中，拖拽是标准的一部分，任何元素都能够拖拽。 Html5拖拽非常常见的一个功能，但是大部分拖拽的案例都是一个剪切的过程， 项目中需要实现Html5拖拽复制的功能，Html5拖拽复制很简单，只需要在普通Html5拖拽的过程中做一点小小的改动即可。ps: 本篇博文为非首页文章,只是简单的笔记。 阅读全文
posted @ 2016-09-28 08:56 请叫我头头哥 阅读(3911) 评论(0) 推荐(2) 编辑
高效coder,筹备开源框架toutou.escort.js
摘要：背景：JavaScript在工作中运用的非常广泛，作为一门弱类型语言，在使用JavaScript的时候，很多事情需要coder manual的去完成，这无疑增加了coder的工作量扩展：在这样的背景下，很多coder会将JavaScript一些需要自己manual去做的事情单独记录下来，以便在以后的工作中如果再遇到需要manual完成的工作可以轻松一些。在工作中经常接触JavaScript，也就有了一些积累。就有了toutou.escort.js。即使她现在还不是很完善，也可能有很多问题无法解决。但是既然打算将她"造"出来，我就会在以后的工作 中不断的基类，让她不断的"丰满"起来。 阅读全文
posted @ 2016-05-09 19:44 请叫我头头哥 阅读(1613) 评论(8) 推荐(12) 编辑
玉渊潭赏樱花有感：从无到有写一个jQuery开源插件
摘要：玉渊潭公园樱花节”是每年樱花绽放时，都会在玉渊潭公园樱举办樱花节，游客前往玉渊潭公园，可以欣赏到20个品种2000株樱花。2016玉渊潭樱花节时间:3月中旬-4月中旬观赏最佳,2016年3月23日开幕(具体开幕时间不详- -)6:00─20:30(21:30静园)。樱花的花期极短，从开花到凋谢只不过七日之期，而整棵樱树从开花到全谢也只有两个礼拜左右。在北京好几年了，一直没有去看过樱花，主要是对那玩样不感冒。这次在好友的再三邀请下，终于来到了玉渊潭公园赏樱花，故事就这样开始了... 阅读全文
posted @ 2016-04-04 20:50 请叫我头头哥 阅读(3822) 评论(32) 推荐(33) 编辑
这些web前端特效你造吗?
摘要：请叫我头头哥 web前端特效本文中所有给出的特效都是本人将一些需要引入的js或者css文件传到local经过测试以后展示给大家的。如果大家在调试的时候有问题可以随时提出来。因为每个案例代码都太多了，所以所有代码都只给出部分主要代码(便于大家在得到源码之前，可以更好的读懂特效)，当然大家也可以根据右下方的导航栏直接看特效，在看了效果图以后对某个特效有兴趣，这里我会对应的提供源码下载地址。 阅读全文
posted @ 2016-03-22 20:39 请叫我头头哥 阅读(12079) 评论(53) 推荐(133) 编辑
凛冬将至，用几款特效暖暖身
摘要：凛冬将至(Winter Is Coming)，距北京供暖也没几天了，正在筹备全民抗寒工作。在这准备好迎接寒冬之际，先来几款前端特效暖暖身。可以在日后的寒冬里用来抗寒。本着对自己/对园友负责的态度，我这里提供的抗寒特效均是经过本人测试和研究过的，我会尽量将每款特效细化，详细介绍其使用方法或者注意事项，不好理解的地方加注释。力图通过这篇博文能让园友有所收获，欢度寒冬，坐等年终奖。说到年终奖是不是很多人开始意yin了？ 阅读全文
posted @ 2015-11-09 20:41 请叫我头头哥 阅读(6345) 评论(56) 推荐(89) 编辑
HTML5游戏开发引擎,初识CreateJS
摘要：CreateJS为CreateJS库，可以说是一款为HTML5游戏开发的引擎。打造 HTML5 游戏，构建新游戏，提供构建最新 HTML5 的技术、你可以通过这个网站学习如何构建跨平台和跨终端游戏。这个资源库还会告诉你如何构建多人在线游戏。CreateJS 是一套可以构建丰富交互体验的 HTML5 游戏的开源工具包，旨在降低 HTML5 项目的开发难度和成本，让开发者以熟悉的方式打造更具现代感的网络交互体验。 阅读全文
posted @ 2015-11-02 20:31 请叫我头头哥 阅读(17695) 评论(12) 推荐(17) 编辑
谷歌/微软/必应web页面免费翻译插件
摘要：随着网络时代的日益壮大，现在我们经常需要浏览一些各种外语的网页，或者是查阅资料帮助我们解决问题。更多的时候还是头疼在语言障碍上，正所谓"它认识你，你不认识它啊。"谷歌和微软两个企业，作为当下科技领域的龙头企业，都有着各自针对翻译的解决方案，而且还非常易用。本文我就像大家介绍一下谷歌/微软/必应这三款web页面翻译工具。很多时候，可能我们web项目中需要的只是机械式的翻译，并不需要什么利用xml或者js json等等实现逼真翻译，那样工作量太大。这时候可能你就需要这几款小工具来帮助你。当然，如果对翻译或者你的项目外国用户非常多的话，还是介绍自己动手做语言切换，毕竟工具翻译是机械翻译。 阅读全文
posted @ 2015-09-24 14:04 请叫我头头哥 阅读(20006) 评论(34) 推荐(71) 编辑
jq+css+html简单实现导航下拉菜单
摘要：相信导航栏下拉菜单是web开发最常见的一个item了.这里就不做介绍了，直接上code.这里只是简单实现一下，如果页面要求比较高，可能就不是很实用了，这个只是当时接了一个私活，因为比较注重业务而不是code所以就写的比较快。 阅读全文
posted @ 2014-11-15 13:05 请叫我头头哥 阅读(2905) 评论(2) 推荐(20) 编辑
玩转CSS3,嗨翻WEB前端,CSS3伪类元素详解/深入浅出[原创][5+3时代]
摘要：在我的上一篇博客中， 很多园友提出说对css3"画图"不是很理解， 在跟他们私聊了一段时间以后，加上自己在开始自学css3的时候的疑惑，我觉得大家之所以不是很理解主要是因为对伪元素不太了解，介于画图和CSS3里一些高大上的特效用的比较广泛的伪类元素就是::before 和 ::after， 写这篇博客主要也是为了起到一个敲门砖的作用，所以本篇博客主要是讲::before 和 ::after。那么就让我们一起来聊聊伪元素吧。 阅读全文
posted @ 2014-10-16 21:52 请叫我头头哥 阅读(4546) 评论(64) 推荐(51) 编辑
html5+css3实现跑动的爱心/动态水滴效果[原创][5+3时代]
摘要：大风起兮云飞扬，安得猛士兮走四方!html5+css3，不学不行。 做web开发已经有好几年了，见证了太多语言的崛起和陨落。 其实作为一个程序员最苦逼的事情莫过于每天要不停的追赶各大公司新出的框架和语言(这首当其冲的就是.net程序员，当然很不幸，我就是.net成员，这刚把mvc 4.0整明白现在5.0又出来了。) 当然，抱怨解决不了任何问题，抱怨也无法让你的钱包鼓起来。so, 程序猿们，继续学习吧。html5+css3时代， 简称3+5时代(3+5是我自己瞎编的，没有任何依据 - -)显然已经铺天盖地而来，2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。这也就以为着，我们又该赶紧学习了，不然又要奥特曼了。其实我在很早以前就开始接触html5了。 阅读全文
posted @ 2014-10-12 21:52 请叫我头头哥 阅读(9698) 评论(30) 推荐(52) 编辑
纯css实现照片墙3D效果
摘要：请叫我头头哥每张照片都有美丽的故事、美好的回忆。家居中的照片墙则帮你展现出这些承载着家庭重要记忆的照片，除了用画框装饰照片挂在墙上外，照片墙还可以演变为手绘照片墙。也经常在网上看到一些关于照片墙的特效案例，决定自己动手试试。 阅读全文
posted @ 2013-11-18 20:08 请叫我头头哥 阅读(12316) 评论(30) 推荐(43) 编辑
jquery 基础教程[温故而知新二]
摘要：子曰：“温故而知新，可以为师矣。”孔子说：“温习旧知识从而得知新的理解与体会，凭借这一点就可以成为老师了。“ 尤其是咱们搞程序的人，不管是不是全栈工程师，都是集十八般武艺于一身。不过有时候有些知识如果有很久没用了的话，就会忘记，甚至是忘的你一点都想不起来，尤其是一些基础的东西。所以我才打算写个"温故而知新"的系列博文出来，一来是这些基础的东西我比较健忘，以后方便自己翻阅；二来是希望可以帮助到一些刚入门的朋友。这个系列记录的所有知识点都是最最最(重要的事情说三遍)基础的知识。大部分都是我学习的时候所积累的笔记。 阅读全文
posted @ 2013-09-26 00:39 请叫我头头哥 阅读(2475) 评论(35) 推荐(35) 编辑
javascript 基础教程[温故而知新一]
摘要：子曰：“温故而知新，可以为师矣。”孔子说：“温习旧知识从而得知新的理解与体会，凭借这一点就可以成为老师了。“ 尤其是咱们搞程序的人，不管是不是全栈工程师，都是集十八般武艺于一身。不过有时候有些知识如果有很久没用了的话，就会忘记，甚至是忘的你一点都想不起来，尤其是一些基础的东西。所以我才打算写个"温故而知新"的系列博文出来，一来是这些基础的东西我比较健忘，以后方便自己翻阅；二来是希望可以帮助到一些刚入门的朋友。这个系列记录的所有知识点都是最最最(重要的事情说三遍)基础的知识。大部分都是我学习的时候所积累的笔记。 阅读全文
posted @ 2013-09-24 22:25 请叫我头头哥 阅读(2302) 评论(10) 推荐(14) 编辑
纯JS实现俄罗斯方块，打造属于你的游戏帝国
摘要：俄罗斯方块（Tetris， 俄文：Тетрис）是一款电视游戏机和掌上游戏机游戏，它由俄罗斯人阿列克谢·帕基特诺夫发明，故得此名。 俄罗斯方块的基本规则是移动、旋转和摆放游戏自动输出的各种方块，使之排列成完整的一行或多行并且消除得分。由于上手简单、老少皆宜，从而家喻户晓，风靡世界。 阅读全文
posted @ 2013-06-27 22:18 请叫我头头哥 阅读(4694) 评论(43) 推荐(41) 编辑

//Setting ico for cnblogs
点击右上角即可分享
微信分享提示