全新552B架构全面超越V4 Pro,闲时缓存命中价降至每百万0.02元。 [..]
Read More前端是针对浏览器的开发,代码在浏览器里跑;后端针对服务器,代码在服务器跑。互联网早期二者并不分家:前端代码是后端的一部分。后来 Ajax、前端 MVC / MVVM、SPA 和 Node 把这件事拆开,又重新接到一起。 这条线可以记成:前后端不分 → 后端 MVC 里前端只是模板 → Ajax 让前…
JSONP 是一种跨域通信手段。原理很简单:利用 script 标签的 src 不受同源策略限制,把前端回调名传给服务器,服务器再返回一段「调用该函数」的脚本。 因为走的是 script 加载,所以 JSONP 只支持 GET。下面按流程、最小实现和更可靠的封装把这件事写清楚。来源:https://…
很早以前,浏览器标准之争让 JavaScript 的运行环境异常恶劣,语言本身也不成熟,功能几乎只限于简单的前端交互。后来 Ajax、类库、UI 框架、模块加载和 MVVM 陆续出现,JS 才真正把前端做成一门完整的工程。 今天的 JavaScript 已经不只是浏览器里的脚本:它可以跑在服务器上(…
单页应用(SPA)越来越成为前端主流。一大特点是使用前端路由:跳转逻辑由前端直接控制,不再完全交给后端,前端也因此更自由。 实现上主要有两种:hash 模式和history 模式。前者靠 URL 里 # 后面的片段,后者靠 HTML5 History API,看起来更像普通路径。 对比hashhis…
手机 Web、React Native、微信小程序、支付宝小程序、快应用都是流量入口。业务要多端同时有表现时,为每一端各写一套成本很高,于是出现了只写一套代码再编译到多端的方案。当前常用的三类转译框架是 WePY、mpvue、Taro。 选择并不只看 star。语法是 Vue 还是 React、生命…
ES6 日常最常用的一批语法,核心就几件事:let/const、箭头函数、模板字符串、解构、默认参数、展开运算符、对象字面量简写和 class。它们不替代 JavaScript 原理,只是让写法更短,也更少踩 var 的坑。 编译到 ES5 之后,变量提升等老行为仍可能出现。真正要记住的是:块级作用…
前端安全常见就三类:XSS、CSRF 和点击劫持。知道原理,前后端都少踩坑。 XSS 是恶意脚本没过滤、混进页面;分反射型、DOM 型、存储型,JSONP 回调也会中招。CSRF 则是借用户已登录的身份发请求。 读完应对得上:XSS 有几种、怎么转义;CSRF 为什么 Token / SameSit…
数组常用遍历方法包括 forEach、map、filter、find、every、some、reduce。它们有个共同点:不会改原始数组(当然,如果你在回调里改对象属性,那是另一回事)。 和 for 循环相比,这些方法把“遍历”和“要做什么”拆开,回调里专注单条数据。forEach 没有返回值;ma…
很多人一听移动端适配就想:直接 px 写死、剩下自适应不就完了?要求严格的团队会要求缩放比例一致,简单说就是每台手机同一行的字数都要一样。下面从像素、分辨率、DPR 讲到 viewport、rem、vw 和推荐的 px + flex 流程。 设计稿常按 375 宽来画,但各品牌物理分辨率不同,逻辑分…
把平时最常用的 55 个 CSS 片段 收成一份速查:清浮动、居中、省略号、loading、小三角,一直到阴影和圆角。来源:https://segmentfault.com/a/1190000022019129 。 每个片段保留完整声明(含当时的浏览器前缀)。需要时按标题跳转即可,不必整页背下来。 …