Javascript能做什么
很早以前,浏览器标准之争让 JavaScript 的运行环境异常恶劣,语言本身也不成熟,功能几乎只限于简单的前端交互。后来 Ajax、类库、UI 框架、模块加载和 MVVM 陆续出现,JS 才真正把前端做成一门完整的工程。 今天的 JavaScript 已经不只是浏览器里的脚本:它可以跑在服务器上(…
很早以前,浏览器标准之争让 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 。 每个片段保留完整声明(含当时的浏览器前缀)。需要时按标题跳转即可,不必整页背下来。 …
十大经典排序是前端面试高频题:冒泡、选择、插入、希尔、归并、快速、堆、计数、桶、基数。来源:https://segmentfault.com/a/1190000010413296。下面按原文保留算法步骤、动图和 JavaScript 实现;顺手修正 functiion paritition2 的拼写…
这是 JavaScript 工具函数大全的第 二 篇,按「获取 / 判断 / URL 与窗口 / 字符串与金额」把常用函数摊开,方便复制到项目里改。 每个标题下都是完整函数,不要漏。原文:https://github.com/Wscats/CV/issues/27。 cookie、页面尺寸、UA 判…