gwuhaolin

前端异常监控

为什么需要前端异常监控

如今Web庞大复杂应用场景广泛，再加上各种浏览器造成的环境差异，很难保证我们的页面呈现给每个用户时都是正常的。稳定和准确是每个产品的基础，对于用户直接交互的页面更加显得重要。我们不能等到用户投诉后才知道出现问题，而是应该主动监控尽快暴露出异常。

前端有哪些异常

• 静态资源加载异常
  • 网络环境恶劣
  • 运营商劫持
  • 文件丢失

aNd1coder

weixin://dl/stickers
weixin://dl/games
weixin://dl/moments
weixin://dl/add
weixin://dl/shopping
weixin://dl/groupchat
weixin://dl/scan
weixin://dl/profile
weixin://dl/settings
weixin://dl/general

jaceklaskowski

Requirements

• no upfront installation/agents on remote/slave machines - ssh should be enough
• application components should use third-party software, e.g. HDFS, Spark's cluster, deployed separately
• configuration templating
• environment requires/asserts, i.e. we need a JVM in a given version before doing deployment
• deployment process run from Jenkins

Solution

bodokaiser

#!/bin/sh

#
# chkconfig: 35 99 99
# description: node.js /home/bodokaiser/tmp/<name>
#

. /etc/rc.d/init.d/functions

# application name

pmeenan

// Support routines for automatically reporting user timing for common analytics platforms
// Currently supports Google Analytics, Boomerang and SOASTA mPulse
// In the case of boomerang, you will need to map the event names you want reported
// to timer names (for mPulse these need to be custom0, custom1, etc) using a global variable:
// rumMapping = {'aft': 'custom0'};
(function() {
var wtt = function(n, t, b) {
  t = Math.round(t);
  if (t >= 0 && t < 3600000) {
    // Google Analytics

balupton

DocPad: Paging Solutions

• post.html.eco used for displaying prev and next page links on your current page (static site friendly)
• posts.html.eco used for displaying a content listing, that is split up onto multiple pages (requires dynamic site)
• paged plugin used for splitting a document into a different pages, very neat (static site friendly)

ninehills

WR703N OpenWrt 配置流程

下载安装

访问WR703N在OpenWrt的[Wiki页][wr703n-openwrt]，然后在Flashing一节中找到下载链接：[squashfs-factory.bin][flash.bin]，下载后别忘了[比对md5][md5sum]。^[1]

进入路由器管理界面，出厂配置为http://192.168.1.1，用户名和密码均为admin，然后进入固件更新，选择下载的文件，然后更新。

somebox

/* 
   Some simple Github-like styles, with syntax highlighting CSS via Pygments.
*/
body{
	font-family: helvetica, arial, freesans, clean, sans-serif;
	color: #333;
	background-color: #fff;
	border: none;
	line-height: 1.5;
	margin: 2em 3em;

tim-smart

--langdef=js
--langmap=js:.js
--regex-js=/(,|(;|^)[ \t]*(var|let|([A-Za-z_$][A-Za-z0-9_$.]+\.)*))[ \t]*([A-Za-z0-9_$]+)[ \t]*=[ \t]*\{/\5/,object/
--regex-js=/(,|(;|^)[ \t]*(var|let|([A-Za-z_$][A-Za-z0-9_$.]+\.)*))[ \t]*([A-Za-z0-9_$]+)[ \t]*=[ \t]*function[ \t]*\(/\5/,function/
--regex-js=/(,|(;|^)[ \t]*(var|let|([A-Za-z_$][A-Za-z0-9_$.]+\.)*))[ \t]*([A-Za-z0-9_$]+)[ \t]*=[ \t]*\[/\5/,array/
--regex-js=/(,|(;|^)[ \t]*(var|let|([A-Za-z_$][A-Za-z0-9_$.]+\.)*))[ \t]*([A-Za-z0-9_$]+)[ \t]*=[ \t]*[^"]'[^']*/\5/,string/
--regex-js=/(,|(;|^)[ \t]*(var|let|([A-Za-z_$][A-Za-z0-9_$.]+\.)*))[ \t]*([A-Za-z0-9_$]+)[ \t]*=[ \t]*(true|false)/\5/,boolean/
--regex-js=/(,|(;|^)[ \t]*(var|let|([A-Za-z_$][A-Za-z0-9_$.]+\.)*))[ \t]*([A-Za-z0-9_$]+)[ \t]*=[ \t]*[0-9]+/\5/,number/
--regex-js=/(,|(;|^)[ \t]*(var|let|([A-Za-z_$][A-Za-z0-9_$.]+\.)*))[ \t]*([A-Za-z0-9_$]+)[ \t]*=[ \t]*.+([,;=]|$)/\5/,variable/
--regex-js=/(,|(;|^)[ \t]*(var|let|([A-Za-z_$][A-Za-z0-9_$.]+\.)*))[ \t]*([A-Za-z0-9_$]+)[ \t]*[ \t]*([,;]|$)/\5/,variable/