前端正则,递归面试题 - Joe老板出题 Joe博客 老板每日分享面试题，羞辱我这个前端小白，请看题！{message type="info" content="第一题 正则替换"/}题干let a = { b: 123, c: '456', e: '789' } let str = 'a{a.b}aa{a.c}aa {a.d}aaaa';本题要求： 把 str 字符串中 { a.b } 这种 替换成 a对象中对应的值本题结果： a123aa456aa {a.d}aaaa博主解题方案str.match(/{\w\.\w}/g).forEach(itm => (str = str.replace(itm, a[itm.match(/\.\w/g)[0].replace(/./, '')] || itm))) console.log(str);Joe大佬解题方案str = str.replace(/{\w\.\w}/g, ($1) => { const { groups: { key } } = /{\w\.(?<key>\w)}/.exec($1) return a[key] || $1 }) console.log(str);{callout color="#f0ad4e"}此题可看出，Joe大佬的代码运用了JS高级，博主只能勉强解出，这就是差距。{/callout}{message type="info" content="第二题 数组扁平化"/}题干const arr = [1, [2, 3, [4, [5]]], 6];本题要求： 把 arr 数组 扁平化处理本题结果： [1,2,3,4,5,6]博主解题方案let newArr = []; hanJoe(arrs); function hanJoe(arrs) { arrs.forEach(itm => (itm instanceof Array ? hanJoe(itm) : newArr.push(itm))) } console.log(newArr);Joe大佬解题方案const flat = arr => arr.reduce((prev, curr) => Array.isArray(curr) ? [...prev, ...flat(curr)] : [...prev, curr], []); console.log(flat(arr)){callout color="#f0ad4e"}此题可看出，Joe大佬再次运用了JS高级，博主的解题方案平平无奇，这就是差距。{/callout}{message type="info" content="第三题 也不知道怎么命名"/}题干function isOdd(num) { return num % 2 == 1; } function isEven(num) { return num % 2 == 0; } function isSane(num) { return isEven(num) || isOdd(num); } var values = [7, 4, '13', -9, Infinity]; var r = values.map(isSane);本题要求： 脑子里运算，并输出 r本题结果： [true,true,true,false,false]{callout color="#f0ad4e"}这题给我普及了 Array.map() ，博主不会map{/callout}{message type="info" content="第四题 运算"/}题干let res = "b" + "a" + +"a" + "a"本题要求： 脑子里运算，并输出 res本题结果： baNaNa最后{callout color="#ef4d8e"}快来插个眼吧！{/callout}

Akina for Typecho 使用介绍 本篇文章我将介绍如何去更好的了解使用 Akina for Typecho 模板，感受它独特的灵魂和魅力。使用前我应该做什么请将akina\images\avatar.jpg替换为自己头像 全局使用QQ头像将Akina\images\donate内收款图片替换为自己的收款码，（当然不替换也行）在后台设置-评论 允许使用<img src="">标签 ，否则将不能正常使用表情。主题层面关闭反垃圾保护、启用分页、将第一页作为默认显示、将较新的的评论显示在前面。主题层面评论允许img标签关于表情因为每个人的域名都是不一样的，为了适应这个，表情链接不能够写死。博主修改了相关js使其自动获取网站地址，但是这样改完后仅且只能使用图标包，即“img”标签主题自带一种表情包，可仿照其格式自行添加表情。主页（hmoe.php）设置Akina 提供了一个独特的首页页面在博客后台-设置-阅读-站点首页选择直接调用 hmoe.php模板文件，并勾选 同时将文章列表页路径更改为/blog（当然可以改成其他的，但要同时修改模板里路径home.php）其他页面在管理-独立页面-新增页面中友链必须为links.html结尾。关于必须为about.html结尾。留言必须为message.html结尾。归档必须为archives.html结尾。自定义模板选择名字相同模板（如多没有选择page），建议配置伪静态。typecho伪静态apache配置<IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*)$ index.php [L,E=PATH_INFO:$1] </IfModule>nginx配置server { listen 80; server_name yourdomain.com; root /home/yourdomain/www/; index index.html index.htm index.php; if (!-e $request_filename) { rewrite ^(.*)$ /index.php$1 last; } location ~ .*\.php(\/.*)*$ { include fastcgi.conf; fastcgi_pass 127.0.0.1:9000; } access_log logs/yourdomain.log combined; }之后在后台 设置->永久连接->启用地址重写功能->选择wordpress风格 即可友链写法!!! <br/> <div class="links"> <ul class="link-items fontSmooth"> <li class="link-item"><a class="link-item-inner effect-apollo" href="http://zhebk.cn/" title="我们，渺小到不可一世。" target="_blank" ><span class="sitename">纸盒博客</span><div class="linkdes">我们，渺小到不可一世。</div></a></li> ...... </ul> </div> !!!画廊图片写法!!! <a href="大图片地址" alt="说明" title="标题"><img class="aligncenter" src="小图片地址" alt="说明"></a> !!!下载按钮写法!!! <p> <a id="download_link" class="download" href="下载url" rel="external" target="_blank" title="下载地址"> <span><i class="iconfont icon-download"></i>点击下载</span> </a> </p> !!!标签样式#H1标签##H2标签###H3标签####H4标签#####H5标签后台模板设置提供网站副标题、DNS预解析加速、CDN镜像加速、备案号 等信息填写特别注意 使用CDN镜像加速时请在CDN服务商提供的空间内创建AkinaCDN文件夹，然后将主题目录的css、fonts、images、js文件夹及其下文件完整上传。最后在后台模板设置按提示填写域名即可。提示：劣质CDN甚至会拖慢网站的速度，CDN付费用户注意，该操作会让你的钱包遭受不可逆的降维打击。使用技巧在文章编辑里添加自定义字段 img 后面跟图片链接。可自定义页面(除了归档)的顶部图片,默认随机使用Akina\images\postbg下图片。在文章编辑里添加自定义字段 dt 后面不填。可开启动态式文章展示样式。使用动态样式时，文章首页不会看见标题，默认显示文章的前70个字符，可使用<!--more-->摘要分割线自定义显示内容。文章小火花触发条件：阅读量大于等于1000。有些独立页面如果不想让它在导航栏显示，增加一个自定义字段navbar并把字段值改为hide即可