05 2020 档案

移动端适配-rem（新）
摘要：概念 对于移动端开发来说，无可避免的就是直面各种设备不同分辨率和不同DPR（设备像素比）的问题，在此忽略其他兼容性问题的探讨。 移动端像素 设备像素(dp)，也叫物理像素。指设备能控制显示的最小物理单位，意指显示器上一个个的点。从屏幕在工厂生产出的那天起，它上面设备像素点就固定不变了。 分辨率，屏幕 阅读全文
posted @ 2020-05-31 16:31 沐晓 阅读(3446) 评论(1) 推荐(3)
sku算法详解及Demo～接上篇
摘要：前言 做过电商项目前端售卖的应该都遇见过不同规格产品库存的计算问题，业界名词叫做sku(stock Keeping Unit)，库存量单元对应我们售卖的具体规格，比如一部手机具体型号规格，其中iphone6s 4G 红色就是一个sku。这里我们区别spu(Standard Product Unit) 阅读全文
posted @ 2020-05-30 23:50 沐晓 阅读(2641) 评论(0) 推荐(0)
sku算法介绍及实现
摘要：前言 做过电商项目前端售卖的应该都遇见过不同规格产品库存的计算问题，业界名词叫做sku(stock Keeping Unit)，库存量单元对应我们售卖的具体规格，比如一部手机具体型号规格，其中iphone6s 4G 红色就是一个sku。这里我们区别spu(Standard Product Unit) 阅读全文
posted @ 2020-05-30 14:54 沐晓 阅读(6689) 评论(0) 推荐(1)
电商类业务梳理
摘要：来到新公司已经快一年时间，这一年中学习的时间比较少，更多的时间花在了通勤和家里，也算是放松了一段时间吧。当然因为工作原因，业务熟练度也是有所提高的，以前没做过电商业务，现在参与其中，也是熟悉了电商业务的要点和难点。下面将对这段时间参与的业务进行回顾和梳理，方便日后查阅。 售卖的业务流程 电商售卖的业 阅读全文
posted @ 2020-05-24 16:20 沐晓 阅读(1015) 评论(0) 推荐(0)
不同类型的状态码及含义
摘要：不同类型的状态码及含义 开门见山 1xx 信息性状态码，接收的请求正在处理 2xx 成功状态码，请求正常处理完毕 3xx 重定向状态码，需要进行附加操作以完成请求 4xx 客户端错误状态码，服务器无法处理请求 5xx 服务端错误状态码，服务器处理请求出错 常用状态码 1. 200 ok 表示从客户端 阅读全文
posted @ 2020-05-23 23:47 沐晓 阅读(615) 评论(0) 推荐(0)
TCP/IP简记
摘要：作为一个非科班的前端er，计算机网络基础和原理方面一直都是自己比较薄弱的环节，最近学习了一些相关的知识便记录一下。 简介 tcp/ip：我们通常所说的tcp/ip协议，指的是以TCP（传输控制协议）和IP（网际协议）为核心的TCP/IP协议族。TCP/IP也称互联网协议，是一个网络通信模型，以及一整 阅读全文
posted @ 2020-05-23 23:11 沐晓 阅读(172) 评论(0) 推荐(0)
JS事件循环（Event Loop）
摘要：概念 JavaScript 有一个基于事件循环的并发模型，事件循环负责执行代码、收集和处理事件以及执行队列中的子任务。这个模型与其它语言中的模型截然不同，比如 C 和 Java。 "（摘自MDN）" 简单地说，对于 JS 运行中的任务，JS 有一套处理收集，排队，执行的特殊机制，我们把这套处理机制称 阅读全文
posted @ 2020-05-17 20:17 沐晓 阅读(9814) 评论(0) 推荐(1)
前端性能优化小结（持续更新）
摘要：前端性能优化列表： 1. JS 减少 DOM 操作 预加载 懒加载 tree shaking 防抖，节流 变量缓存 for遍历优先 接口数据懒请求 2. CSS 减少类的层级 硬件加速（3d canvas webgl） 雪碧图 避免使用滤镜 3. html 减少无效标签 4. 整体 减少 http 阅读全文
posted @ 2020-05-14 12:29 沐晓 阅读(148) 评论(0) 推荐(0)
求100000以内的质数
摘要：什么是质数 质数就是只能被 1 和 它本身整除的自然数(1 不是)。质数在算法中的有许多独特的作用，比如计算数组的子集，[2, 3, 5] 与 [2, 3, 5, 7], 可以通过元素乘积来判断是否为子集关系。 求解质数的方法（100000以内质数） 暴力求解 利用循环判断是否能被小于本身的自然数整 阅读全文
posted @ 2020-05-13 15:44 沐晓 阅读(917) 评论(0) 推荐(0)
new实例化背后的逻辑及实现
摘要：模拟new创建实例 我们经常使用 new 关键字，通过构造函数来创建新实例。那么这个实例化的过程是怎么样的呢？ 1. 创建一个新的空对象 instance 2. 将 instance 的 __proto__ 属性指向构造函数的原型（Fn.prototype） 3. 以 instance 来调用执行构 阅读全文
posted @ 2020-05-12 14:08 沐晓 阅读(413) 评论(0) 推荐(0)
apply call bind的用法与实现
摘要：概念 允许为不同的对象分配和调用属于一个对象的函数/方法。同时它们可以改变函数内 this 的指向。 区别 apply 和 call 接收的参数形式不同 apply 和 call 都是直接调用函数并得到函数执行结果，而 bind 会返回待执行函数，需要再次调用 用法演示 我们先创建一个对象 pare 阅读全文
posted @ 2020-05-11 23:18 沐晓 阅读(1213) 评论(0) 推荐(0)
面试之手写防抖节流
摘要：面试之手写防抖节流 关注前端体验或性能优化的应该有听说过 ，`节流`。那么，什么是防抖节流呢？ 防抖 概念 在短时间内多次触发同一个函数，只执行最后一次。 举例：搭乘公交车的时候，陆续有不同的乘客上车，但师傅只会在最后一个乘客上车后才关门。 效果演示 防抖前 防抖后 应用场景 表单输入验证 表单输入 阅读全文
posted @ 2020-05-10 18:13 沐晓 阅读(4227) 评论(0) 推荐(0)
面试之JS深拷贝的实现
摘要：在面试中你是否遇到过如下场景： Q：小朋友，你是否了解如何拷贝一个对象？ R：此时，机智的你可能会想到 Q：那如何深拷贝一个对象呢？ R：机智的你 Q：使用 这种方式有何弊端？ 1. 性能问题， 再解析其实需要耗费较多时间，特别是数据量大的时候。 2. 一些类型无法拷贝，例如函数(不输出)，正则(输 阅读全文
posted @ 2020-05-06 23:37 沐晓 阅读(423) 评论(0) 推荐(0)
BFC学习笔记
摘要：概念（来自MDN） 即`block formatting context`(块级格式化上下文)，是 Web 页面的可视化 CSS 渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。 个人理解：在某些条件（形成BFC的条件）下，一个元素及其子元素拥有特定的渲染规则，此时我们 阅读全文
posted @ 2020-05-06 23:33 沐晓 阅读(152) 评论(0) 推荐(0)
css实现水平垂直居中的几种方式
摘要：梳理下平时常用css水平垂直居中方式～ 阅读全文
posted @ 2020-05-04 12:32 沐晓 阅读(8277) 评论(0) 推荐(0)
git常用命令
摘要：git常用命令 阅读全文
posted @ 2020-05-03 13:02 沐晓 阅读(342) 评论(0) 推荐(0)