Skip to content

Instantly share code, notes, and snippets.

View huixisheng's full-sized avatar

悔惜晟 huixisheng

79 followers · 164 following
View GitHub Profile
@huixisheng
huixisheng / frontendDevlopmentBookmarks.md
Created June 24, 2013 01:22 — forked from dypsilon/frontendDevlopmentBookmarks.md
@huixisheng
huixisheng / alibaba_campus_quiz3.md
Created August 16, 2013 02:50 — forked from ourai/alibaba_campus_quiz3.md

智勇大闯关第三季

8月20日，阿里校园招聘前端岗位的在线笔试将统一开始。在这之前，我们先玩一下热身赛吧！ http://t.cn/zQRFjtd 截至8月18日11：00之前成功通关并且表现优异的同学，将有机会收到我们的惊喜邮件！

以上是阿里巴巴集团校园招聘的某一条微博的内容。

虽然我早已不是学生，本着好奇心也要玩一玩此游戏！经过几个小时的奋斗，我看到了美女，但不知道那是不是 True Ending。也许很多人把游戏通关之后就不玩不去探索了，可我不一样！我玩游戏向来都是要尽量把所有隐藏要素都挖掘出来才算结束。

正是因为知道结果，才有可能去优化过程，一个工程师的职责难道不正是这个么？“如何自动化、智能地去过每一关”的想法让我的血液稍微沸腾了起来。又经过几个小时的编码及测试，自我感觉已经把“隐藏要素”挖得差不多了。现将各个关卡的过关要点及自动获取过关条件的 JavaScript 脚本放出来。

@huixisheng
huixisheng / HTML-tags.html
Created December 16, 2013 13:58 — forked from yisibl/HTML-tags.md
<!DOCTYPE html> <!-- HTML5 doctype 不区分大小写 -->
<html lang="zh-cmn-Hans-CN"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa -->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <!-- 优先使用IE最新版本和 Chrome -->
<!-- width=device-width 会导致 iPhone 5 添加到主屏后以 WebAPP 全屏模式打开页面时出现黑边 http://bigc.at/ios-webapp-viewport-meta.orz -->
<meta name ="viewport" content ="initial-scale=1.0, maximum-scale=3, minimum-scale=1, user-scalable=no">
@huixisheng
huixisheng / ie-transform.md
Created April 28, 2014 04:31 — forked from yisibl/ie-transform.md
@huixisheng
huixisheng / css_resources.md
Created April 28, 2014 04:33 — forked from jookyboi/css_resources.md

Libraries

  • 960 Grid System - An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
  • Compass - Open source CSS Authoring Framework.
  • Bootstrap - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
  • Font Awesome - The iconic font designed for Bootstrap.
  • Zurb Foundation - Framework for writing responsive web sites.
  • SASS - CSS extension language which allows variables, mixins and rules nesting.
  • Skeleton - Boilerplate for responsive, mobile-friendly development.

Guides

@huixisheng
huixisheng / javascript_resources.md
Created April 28, 2014 04:34 — forked from jookyboi/javascript_resources.md

Libraries

  • jQuery - The de-facto library for the modern age. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
  • Backbone - Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
  • AngularJS - Conventions based MVC framework for HTML5 apps.
  • Underscore - Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects.
  • lawnchair - Key/value store adapter for indexdb, localStorage
@huixisheng
huixisheng / HTML-tags.md
Created May 3, 2014 14:57 — forked from yisibl/HTML-tags.md

常用的 HTML 头部标签

详细介绍参见原文：yisibl/blog#1

<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 -->
<html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa -->
<head>
    <meta charset='utf-8'> <!-- 声明文档使用的字符编码 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <!-- 优先使用 IE 最新版本和 Chrome -->
@huixisheng
huixisheng / gist-blog-browser-js-error-catch-summary.md
Created July 2, 2014 01:29 — forked from neekey/gist-blog-browser-js-error-catch-summary.md

捕捉浏览器中的JS运行时错误，主要通过监听window.onerror来实现。但是对于不同的脚本执行方式以及不同的浏览器，能捕获到的信息会有区别。

window.onerror 讲接收3个参数：

  • msg：错误描述，比如：a is not defined
  • url：出错脚本所在的url
  • lineNumber：出错脚本的行数

本文将对不同浏览器和不同的脚本执行方式进行测试，并总结这些区别。

@huixisheng
huixisheng / 0_reuse_code.js
Created July 30, 2014 01:09
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@huixisheng
huixisheng / iOS-7-web-app.html
Created August 4, 2014 09:05 — forked from tfausak/ios-8-web-app.html
<!doctype html>
<html>
<head>
<!-- Run in full-screen mode. -->
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- Make the status bar black with white text. -->
<meta name="apple-mobile-web-app-status-bar-style" content="black">