摘要: 搞个性能优化搞了两天,一直以为是一次性创建令浏览器崩溃的dom的数量,导致浏览器内存溢出,从而卡顿,原来不是。 先来看看成品页面: 这里服务端返回了headers和data两个list数据,那么双重for。我拿到数据之后,要去往VUE的dom上绑定一个计算data.item.dates.item, 阅读全文
posted @ 2023-07-05 01:50 yuan_bao_er 阅读(175) 评论(0) 推荐(0)
摘要: 圆角大杀器,使用滤镜构建圆角及波浪效果! Coco 国服第一切图仔 16 人赞同了该文章 本文,将另辟蹊径,介绍一种使用滤镜去构建圆角的独特方式。 首先,我们来看这样一个图形: 一个矩形,没什么特别的,代码如下: div { width: 200px; height: 40px; backgroun 阅读全文
posted @ 2022-09-30 23:40 yuan_bao_er 阅读(1304) 评论(0) 推荐(1)
摘要: 1、css变量的声明 使用--声明变量($被sass用掉了,@被less用掉了) <style> :root { --color: red; } </style> root为根元素,相当于给html设置了css变量 /* :root 相当于 html */ html { --color: red; 阅读全文
posted @ 2022-09-30 23:34 yuan_bao_er 阅读(1005) 评论(0) 推荐(0)
摘要: CSS滤镜,高斯模糊,图片融合,图像对比度,blur,contrast 说明 案例一 在线体验馆 代码 Html css 案例二 在线体验馆 代码 Html css 说明 filter: blur(): 给图像设置高斯模糊效果。 filter: contrast(): 调整图像的对比度。 案例一 在 阅读全文
posted @ 2022-09-30 20:59 yuan_bao_er 阅读(255) 评论(0) 推荐(0)
摘要: 纯前端实现「羊了个羊」小游戏🐏 QCY 2022年09月16日 16:52 · 阅读 18681 关注 我正在参加「码上掘金挑战赛」详情请看:码上掘金挑战赛来了! 背景 最近简单的「羊了个羊」小游戏火到出圈,据说狂赚几百几千万。这么弱智的玩意,即便是前端,我上我也行! 最终成果 游戏本体 如果一直 阅读全文
posted @ 2022-09-22 18:29 yuan_bao_er 阅读(408) 评论(0) 推荐(0)
摘要: 首先 很多项目正在更新迭代,vue2项目同学也知道vite打包速度 开发模式飞快 ,我们先来看一组差距。贴个图 这是vite构建的vue2的初始化项目性能 这是默认vue2构建的初始化的vue2项目性能 明显差距很大,下面正入主题👇🏻 一、首先我们想在vue2中直接使用vite,也是可以的,来看 阅读全文
posted @ 2022-08-25 19:16 yuan_bao_er 阅读(8025) 评论(1) 推荐(0)
摘要: 背景 在最近的一次需求开发过程中,有再次使用到Vuex,在状态更新这一方面,我始终遵循着官方的“叮嘱”,谨记“一定不要在action中修改state,而是要在mutation中修改”;于是我不禁产生了一个疑问:Vuex为什么要给出这个限制,它是基于什么原因呢?带着这个疑问我查看Vuex的源码,下面请 阅读全文
posted @ 2022-02-18 14:03 yuan_bao_er 阅读(977) 评论(0) 推荐(0)
摘要: 参考:https://www.cnblogs.com/wangyihong/p/7514304.html 问题:通过绝对定位或者固定定位设置底部按钮,在虚拟键盘弹起时,底部按钮会被顶到虚拟键盘上方。 方法一:最简单的,给按钮使用相对定位,单按钮肯定无法固定在屏幕底部了,没人挑毛病就可凑合用。 方法二 阅读全文
posted @ 2021-08-31 11:08 yuan_bao_er 阅读(7756) 评论(0) 推荐(0)
摘要: 嫌打git add, git push 太麻烦,可以修改bash里的 alias,改成'ga','gp'这样的短命令 打开 Git Bash, 创建修改.bashrc文件。 touch ~/.bashrc 打开文件 vim ~/.bashrc 在文件里添加一下alias,将'git add','gi 阅读全文
posted @ 2021-08-08 03:12 yuan_bao_er 阅读(226) 评论(0) 推荐(0)
摘要: 本文实例讲述了js判断浏览器版本以及浏览器内核的方法。分享给大家供大家参考。具体实现方法如下: js判断是否移动端及浏览器内核 var browser = { versions: function() { var u = navigator.userAgent; return { trident: 阅读全文
posted @ 2021-05-17 14:42 yuan_bao_er 阅读(4306) 评论(0) 推荐(0)