摘要： 搞个性能优化搞了两天，一直以为是一次性创建令浏览器崩溃的dom的数量，导致浏览器内存溢出，从而卡顿，原来不是。 先来看看成品页面： 这里服务端返回了headers和data两个list数据，那么双重for。我拿到数据之后，要去往VUE的dom上绑定一个计算data.item.dates.item, 阅读全文

摘要： 设计原则①单一职责原则（SRP）使函数或对象功能尽量单一，应该把对象或方法划分成较小的粒度②最少知识原则（LKP）自我理解：最少知识指最少地知道认识；简而言之就是尽量降低方法或模块之间的耦合；③开放-封闭原则（OCP）只对原功能拓展，不修改原功能；【只拓展不修改】如：有一个方法，我们可以给这个方法增 阅读全文

摘要： 原理说明 对于大文件上传这个问题，作为一个有追求的程序员一定会有所思考，解决这个问题无非就是将文件变小，也就是通过对文件压缩或者对大文件分块后再上传。下面我们就来看看将文件资源分块的方案 代码实现之前端代码 （1）创建一个vue项目 （2）写一个简单页面 <input type="file" @ch 阅读全文

摘要： 圆角大杀器，使用滤镜构建圆角及波浪效果！ Coco 国服第一切图仔 16 人赞同了该文章 本文，将另辟蹊径，介绍一种使用滤镜去构建圆角的独特方式。 首先，我们来看这样一个图形： 一个矩形，没什么特别的，代码如下： div { width: 200px; height: 40px; backgroun 阅读全文

摘要： 1、css变量的声明 使用--声明变量（$被sass用掉了，@被less用掉了） <style> :root { --color: red; } </style> root为根元素，相当于给html设置了css变量 /* :root 相当于 html */ html { --color: red; 阅读全文

摘要： CSS滤镜,高斯模糊，图片融合，图像对比度，blur,contrast 说明 案例一 在线体验馆 代码 Html css 案例二 在线体验馆 代码 Html css 说明 filter: blur()： 给图像设置高斯模糊效果。 filter: contrast()： 调整图像的对比度。 案例一 在 阅读全文

摘要： 纯前端实现「羊了个羊」小游戏🐏 QCY 2022年09月16日 16:52 · 阅读 18681 关注 我正在参加「码上掘金挑战赛」详情请看：码上掘金挑战赛来了！ 背景 最近简单的「羊了个羊」小游戏火到出圈，据说狂赚几百几千万。这么弱智的玩意，即便是前端，我上我也行！ 最终成果 游戏本体 如果一直 阅读全文

摘要： 首先 很多项目正在更新迭代，vue2项目同学也知道vite打包速度 开发模式飞快 ，我们先来看一组差距。贴个图 这是vite构建的vue2的初始化项目性能 这是默认vue2构建的初始化的vue2项目性能 明显差距很大，下面正入主题👇🏻 一、首先我们想在vue2中直接使用vite，也是可以的，来看 阅读全文

摘要： 背景 在最近的一次需求开发过程中，有再次使用到Vuex，在状态更新这一方面，我始终遵循着官方的“叮嘱”，谨记“一定不要在action中修改state，而是要在mutation中修改”；于是我不禁产生了一个疑问：Vuex为什么要给出这个限制，它是基于什么原因呢？带着这个疑问我查看Vuex的源码，下面请 阅读全文

摘要： js中apply方法的使用的使用 1、对象的继承，一般的做法是复制：Object.extend prototype.js的实现方式是： Object.extend = function(destination, source) { for (property in source) { destina 阅读全文