在这个周末 运行项目的时候突发奇想 一直在运行的npm run dev到底是个什么意思？于是 开始了这一期的主题 探索npm run dev的运行逻辑~

1. 重构和架构 重构是指在不改变代码行为的前提下，重写代码，使其更加简洁、易于复用。 架构是指软件项目的各个不同部件之间的组合方式。 2. CSS选择器的优先级 !important 优先级最高，可覆盖行内样式。不可以添加到行内样式属性中。 3. 如何编写优质的 CSS 但是…

今天我们自己手写一个渐隐渐显版的轮播图，先上效果图👇由于文件太大，只能压缩成这样给大家看了😓既然不能传大文件，那大家就委屈一下先听听小芝麻描述一下具体的需求吧😄一、需求就如上面效果图一样；如图：此时小

用惯了各种各样的组件，并没有真正意义上的封装一个可以拖拽切屏的轮播图，经过一番编写，发现写这样一个轮播图要想写的好，还真的是挺有难度，不同设备的不同事件完备性？事件触发时机的把控？如何更好的去封装？自适应窗口后的事件重置？等等...，看看swiper这个库的源码，就知道小事情也…

循环无缝自动轮播五张图，按左右箭头可以手动切换图片，鼠标点击轮播图下面按钮 1 2 3 4 5会跳转到对应的第1 2 3 4 5张图片。鼠标放到轮播图的图片上时不再自动轮播并且左右箭头显示出来，鼠标移开时左右箭头隐藏掉并且自动轮播。 布局：准备七张图片实现所谓的无缝轮播，固定七…

效果图普通轮播图卡片式轮播图堆叠式轮播图普通轮播图普通轮播图-演示普通轮播图-源码思路：如上图所示，假设有三张图片进行轮播，绿色区域是显示区域，其它部分都是隐藏的页面渲染时,会多选择两张图片，图中数字

工作时遇到一个需求：提取图片主题色，通过某种映射关系，选取ui给出的对应颜色。脑海中浮现如果只是纯前端如何实现呢？ 利用canvas获取图像像素信息，然后用某种算法将主题颜色提取出来。 data：Uint8ClampedArray类型的一维数组，包含着RGBA格式的整型数据，范…

我司有个需求，用户可以自定义主题色。但当我使用选色器选择不同颜色的时候，发现了一个问题。如果用户选择黑色为主题色，然后字体颜色也是黑色的，那他不就看不到字体了吗。 思考问题，如何判断背景色什么时候使用黑色还是白色的字体时，ps里面有个方法去色提醒了我。 色彩分为两大类：有彩色系…

今天产品经理过来说，需要在首页加上一个类似一个天猫的轮播图。 天猫的轮播图是 图片定宽定高， 当不同分辨率屏幕时候 会根据图片的背景色填充容器左右空隙。 比如 第一反应：不管是js还是css 都没有办法获取图片色值的， 那必须服务端给我了。要么 后台cms在上次图片的时候，指定…