吟游诗人——吟唱生命的不朽

jQuery功能确实强大，虽然用起来不熟练但是在百度大法的帮助下还是挺好使的，今天便用它实现了一个弹幕墙。 上张成果图，页面没用心写，有点辣眼睛 性子急的朋友可以直接去看代码和效果演示—>戳我<—界面制作就不啰嗦了，后面会放上代码，先讲一下关键技术。实现思路：点击发送弹幕，就会将输入的值保存进一个数组里，并且将当前输入的在弹幕显示框显示出来，同时后台也一直从该数组中每隔一段时间随机抽取一条记录显

这是fcc中级前端的一个项目，有两个功能，分别是随即打开一个wiki界面，及对特定字段进行搜索。演示网址：戳这儿(Wikipedia Search)运行截图： 完整代码免积分下载链接：http://download.csdn.net/detail/qq_32623363/9922829重点： 由于直接获取json格式获取会出现跨域访问的问题，因此便使用了jsonp的格式来传输。 代码如下，

井字游戏的规则是：在一个井字格子的棋盘里下棋，横竖斜一旦三子连子，则胜。而事实上，遵循一定的规则，该游戏便能保证不败，即至少是平局。 若是两人对战，则仅需要判断“胜负平”三种状态即可，比较简单，而人机对战的难点便在于让机器立于不败之地的下棋规则。下面会重点讲解不败的思路。先放一张游戏截图，程序演示与源码下载可以去：戳我演示或下载代码 在此先规定电脑一定是先手，如果电脑不是先手的话算法需要另外设计

番茄时钟的功能想必大家都熟悉，简单点说就是工作时间+休息时间。 该网页就实现了这两个功能，可以自定义工作时间与休息时间，且允许暂停。先放张效果图： 效果演示：戳我进入演示 解释一下，session length表示工作时长，break length表示休息时长，若要看div填充效果则建议将session length改成1来观看，效果比较明显。下面附上代码，里面关键部分有较详细的注释，可以

网页版计算器的制作比想象中要来的容易，界面上只需固定计算器面板的宽高和按钮的宽高即可。先放张图： 代码下载与演示：https://codepen.io/yinyoupoet/pen/oeewWw讲一下设计思路： 首先，将按键分成四种类型——数字与符号、等于、AC、CE。 Ans是保存上一次结果的，在这里点了没用。如果点了数字，就显示在上面的input text框（以下称输出框）内，并追加

题目 将字符串转换为 spinal case。Spinal case 是 all-lowercase-words-joined-by-dashes 这种形式的，也就是以连字符连接所有小写单词。 spinalCase(“This Is Spinal Tap”) 应该返回 “this-is-spinal-tap”。 spinalCase(“thisIsSpinalTap”)应该

题目： 样例输出： 解题思路：使用正则匹配，用replace替换即可代码：function convert(str) { var regObj = { "&":"&amp;", "<":"&lt;", ">":"&gt;", '"':"&quot;", &q

现在有很多天气网站提供了免费或收费的api，如果每日访问量不高的话可以选择免费的，下面便是使用和风天气的api制作的一个显示当前地区当前时间的天气的网页，当然如果需要天气预报等也只需要从获取的json数组里提取就是了。上图一张： 完整代码下载及演示链接：https://codepen.io/yinyoupoet/pen/PjgWWa界面比较简陋，重点只在于后台获取当前位置与当前天气。获取当前经纬度

所谓响应式导航栏，便是能根据窗体大小适配的导航栏，以前见着觉得很高级，而现在终于有机会自己写一个了，先上几张效果图。 这是正常屏幕： 这是手机等小屏幕： 点击右边后能够显示出菜单 要实现这个效果，首先要先导入bootstrap框架 <link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstra

最近在FreeCodeCamp上重温网页前端，并且也学习了一些新东西，这个便是用bootstrap制作的一个简单的前端页面。 代码发布在codepen上，点击访问：BlogDemo 上个图，虽然比较简单，但是用了bootstrap框架后适配性还是不错的，手机上访问没问题。 下面对代码进行一些详细讲解啦~(≧▽≦)/~ 因为没有动态页面所以没有用到js，css用的也不多，主要是用的bootst

一、框架的导入及使用方法导入框架：需要在html代码最前方加上如下代码：<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css"/>同时，为了使用该框架，必须将html代码放在一个class为 container-fluid 的div里面二、图片适配让图片完美适配页面的宽度，只需加上

这是freecodecamp上的一个项目，本来挺简单的，但是格言的免费api不好找，先找到一个国外的，却是搞出了跨域访问的问题，搞了半天没解决，然后想到了“一言”，下面便是用“一言”的api制作的随机格言生成器。功能要求：点击能够按钮获取一条随机格言，并获取作者，同时能够进行分享。在这里的分享就是分享到QQ空间（分享到QQ个人的链接好像挂了，我试了一些大型网站的也分享不了）先上图： 获取格言数据就

题目如下： 检查回文字符串 如果给定的字符串是回文，返回true，反之，返回false。 如果一个字符串忽略标点符号、大小写和空格，正着读和反着读一模一样，那么这个字符串就是palindrome(回文)。 注意你需要去掉字符串多余的