🗒️ Server Side Render过程

服务器端渲染是在服务器端将数据和模板结合起来生成HTML页面,然后将完整的HTML页面返回给浏览器,浏览器不需要再等待JavaScript代码执行,可以更快地渲染页面。SSR可以提高网站性能,改善用户体验,还可以提高SEO的友好程度

🗒️ SCSS 不同主题换肤

scss换肤根据页面设置data-theme标签实现。

🗒️ ESLint相关 + prettier

ESLint相关,继承的主要是爱彼迎、eslint推荐、typescript-eslint推荐、React推荐规R,傻瓜式操作步骤,个人实践,可能还存在问题,望多多指教

🗒️ wx-open-launch-app指南

2020年5月微信新开放的api , 微信环境H5唤起APP和小程序实践

🗒️ H5唤醒APP 简单hacker方法

H5唤醒APP,本质上浏览器是通过URLscheme打开APP,安卓和苹果的两个比较hack的方法实现了跳转后本页面不跳转到下载页

🗒️ 浏览器事件全屏

浏览器的全屏,退出全屏,监听全屏

🗒️ 宏任务与微任务

copy from wenjie, 分析的很到位,也非常详细。遇到宏任务,先处理宏任务——将宏任务放入Event Queue,然后再处理微任务——将微任务放入Event Queue。

🗒️ WEB-websocket,Notification通知

HTML5桌面通知,Notification API,第一种方式为websocket获取到数据,notify通知,较为常用,第二种web-push,不常用,有墙

🗒️ 前端性能-Chorme performance

chorme performance,之前chorme老版本名为timeline,指的是当你的页面在浏览器运行时的性能表现,用这个performance功能去分析Response, Animation, 以及 Idle 这三个性能指标。

🗒️ 圣杯布局

圣杯布局(Holy Grail Layout)指的是一种最常见的网站布局。页面从上到下,分成三个部分:头部(header),躯干(body),尾部(footer)。其中躯干又水平分成三栏,从左到右为:导航、主栏、副栏。

🗒️ JS深拷贝和浅拷贝

对于字符串类型,浅复制是对值的复制,对于对象来说,浅复制是对对象地址的复制,并没有开辟新的栈,也就是复制的结果是两个对象指向同一个地址,修改其中一个对象的属性,则另一个对象的属性也会改变,而深复制则是开辟新的栈,两个对象对应两个不同的地址,修改一个对象的属性,不会改变另一个对象的属性。