概述 前几天面试,hr发来一个测试文件,让我做做看.我一看,其实就是根据PSD需求写一个页面,再加上一些互动效果即可. 刚好我之前学了切图,jquery等知识还没练手过,于是高兴的答应了. 最后花了3天(中间也断断续续有一些应酬+面试)写了个页面出来,点击这里可以看到:游戏介绍页. 因为是放在github上面,所以打开有点慢,请耐心等待. 需求 除了按照上图写一个网页之外,还有如下简单的交互需求: 左边的导航栏,在hover和click的时候有效果. 点击75,70,60,50这些武器等级,或者…
先放上链接吧,项目已经开始2周了:https://github.com/hellozhangran/happy-egg-server 想法 现在是2019年11月24日,还有人要开始学习Node.js吗? Node.js大概从2014年开始火热,现在搜一下学习教程,很多开源教程都是3~5年前写下的.再详细搜一下express.mongodb相关文章,时间点大部分也是2017,大量的Node.js开源项目也已经停更了.当年大家都在讨论Node.js为何这么火,而此刻我发现大家开始讨论为何Node.…
本文参考Bootstrap官方文档写了简单页面来熟悉Bootstrap的栅格系统.常用CSS样.Javascript插件和部分组件. 以下html代码可以直接复制本地运行: BootstrapPage1:常见的一种页面类型,页面导航,左侧分类.右侧新闻列表  [点击查看效果] <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&…
jQuery插件其实是前端框架的思维,构成一个框架,个人认为必须满足以下几个基础条件:1. 可重用,2. 兼容性,3. 维护方便,虽说现在有很多比较成熟的前端框架,但是也有部分存在配置麻烦,学习成本大的麻烦.jQuery的学习成本相对较低,对于有JavaScript基础的朋友很容易上手.而且我也希望能利用jQuery写一套自己的前端框架,有跟我一样想法的人,欢迎扫描尾部二维码,加入群聊,交流学习! 一:关于如何写jQuery插件的方法有三种: 1. 使用$.extend()来扩展jQuery:…
概述 近几年由于直播,弹幕流行起来,之前看到过用js制作弹幕墙的思路,觉得很有趣.自己就花了点时间把他做成了更灵活的jQuery插件,现在分享出来. 详细 代码下载:http://www.demodashi.com/demo/10371.html 1.此插件逻辑简单,注释清晰,下载及用 2.如果读者能理解源码当然更好 3.读者可以根据实际需要修改样式或布局 一.准备工作 1.主流浏览器(非ie),ie9+ 2.掌握html.css.js基础 二.实现思路 1.文件结构 bullet-screen…
var select = (function () { //这是一个异常与捕获的代码,它表示的意思是:如果push方法出现了错误那么就需要重写push方法 try { //这边是自己模拟一个场景,来使用系统的push方法,如果可以实现的话就证明系统支持push方法 //这种方法是系统能力检测中的方法功能检测 var div = document.createElement( 'div' ); div.innerHTML = '<p></p>'; var arr = []; push…
/*可加载页面吗*/function canLoadMore() { return $('.loadin').length < 1;}/*移除正在加载字样*/function removeMore() { $('.loadin').remove();}/*没有更多内容字样*/function noMore($contentBox) { $('.loadin').html('<div style="color: #999;font-size: 36px">没有更多了..…
本文来之于:http://blog.csdn.net/jetsteven/article/details/5104380# 1.经常用到如下图的选择器,而且要支持排序的,所以萌生用JQUERY写一个. 功能如下: 左右多选,移动. 右边的项可以上下拖动 源代码如下 /* name:TwoWay-Select Control for Jquery author:arn date:2009-12-29 remark: AJAX URL返回数据必须是json格式{state:1,msg:'',fiel…
在<C程序设计伴侣>以及这几篇关于cURL的文章中,我们介绍了如何利用cURL写一个下载程序,从网络下载文件.可是当我们在用这个程序下载文件时,又遇到了新问题:如果这个网址是无效的,那么我们的下载会失败,这就意味着我们在进行下载之前,需要对这个文件的网址的有效性进行验证.另外一个需要对网址进行验证的场景是,在C++11 FAQ中文版中有很多链接,因为一些后期的维护,其中的有些链接可能会失效,这就要求我们对其中的链接的有效性进行检查验证,及时地发现失效链接并进行维护. 以上这些场景下,都要求我们…
前言 初学jquery写的代码,陈年往事回忆一下. 正文 介绍一下大体思路 思路: 1.需要控制一块区域,这块区域一开始是隐藏的. 2.这个区域需要关闭按钮,同时我需要写绑定事件,关闭的时候让这块区域消失. 3.需要动态控制遮罩层. 4.当窗体滚动的时候,我需要去让这块移动,那么这块区域的定位应该是绝对定位的. 5.当窗体大小变化的时候,我需要将这个登录从新定位 说了这么多其实就是一个简单的效果: 嗯,按照这个大体的思路,我当时写下这样一份充满了bug性代码. //遮罩层 $(function…