Chrome桌面版本终于支持backdrop-filter辣a year ago简单修改了下布局参数，于是模糊顶栏的效果就出来了目前还有一些问题：边界是黑的。。。这个大概可以直接覆盖个白色解决。。。由于Chrome渲染的问题，似乎会出现一些glitch的情况，不过放在顶栏的话，倒也没啥大碍。。。截至文章发布时，正式版本可能还不支持这个特性2收藏分享举报文章被以下专栏收录一起来做一些小程序打发时间吧！（与微信那一套无关）推荐阅读{&debug&:false,&apiRoot&:&&,&paySDK&:&https:\u002F\\u002Fapi\u002Fjs&,&wechatConfigAPI&:&\u002Fapi\u002Fwechat\u002Fjssdkconfig&,&name&:&production&,&instance&:&column&,&tokens&:{&X-XSRF-TOKEN&:null,&X-UDID&:null,&Authorization&:&oauth c3cef7c66aa9e6a1e3160e20&}}{&database&:{&Post&:{&&:{&isPending&:false,&contributes&:[{&sourceColumn&:{&lastUpdated&:,&description&:&编程，除了用于赚钱，还可以用来玩！一起来分享你在空闲时间做的各类小程序\u002F网站吧~&,&permission&:&COLUMN_PUBLIC&,&memberId&:,&contributePermission&:&COLUMN_PUBLIC&,&translatedCommentPermission&:&all&,&canManage&:true,&intro&:&一起来做一些小程序打发时间吧！（与微信那一套无关）&,&urlToken&:&Idle-programming&,&id&:20908,&imagePath&:&v2-2f79f5370defa6cced496caa.jpg&,&slug&:&Idle-programming&,&applyReason&:&0&,&name&:&如何用编程打发时间&,&title&:&如何用编程打发时间&,&url&:&https:\u002F\\u002FIdle-programming&,&commentPermission&:&COLUMN_ALL_CAN_COMMENT&,&canPost&:true,&created&:,&state&:&COLUMN_NORMAL&,&followers&:73,&avatar&:{&id&:&v2-2f79f5370defa6cced496caa&,&template&:&https:\u002F\\u002F{id}_{size}.jpg&},&activateAuthorRequested&:false,&following&:false,&imageUrl&:&https:\u002F\\u002Fv2-2f79f5370defa6cced496caa_l.jpg&,&articlesCount&:6},&state&:&accepted&,&targetPost&:{&titleImage&:&https:\u002F\\u002Fv2-b6b54c41a8d88f8249984_r.png&,&lastUpdated&:,&imagePath&:&v2-b6b54c41a8d88f8249984.png&,&permission&:&ARTICLE_PUBLIC&,&topics&:[369,101],&summary&:&Chrome桌面版本终于支持backdrop-filter了（不带-webkit-前缀的那种）于是B站原来的假模糊（一层通过filter，一层直接做背景）的方式就可以退休了2333特地搞了个stylish.z_top_container {\n position:\n top: 0;\n left: 0;\n right: 0;\n}\n.header {\n m…&,&copyPermission&:&ARTICLE_COPYABLE&,&translatedCommentPermission&:&all&,&likes&:0,&origAuthorId&:0,&publishedTime&:&T12:44:24+08:00&,&sourceUrl&:&&,&urlToken&:,&id&:1930700,&withContent&:false,&slug&:,&bigTitleImage&:false,&title&:&Chrome桌面版本终于支持backdrop-filter辣&,&url&:&\u002Fp\u002F&,&commentPermission&:&ARTICLE_ALL_CAN_COMMENT&,&snapshotUrl&:&&,&created&:,&comments&:0,&columnId&:20908,&content&:&&,&parentId&:0,&state&:&ARTICLE_PUBLISHED&,&imageUrl&:&https:\u002F\\u002Fv2-b6b54c41a8d88f8249984_r.png&,&author&:{&bio&:&软件工程&,&isFollowing&:false,&hash&:&47e576eccedd&,&uid&:452000,&isOrg&:false,&slug&:&codehz&,&isFollowed&:false,&description&:&基佬猫\\u002Fcodehz&,&name&:&Code Hz&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fcodehz&,&avatar&:{&id&:&v2-e56f5c17ae5&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&memberId&:,&excerptTitle&:&&,&voteType&:&ARTICLE_VOTE_CLEAR&},&id&:495715}],&title&:&Chrome桌面版本终于支持backdrop-filter辣&,&author&:&codehz&,&content&:&Chrome桌面版本终于支持backdrop-filter了（不带-webkit-前缀的那种）\u003Cp\u003E于是B站原来的假模糊（一层通过filter，一层直接做背景）的方式就可以退休了C\u002Fp\u003E\u003Cp\u003E特地搞了个stylish\u003C\u002Fp\u003E\u003Cdiv class=\&highlight\&\u003E\u003Cpre\u003E\u003Ccode class=\&language-css\&\u003E\u003Cspan\u003E\u003C\u002Fspan\u003E\u003Cspan class=\&nc\&\u003E.z_top_container\u003C\u002Fspan\u003E \u003Cspan class=\&p\&\u003E{\u003C\u002Fspan\u003E\n
\u003Cspan class=\&nb\&\u003Eposition\u003C\u002Fspan\u003E\u003Cspan class=\&o\&\u003E:\u003C\u002Fspan\u003E \u003Cspan class=\&nb\&\u003Efixed\u003C\u002Fspan\u003E\u003Cspan class=\&p\&\u003E;\u003C\u002Fspan\u003E\n
\u003Cspan class=\&nb\&\u003Etop\u003C\u002Fspan\u003E\u003Cspan class=\&o\&\u003E:\u003C\u002Fspan\u003E \u003Cspan class=\&m\&\u003E0\u003C\u002Fspan\u003E\u003Cspan class=\&p\&\u003E;\u003C\u002Fspan\u003E\n
\u003Cspan class=\&nb\&\u003Eleft\u003C\u002Fspan\u003E\u003Cspan class=\&o\&\u003E:\u003C\u002Fspan\u003E \u003Cspan class=\&m\&\u003E0\u003C\u002Fspan\u003E\u003Cspan class=\&p\&\u003E;\u003C\u002Fspan\u003E\n
\u003Cspan class=\&nb\&\u003Eright\u003C\u002Fspan\u003E\u003Cspan class=\&o\&\u003E:\u003C\u002Fspan\u003E \u003Cspan class=\&m\&\u003E0\u003C\u002Fspan\u003E\u003Cspan class=\&p\&\u003E;\u003C\u002Fspan\u003E\n\u003Cspan class=\&p\&\u003E}\u003C\u002Fspan\u003E\n\u003Cspan class=\&nc\&\u003E.header\u003C\u002Fspan\u003E \u003Cspan class=\&p\&\u003E{\u003C\u002Fspan\u003E\n
\u003Cspan class=\&nb\&\u003Emargin\u003C\u002Fspan\u003E\u003Cspan class=\&o\&\u003E:\u003C\u002Fspan\u003E \u003Cspan class=\&m\&\u003E0\u003C\u002Fspan\u003E \u003Cspan class=\&nb\&\u003Eauto\u003C\u002Fspan\u003E \u003Cspan class=\&m\&\u003E0\u003C\u002Fspan\u003E\u003Cspan class=\&p\&\u003E;\u003C\u002Fspan\u003E\n\u003Cspan class=\&p\&\u003E}\u003C\u002Fspan\u003E\n\u003Cspan class=\&nc\&\u003E.b-header-mask-bg\u003C\u002Fspan\u003E \u003Cspan class=\&p\&\u003E{\u003C\u002Fspan\u003E\n
\u003Cspan class=\&nb\&\u003Edisplay\u003C\u002Fspan\u003E\u003Cspan class=\&o\&\u003E:\u003C\u002Fspan\u003E \u003Cspan class=\&nb\&\u003Enone\u003C\u002Fspan\u003E\u003Cspan class=\&p\&\u003E;\u003C\u002Fspan\u003E\n\u003Cspan class=\&p\&\u003E}\u003C\u002Fspan\u003E\n\u003Cspan class=\&nc\&\u003E.b-header-mask-wrp\u003C\u002Fspan\u003E \u003Cspan class=\&p\&\u003E{\u003C\u002Fspan\u003E\n
\u003Cspan class=\&nb\&\u003Ebackground\u003C\u002Fspan\u003E\u003Cspan class=\&o\&\u003E:\u003C\u002Fspan\u003E \u003Cspan class=\&nb\&\u003Enone\u003C\u002Fspan\u003E\u003Cspan class=\&p\&\u003E;\u003C\u002Fspan\u003E\n\u003Cspan class=\&p\&\u003E}\u003C\u002Fspan\u003E\n\u003Cspan class=\&nc\&\u003E.b-header-mask\u003C\u002Fspan\u003E \u003Cspan class=\&p\&\u003E{\u003C\u002Fspan\u003E\n
\u003Cspan class=\&n\&\u003Ebackdrop\u003C\u002Fspan\u003E\u003Cspan class=\&o\&\u003E-\u003C\u002Fspan\u003E\u003Cspan class=\&n\&\u003Efilter\u003C\u002Fspan\u003E\u003Cspan class=\&o\&\u003E:\u003C\u002Fspan\u003E \u003Cspan class=\&n\&\u003Eblur\u003C\u002Fspan\u003E\u003Cspan class=\&p\&\u003E(\u003C\u002Fspan\u003E\u003Cspan class=\&m\&\u003E5px\u003C\u002Fspan\u003E\u003Cspan class=\&p\&\u003E);\u003C\u002Fspan\u003E\n\u003Cspan class=\&p\&\u003E}\u003C\u002Fspan\u003E\n\u003C\u002Fcode\u003E\u003C\u002Fpre\u003E\u003C\u002Fdiv\u003E\u003Cp\u003E简单修改了下布局参数，于是模糊顶栏的效果就出来了\u003C\u002Fp\u003E\u003Cp\u003E目前还有一些问题：\u003C\u002Fp\u003E\u003Col\u003E\u003Cli\u003E边界是黑的。。。这个大概可以直接覆盖个白色解决。。。\u003C\u002Fli\u003E\u003Cli\u003E由于Chrome渲染的问题，似乎会出现一些glitch的情况，不过放在顶栏的话，倒也没啥大碍。。。\u003C\u002Fli\u003E\u003Cli\u003E截至文章发布时，正式版本可能还不支持这个特性\u003C\u002Fli\u003E\u003C\u002Fol\u003E&,&updated&:new Date(&T04:44:24.000Z&),&canComment&:false,&commentPermission&:&anyone&,&commentCount&:10,&collapsedCount&:0,&likeCount&:2,&state&:&published&,&isLiked&:false,&slug&:&&,&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&https:\u002F\\u002Fv2-b6b54c41a8d88f8249984_r.png&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&reviewers&:[],&topics&:[{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&CSS&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&Google Chrome&}],&adminClosedComment&:false,&titleImageSize&:{&width&:1154,&height&:233},&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&column&:{&slug&:&Idle-programming&,&name&:&如何用编程打发时间&},&tipjarState&:&inactivated&,&annotationAction&:[],&sourceUrl&:&&,&pageCommentsCount&:10,&hasPublishingDraft&:false,&snapshotUrl&:&&,&publishedTime&:&T12:44:24+08:00&,&url&:&\u002Fp\u002F&,&lastestLikers&:[{&bio&:&前端攻城狮\u002F蒟蒻\u002F高中在校&,&isFollowing&:false,&hash&:&7ac2c1cc369e3c4e9a33939&,&uid&:361200,&isOrg&:false,&slug&:&liu-yang-89-51-30&,&isFollowed&:false,&description&:&&,&name&:&智障变量&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fliu-yang-89-51-30&,&avatar&:{&id&:&v2-0e6be161f3a462deb9a9&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:&在方向上不停挣扎的预备程序猿……&,&isFollowing&:false,&hash&:&28fddc1c142fcd2d5f4a8a81f5933e3c&,&uid&:475300,&isOrg&:false,&slug&:&&,&isFollowed&:false,&description&:&不胖不瘦，不高略矮，毫无成就，只求不忘初心。&,&name&:&朱琪&,&profileUrl&:&https:\u002F\\u002Fpeople\u002F&,&avatar&:{&id&:&06dba97fbab&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false}],&summary&:&Chrome桌面版本终于支持backdrop-filter了（不带-webkit-前缀的那种）于是B站原来的假模糊（一层通过filter，一层直接做背景）的方式就可以退休了2333特地搞了个stylish.z_top_container {\n position:\n top: 0;\n left: 0;\n right: 0;\n}\n.header {\n m…&,&reviewingCommentsCount&:0,&meta&:{&previous&:{&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&https:\u002F\\u002F50\u002Fv2-633f9ae12a66d1461919_xl.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&topics&:[{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&C \u002F C++&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&C++&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&矩阵计算&}],&adminClosedComment&:false,&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&author&:{&bio&:&软件工程&,&isFollowing&:false,&hash&:&47e576eccedd&,&uid&:452000,&isOrg&:false,&slug&:&codehz&,&isFollowed&:false,&description&:&基佬猫\\u002Fcodehz&,&name&:&Code Hz&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fcodehz&,&avatar&:{&id&:&v2-e56f5c17ae5&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&column&:{&slug&:&Idle-programming&,&name&:&如何用编程打发时间&},&content&:&主要目的是实践一些C++的新语法，比如if constexpr，generic lambda function等等。\u003Cp\u003E一个特色就是，矩阵的长宽是作为模板参数出现的——这带来了几个优点：\u003C\u002Fp\u003E\u003Col\u003E\u003Cli\u003E编译期类型检查，可以避免不合适的矩阵运算。\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003E某种程度上有利于编译器的自动优化——很明显，固定次数的循环可以很容易的使用MMX指令集优化，动态的循环虽然也可以，但是相比之下会有性能损失。\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Cbr\u003E\u003Cp\u003E但是同时也带来了很多的缺陷：\u003C\u002Fp\u003E\u003Col\u003E\u003Cli\u003E无法简单的实现运行时决定矩阵的大小。（这个问题已经\u003Cb\u003E部分的\u003C\u002Fb\u003E被静态模板递归展开解决了，虽然同时引入了编译时间和生成文件体积增加的问题）\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003E编写过程中需要时时注意到具体的类型。（这个问题可以被auto解决一部分）\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Cbr\u003E\u003Cp\u003E这些缺陷导致了这个库只能是玩具。。。。\u003C\u002Fp\u003E\u003Cp\u003E地址在这里：\u003Ca href=\&http:\u002F\\u002F?target=https%3A\\u002Fcodehz\u002Fmatrix.h\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttps:\u002F\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\\u002Fcodehz\u002Fmatri\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003Ex.h\u003C\u002Fspan\u003E\u003Cspan class=\&ellipsis\&\u003E\u003C\u002Fspan\u003E\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cp\u003E特性列表（不完全）：\u003C\u002Fp\u003E\u003Cp\u003E访问器\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003Ea[i][j]访问i行j列的的数据，可以读取也可以写入\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003Ea(i)对于向量（不论是行向量还是列向量）均可直接访问对应位置的元素\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cp\u003E遍历器\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003Ea.for_each(某函数) 可以遍历矩阵，具体使用看源代码\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003Ea.for_each_with(某函数,另一个矩阵) 可以在遍历矩阵同时附加一个别的东西。。。\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003Ea.for_each_row(某函数) 可以按照行来遍历矩阵\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cp\u003E转换相关\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003Ea.transform(某函数) 可以通过这个函数转换原矩阵中的每一个数，获得转换后的新矩阵\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003Ea.mirror()可以返回一个原矩阵的镜像（也就是左右\u002F上下颠倒），与原矩阵同步读写，时间复杂度是O(1)\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003Ea.transpose()可以返回一个原矩阵的转置，与原矩阵同步读写，复杂度O(1)\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003Ea.vexpand(matrix_size_v&w, h&)可以获得一个原矩阵的扩展矩阵（超出原来范围的访问直接取模）\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003Ea.clone()克隆一个矩阵，建议使用clone_to_array代替。\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003Ea(range_v&a, b&, range_v&c, d&) 返回原矩阵中函数范围a~b，c~d中的子矩阵，与原矩阵同步读写\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003Ea(range_v&a, b&) 对于向量，返回给定范围的子向量，与原矩阵同步读写\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cp\u003E计算相关\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003Ea + b\u002Fa - b就是矩阵和差，要求行数列数完全一致，返回新的矩阵\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003Ea * b就是矩阵的乘\u003C\u002Fli\u003E\u003C\u002Ful\u003E&,&state&:&published&,&sourceUrl&:&&,&pageCommentsCount&:0,&canComment&:false,&snapshotUrl&:&&,&slug&:,&publishedTime&:&T18:39:54+08:00&,&url&:&\u002Fp\u002F&,&title&:&一个矩阵库（玩具性质）&,&summary&:&主要目的是实践一些C++的新语法，比如if constexpr，generic lambda function等等。一个特色就是，矩阵的长宽是作为模板参数出现的——这带来了几个优点：编译期类型检查，可以避免不合适的矩阵运算。 某种程度上有利于编译器的自动优化——很明显，固定次…&,&reviewingCommentsCount&:0,&meta&:{&previous&:null,&next&:null},&commentPermission&:&anyone&,&commentsCount&:0,&likesCount&:0},&next&:{&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&https:\u002F\\u002F50\u002Fv2-094ce31aa86ded52315f79aba55bd6ee_xl.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&topics&:[{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&JavaScript&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&前端开发&}],&adminClosedComment&:false,&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&author&:{&bio&:&软件工程&,&isFollowing&:false,&hash&:&47e576eccedd&,&uid&:452000,&isOrg&:false,&slug&:&codehz&,&isFollowed&:false,&description&:&基佬猫\\u002Fcodehz&,&name&:&Code Hz&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fcodehz&,&avatar&:{&id&:&v2-e56f5c17ae5&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&content&:&(好久没写专栏的说)\u003Cp\u003E最近在HackerNews上发现了一个叫做\u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Fwww.celljs.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003Ecell\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E的web前端框架，从Idea的角度来看，是一个很不错的项目。琢磨着自己也来做一个框架玩玩，不考虑各种蜜汁兼容性问题的话，一个简单的Web框架还是很容易独立制作的。。\u003C\u002Fp\u003E\u003Cp\u003E于是就做了一个。\u003Ci\u003E声明：仅支持开了实验性网络架构的最新版Chrome，经过babel转译的话，兴许可以支持其他现代浏览器。。\u003C\u002Fi\u003E\u003C\u002Fp\u003E\u003Cp\u003EDEMO：\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fcodehz.github.io\u002Fbox.js\u002Ftest\u002Ftodomvc.html\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E演示地址\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fcodehz.github.io\u002Fbox.js\u002Ftest\u002Ftodomvc.js\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E关键代码\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cp\u003E本来想写文档来着的，然后发现一开始写文档就发现了一堆坑，然后就滚去重构，然后文档又白写了——那就暂时不写好了，等哪天我觉得它比较靠谱能用的时候，再来写一个好了\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E&,&state&:&published&,&sourceUrl&:&&,&pageCommentsCount&:0,&canComment&:false,&snapshotUrl&:&&,&slug&:,&publishedTime&:&T11:32:15+08:00&,&url&:&\u002Fp\u002F&,&title&:&前端MV*轮子：Box.js&,&summary&:&(好久没写专栏的说)最近在HackerNews上发现了一个叫做\u003Ca href=\&http:\u002F\u002Fwww.celljs.org\u002F\& data-editable=\&true\& data-title=\&cell\&\u003Ecell\u003C\u002Fa\u003E的web前端框架，从Idea的角度来看，是一个很不错的项目。琢磨着自己也来做一个框架玩玩，不考虑各种蜜汁兼容性问题的话，一个简单的Web框架还是很容易独立制作的。。于是就做了一个。\u003Ci\u003E声明：仅支持开…\u003C\u002Fi\u003E&,&reviewingCommentsCount&:0,&meta&:{&previous&:null,&next&:null},&commentPermission&:&anyone&,&commentsCount&:0,&likesCount&:1}},&annotationDetail&:null,&commentsCount&:10,&likesCount&:2,&FULLINFO&:true}},&User&:{&codehz&:{&isFollowed&:false,&name&:&Code Hz&,&headline&:&基佬猫\\u002Fcodehz&,&avatarUrl&:&https:\u002F\\u002F50\u002Fv2-e56f5c17ae5_s.jpg&,&isFollowing&:false,&type&:&people&,&slug&:&codehz&,&bio&:&软件工程&,&hash&:&47e576eccedd&,&uid&:452000,&isOrg&:false,&description&:&基佬猫\\u002Fcodehz&,&badge&:{&identity&:null,&bestAnswerer&:null},&profileUrl&:&https:\u002F\\u002Fpeople\u002Fcodehz&,&avatar&:{&id&:&v2-e56f5c17ae5&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false}},&Comment&:{},&favlists&:{}},&me&:{},&global&:{&experimentFeatures&:{&ge3&:&ge3_9&,&ge2&:&ge2_1&,&nwebStickySidebar&:&sticky&,&androidPassThroughPush&:&all&,&newMore&:&new&,&liveReviewBuyBar&:&live_review_buy_bar_2&,&liveStore&:&ls_a2_b2_c1_f2&,&searchHybridTabs&:&without-tabs&,&isOffice&:&false&,&newLiveFeedMediacard&:&old&,&homeUi2&:&default&,&remixOneKeyPlayButton&:&headerButton&,&recommendationAbtest&:&old&,&marketTab&:&market_tab_old&,&qrcodeLogin&:&qrcode&,&recommendArticleNum&:&4&,&isShowUnicomFreeEntry&:&unicom_free_entry_off&,&newMobileColumnAppheader&:&new_header&,&androidDbRecommendAction&:&open&,&zcmLighting&:&zcm&,&favAct&:&default&,&appStoreRateDialog&:&close&,&mobileQaPageProxyHeifetz&:&m_qa_page_nweb&,&default&:&None&,&wechatShareModal&:&wechat_share_modal_show&,&qaStickySidebar&:&sticky_sidebar&,&androidProfilePanel&:&panel_b&,&nwebWriteAnswer&:&default&}},&columns&:{&next&:{},&Idle-programming&:{&following&:false,&canManage&:false,&href&:&\u002Fapi\u002Fcolumns\u002FIdle-programming&,&name&:&如何用编程打发时间&,&creator&:{&slug&:&codehz&},&url&:&\u002FIdle-programming&,&slug&:&Idle-programming&,&avatar&:{&id&:&v2-2f79f5370defa6cced496caa&,&template&:&https:\u002F\\u002F{id}_{size}.jpg&}}},&columnPosts&:{},&columnSettings&:{&colomnAuthor&:[],&uploadAvatarDetails&:&&,&contributeRequests&:[],&contributeRequestsTotalCount&:0,&inviteAuthor&:&&},&postComments&:{},&postReviewComments&:{&comments&:[],&newComments&:[],&hasMore&:true},&favlistsByUser&:{},&favlistRelations&:{},&promotions&:{},&draft&:{&titleImage&:&&,&titleImageSize&:{},&isTitleImageFullScreen&:false,&canTitleImageFullScreen&:false,&title&:&&,&titleImageUploading&:false,&error&:&&,&content&:&&,&draftLoading&:false,&globalLoading&:false,&pendingVideo&:{&resource&:null,&error&:null}},&drafts&:{&draftsList&:[],&next&:{}},&config&:{&userNotBindPhoneTipString&:{}},&recommendPosts&:{&articleRecommendations&:[],&columnRecommendations&:[]},&env&:{&edition&:{&baidu&:false,&yidianzixun&:false,&qqnews&:false},&isAppView&:false,&appViewConfig&:{&content_padding_top&:128,&content_padding_bottom&:56,&content_padding_left&:16,&content_padding_right&:16,&title_font_size&:22,&body_font_size&:16,&is_dark_theme&:false,&can_auto_load_image&:true,&app_info&:&OS=iOS&},&isApp&:false,&userAgent&:{&ua&:&Mozilla\u002F5.0 (compatible, MSIE 11, Windows NT 6.3; Trident\u002F7.0; rv:11.0) like Gecko&,&browser&:{&name&:&IE&,&version&:&11&,&major&:&11&},&engine&:{&version&:&7.0&,&name&:&Trident&},&os&:{&name&:&Windows&,&version&:&8.1&},&device&:{},&cpu&:{}}},&message&:{&newCount&:0},&pushNotification&:{&newCount&:0}}