高阶函数map reduce filter

2017-09-17

整理于互联网

map

    阅读全文

    Set与Map

    2017-09-17

    Map

    • Map是一组键值对的结构，具有极快的查找速度
    • 用Map实现，只需要一个“名字”-“成绩”的对照表，直接根据名字查找成绩，无论这个表有多大，查找速度都不会变慢。用JavaScript写一个Map如下：

    阅读全文

    web开发中跨域解决方案

    2017-09-17

    什么是跨域？

    • 概念如下：只要协议、域名、端口有任何一个不同，都被当作是不同的域

    下面是具体的跨域情况详解

    阅读全文

    JS计算字符串所占字节数

    2017-09-12
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    /**
     * 计算字符串所占的内存字节数，默认使用UTF-8的编码方式计算，也可制定为UTF-16
     * UTF-8 是一种可变长度的 Unicode 编码格式，使用一至四个字节为每个字符编码
     * 
     * 000000 - 00007F(128个代码)      0zzzzzzz(00-7F)                             一个字节
     * 000080 - 0007FF(1920个代码)     110yyyyy(C0-DF) 10zzzzzz(80-BF)             两个字节
     * 000800 - 00D7FF 
       00E000 - 00FFFF(61440个代码)    1110xxxx(E0-EF) 10yyyyyy 10zzzzzz           三个字节
     * 010000 - 10FFFF(1048576个代码)  11110www(F0-F7) 10xxxxxx 10yyyyyy 10zzzzzz  四个字节
     * 
     * 注: Unicode在范围 D800-DFFF 中不存在任何字符
     * {@link http://zh.wikipedia.org/wiki/UTF-8}
     * 
     * UTF-16 大部分使用两个字节编码，编码超出 65535 的使用四个字节
     * 000000 - 00FFFF  两个字节
     * 010000 - 10FFFF  四个字节
     * 
     * {@link http://zh.wikipedia.org/wiki/UTF-16}
     * @param  {String} str 
     * @param  {String} charset utf-8, utf-16
     * @return {Number}
     */
         
        var sizeof = function(str, charset){
            var total = 0,
                charCode,
                i,
                len;
            charset = charset ? charset.toLowerCase() : '';
            if(charset === 'utf-16' || charset === 'utf16'){
                for(i = 0, len = str.length; i < len; i++){
                    charCode = str.charCodeAt(i);
                    if(charCode <= 0xffff){
                        total += 2;
                    }else{
                        total += 4;
                    }
                }
            }else{
                for(i = 0, len = str.length; i < len; i++){
                    charCode = str.charCodeAt(i);
                    if(charCode <= 0x007f) {
                        total += 1;
                    }else if(charCode <= 0x07ff){
                        total += 2;
                    }else if(charCode <= 0xffff){
                        total += 3;
                    }else{
                        total += 4;
                    }
                }
            }
            return total;
        }

    阅读全文

    iframe+表单跨域提交POST请求

    2017-09-04

    虚拟表单的形式提交post请求

    • 现需要把数据源解析提交到表单，创建一个隐藏的表单、隐藏的iframe,表单的target指向iframe的name

    阅读全文

    浅谈JavaScript中的异步处理

    2017-08-27

    整理于互联网

      阅读全文

      移动端meta标签一览

      2017-08-23
      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      23
      24
      25
      26
      27
      28
      29
      30
      31
      32
      33
      34
      35
      36
      37
      38
      39
      40
      41
      42
      43
      44
      45
      46
      47
      48
      49
      50
      51
      52
      53
      54
      55
      56
      57
      58
      59
      60
      61
      62
      63
      64
      65
      66
      67
      68
      69
      70
      71
      72
      73
      74
      75
      76
      77
      78
      79
      80
      81
      82
      83
      84
      85
      86
      87
      88
      89
      90
      91
      92
      93
      94
      95
      96
      97
      98
      99
      100
      101
      102
      103
      104
      105
      106
      107
      108
      109
      110
      111
      112
      113
      114
      115
      116
      117
      118
      119
      120
      121
      122
      123
      124
      125
      126
      127
      128
      129
      130
      131
      132
      133
      134
      135
      136
      137
      138
      139
      140
      <!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 -->
      <html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa -->
      <head>
          <!-- 声明文档使用的字符编码 -->
           <meta charset='utf-8'>
           
          <!-- 优先使用 IE 最新版本和 Chrome -->
          <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
          
          <!-- 页面描述 -->
          <meta name="description" content="不超过150个字符"/>
          
          <!-- 页面关键词 -->
          <meta name="keywords" content=""/>
          
          <!-- 网页作者 -->
          <meta name="author" content="name, email@gmail.com"/>
          
          <!-- 搜索引擎抓取 -->
          <meta name="robots" content="index,follow"/>
          
          <!-- 为移动设备添加 viewport -->
          <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
          
          <!-- `width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边 http://bigc.at/ios-webapp-viewport-meta.orz -->
          <!-- iOS 设备 begin -->
          <meta name="apple-mobile-web-app-title" content="标题">
          
          <!-- 添加到主屏后的标题（iOS 6 新增） -->
          <meta name="apple-mobile-web-app-capable" content="yes"/>
          
          <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->
          <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
          
          <!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari） -->
          <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
          
          <!-- 设置苹果工具栏颜色 -->
          <meta name="format-detection" content="telphone=no, email=no"/>
          
          <!-- 忽略页面中的数字识别为电话，忽略email识别 -->
          <!-- 启用360浏览器的极速模式(webkit) -->
          <meta name="renderer" content="webkit">
          
          <!-- 避免IE使用兼容模式 -->
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          
          <!-- 不让百度转码 -->
          <meta http-equiv="Cache-Control" content="no-siteapp" />
          
          <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
          <meta name="HandheldFriendly" content="true">
          
          <!-- 微软的老式浏览器 -->
          <meta name="MobileOptimized" content="320">
          
          <!-- uc强制竖屏 -->
          <meta name="screen-orientation" content="portrait">
          
          <!-- QQ强制竖屏 -->
          <meta name="x5-orientation" content="portrait">
          
          <!-- UC强制全屏 -->
          <meta name="full-screen" content="yes">
          
          <!-- QQ强制全屏 -->
          <meta name="x5-fullscreen" content="true">
          
          <!-- UC应用模式 -->
          <meta name="browsermode" content="application">
          
          <!-- QQ应用模式 -->
          <meta name="x5-page-mode" content="app">
          
          <!-- windows phone 点击无高光 -->
          <meta name="msapplication-tap-highlight" content="no">
          
          <!-- iOS 图标 begin -->
          <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png"/>
          
          <!-- iPhone 和 iTouch，默认 57x57 像素，必须有 -->
          <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png"/>
          
          <!-- Retina iPhone 和 Retina iTouch，114x114 像素，可以没有，但推荐有 -->
          <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png"/>
          
          <!-- Retina iPad，144x144 像素，可以没有，但推荐有 -->
          <!-- iOS 图标 end -->
          <!-- iOS 启动画面 begin -->
          <link rel="apple-touch-startup-image" sizes="768x1004" href="/splash-screen-768x1004.png"/>
          
          <!-- iPad 竖屏 768 x 1004（标准分辨率） -->
          <link rel="apple-touch-startup-image" sizes="1536x2008" href="/splash-screen-1536x2008.png"/>
          
          <!-- iPad 竖屏 1536x2008（Retina） -->
          <link rel="apple-touch-startup-image" sizes="1024x748" href="/Default-Portrait-1024x748.png"/>
          
          <!-- iPad 横屏 1024x748（标准分辨率） -->
          <link rel="apple-touch-startup-image" sizes="2048x1496" href="/splash-screen-2048x1496.png"/>
          
          <!-- iPad 横屏 2048x1496（Retina） -->
          <link rel="apple-touch-startup-image" href="/splash-screen-320x480.png"/>
          
          <!-- iPhone/iPod Touch 竖屏 320x480 (标准分辨率) -->
          <link rel="apple-touch-startup-image" sizes="640x960" href="/splash-screen-640x960.png"/>
          
          <!-- iPhone/iPod Touch 竖屏 640x960 (Retina) -->
          <link rel="apple-touch-startup-image" sizes="640x1136" href="/splash-screen-640x1136.png"/>
          
          <!-- iPhone 5/iPod Touch 5 竖屏 640x1136 (Retina) -->
          <!-- iOS 启动画面 end -->
          <!-- iOS 设备 end -->
          <meta name="msapplication-TileColor" content="#000"/>
          
          <!-- Windows 8 磁贴颜色 -->
          <meta name="msapplication-TileImage" content="icon.png"/>
          
          <!-- Windows 8 磁贴图标 -->
          <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml"/>
          
          <!-- 添加 RSS 订阅 -->
          <link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>
          
          <!-- 添加 favicon icon -->
          <!-- sns 社交标签 begin -->
          
          <!-- 参考微博API -->
          <meta property="og:type" content="类型" />
          
          <meta property="og:url" content="URL地址" />
          
          <meta property="og:title" content="标题" />
          
          <meta property="og:image" content="图片" />
          
          <meta property="og:description" content="描述" />
          
          <!-- sns 社交标签 end -->
          <title>标题</title> 
      </head>

      阅读全文

      ES6笔记记录

      2017-08-20

      阅读全文

      Git笔记总结篇

      2017-07-29

      声明：资料来源互联网

      安装

        阅读全文

        Visual Studio Code 常用快捷键

        2017-07-23

        主命令框

        F1 或 Ctrl+Shift+P: 打开命令面板。在打开的输入框内，可以输入任何命令

        阅读全文