js数组常用遍历方法
数组常用遍历方法包括 forEach、map、filter、find、every、some、reduce。它们有个共同点:不会改原始数组(当然,如果你在回调里改对象属性,那是另一回事)。 和 for 循环相比,这些方法把“遍历”和“要做什么”拆开,回调里专注单条数据。forEach 没有返回值;ma…
数组常用遍历方法包括 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 。 每个片段保留完整声明(含当时的浏览器前缀)。需要时按标题跳转即可,不必整页背下来。 …
这是 JavaScript 工具函数大全的第 二 篇,按「获取 / 判断 / URL 与窗口 / 字符串与金额」把常用函数摊开,方便复制到项目里改。 每个标题下都是完整函数,不要漏。原文:https://github.com/Wscats/CV/issues/27。 cookie、页面尺寸、UA 判…
这是一组偏“页面脚本”的 JavaScript 工具函数:事件、编码、收藏夹、动态加载脚本、回到顶部、Base64、全角半角、版本号比较和 CSS 压缩格式化。原文:https://github.com/Wscats/CV/issues/27。下面全部函数都保留,只修正明显写坏的语法(多余顿号、中文…
表单里最常见的两类操作是校验和替换。下面这组函数覆盖数字、手机号、邮箱、身份证、URL、IP 以及密码复杂度。原文:https://github.com/Wscats/CV/issues/27。实现按原逻辑保留,并修正 functionpureNum 的函数名。 isNum 要求入参已是 numbe…
就业名单这类展示页经常要在固定高度里循环滚动,既要看起来“一直在动”,又要鼠标悬停时能停下来细看。下面用一份完整的 HTML + CSS + jQuery 实现向上滚动,效果如图: 思路是把同一份 ul 再复制一份接到后面,滚动到第一份底部时把 scrollTop 拉回去,视觉上就是无缝循环。 一、…
浏览器内核分两块:渲染引擎和 JS 引擎。常见内核是 Trident(IE)、Gecko(Firefox)、Blink(Chrome/Opera)、WebKit(Safari)。下文以 WebKit 为主,把页面从字节变成像素的过程拆开。 宏观流程是:构建 DOM → 构建 CSSOM → 合成渲染…
这是一份 2019 年成为前端、后端或全栈开发者的进阶指南:你不必学完所有技术;下面只是按类别列出选项,并加上作者经验和当时趋势。先讲通用基础,最后才是 2019 的新名词。 不必学会所有技术才能当 Web 开发者 指南只是简单分类列出技术选项 建议来自作者经验和参考资料 先通用知识,再看 2019…
Prototype(原型) 是 JavaScript 对象系统的核心。不处理对象就很难把这门语言学深;这篇从创建对象的几种模式讲起,一路走到原型链、数组方法和箭头函数的限制。 英文原文:https://tylermcginnis.com/beginners-guide-to-javascript-p…