周sir
我是周sir，这是我的博客。致力于分享我学会的技术和优秀的文章。微信公众号 “周sir专栏” 欢迎大家关注。
我是周sir，这是我的博客。致力于分享我学会的技术和优秀的文章。微信公众号 “周sir专栏” 欢迎大家关注。
前端是针对浏览器的开发，代码在浏览器里跑；后端针对服务器，代码在服务器跑。互联网早期二者并不分家：前端代码是后端的一部分。后来 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 。 每个片段保留完整声明（含当时的浏览器前缀）。需要时按标题跳转即可，不必整页背下来。 …
