登录注册

Rabbitzzc

Rabbitzzc 自由前端简单

关注

54538 号成员，2019-11-07 13:11:32 加入

496

个人主页浏览

177

帖子 + 回帖 + 评论

6.1k

1099h55m

在线时长

I'll be there for you

48 帖子
6 提问
6.2k 帖子被浏览
589 浏览帖子
5 被收藏的帖子
4 收藏的帖子
42 帖子被关注
0 关注帖子

153 被回贴
74 回贴
1.9k 浏览回贴
1 被采纳回答
9 回答提问
55 评论
1.2k 聊天室

18 收到的感谢
21 送出的感谢
15 收到的赞同
15 送出的赞同

4 被用户关注
2 关注用户
496 主页被浏览
80 浏览他人主页
14 浏览领域
15 浏览标签

6847 积分

34 Stars
29 Followers
17 Repos

发布了回帖写了一个快速创建引导页的小工具，还在完善中

[链接] 这个也不错，开源杰作。不过太大了，16Kb

3 天前
发布了帖子写了一个快速创建引导页的小工具，还在完善中

上半年的重心是一个技术项目，如果也顺利落地并进入了维护阶段，老大的要求一直是非常苛刻的，用户体验要求非常高。在项目不断的迭代中，增加了很多功能，但是在实际给用户演示过程中，发现很多功能用户并不知道，这样萌生了这个小工具的想法。为什么要自己写？开源中有一个 intro.js，但是整体来说，体积比较大，很多功能也不需 ..

3 天前
发布了评论 scrollIntoView 函数简化置顶功能

学到了

5 天前
发布了回帖 scrollIntoView 函数简化置顶功能

[链接] [图片] 整体的兼容性也是比较好的

1 周前
发布了帖子 scrollIntoView 函数简化置顶功能

基本介绍 [图片] Element.scrollIntoView() Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。 MDN Web 文档 - developer.mozilla.org Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口 ..

1 周前
发布了评论如何写一个优秀的组件？

第一点，是组件承担的责任多就越好么？

2 周前
发布了帖子如何写一个优秀的组件？

2 周前
发布了评论 vue 疑难杂症三大定理

rm -rf project --> n+1 --> next company

2 周前
发布了回帖思源笔记 - 支持 Markdown 块级引用和双向链接的网状笔记应用

find it

3 周前
发布了帖子 vue 疑难杂症三大定理

据说，Vue 项目解决 bug 和问题用这三步就可以[图片] 没有什么是 deep watch 解决不了的，有就加 immediate 事件相关，dom 不更新？试试 nextTick 实在不行，就用 setTimeout

3 周前
发布了清风明月

[链接] tag: web component API 初试

3 周前
发布了清风明月

今天才意识到一维布局和二维布局，我真菜

3 周前
发布了回帖困扰我的 0.5px 边框效果终于解决了

https://juejin.im/post/6844903582370643975 这篇文章写得更好了，建议看这个

3 周前
关注了用户 fpdan

3 周前
发布了帖子前端 - 可选链和空值合并运算符功能，你们觉得鸡肋么？

两种大家比较期待的两种语法新特性已经陆陆续续有浏览器支持了：可选链操作符（[链接]）空值合并运算符（[链接]）空值合并运算符空值合并操作符（??）是一个逻辑操作符，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数。 const foo = null ?? 'defa ..

1 个月前
发布了帖子几个 CSS 小技巧

最近在为项目添加一个首页，写了一堆 HTML 和 CSS，不过总算是一天给搞定了，上级也比较满意。在实现的过程中，也发现了几个平时没有考虑过的 CSS 技巧，在这里算记录也算是分享吧渐变首先还是简单介绍一下 CSS 渐变: CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。以 ..

1 个月前
发布了清风明月

Fuck 阿里一堆垃圾 KPI 图表库

1 个月前
发布了评论 ts 报错求助

这个可以，不过似乎没有治本

1 个月前
发布了帖子 ts 报错求助

刚上手 ts，细节方面不是很了解呀，求助 [图片] 错误提示：在类型 'string | object' 上找不到具有类型为 'string' 的参数的索引签名。ts(7053) 这边我加上了类型保护，似乎没有作用。

1 个月前
发布了帖子 vuex-router-sync 理解

vuex-router-sync 基本原理理解先说结论：把 vue-router 当前的 $route 同步为 vuex 状态的一部分。换句话说，你不需要再 Vuex 中 import route，而可以直接使用 $route 使用方法如果你的项目中，在 Vuex 中不需要获取 route，则完全灭有必要引用 vu ..

1 个月前
感谢了回帖为什么 cloneNode 克隆图片会重新请求一次图片资源，而不是直接使用缓存呢

我试了下，我的 Chrome 不会重新请求

1 个月前
发布了评论为什么 cloneNode 克隆图片会重新请求一次图片资源，而不是直接使用缓存呢

嗯，当时可能没注意到

1 个月前
发布了清风明月

[图片] keep going~

1 个月前
发布了评论 1 行代码，10 种现代布局

@jones2000 昂，可以动手尝试一下

1 个月前
发布了评论现代前端技术体系，你怎么看

持续保持统一，开发人员统一了，就会觉得枯燥了

1 个月前
发布了评论分享 - 业务前端如何突破困境

hh，当然，兴趣驱动嘛

1 个月前
赞同了回帖分享 - 业务前端如何突破困境

如果可以尝试做一些属于的自己的东西的话。

1 个月前
发布了评论 1 行代码，10 种现代布局

会啊，本来就算响应式布局，宽度以及版本都会自适应

1 个月前
发布了帖子分享 - 业务前端如何突破困境

[链接] 看到这篇文章还是比较感同身受的！虽然个人运气比较好，工作的第一年，技术和业务都涉及了，做的事情也有组织保障，但个人一直也是存在危机感的，不管是时间是基本上满了，没时间学习与沉淀，还是天天开会，写代码，写业务......总感觉没有啥成长。希望这篇文章也能给其他朋友带来感悟~

1 个月前
发布了帖子最基础的 JS

不知道这些 JavaScript 方法有没有用，不过了解总比不知道好。送给需要的人数组转换为对象在 JavaScript 中，数组其实也是对象 const arr = ['hello', 'world']; arr instanceof Object;&n ..

1 个月前
发布了评论个人 - Github Profile README

@Vanessa 不应该呀，奇怪，最近 Git 访问确实有点慢

1 个月前
发布了帖子 ## 单行 CSS 实现页面黑暗模式

单行 CSS 实现 Dark Mode 主人公：filter filter CSS 属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像，背景和边框的渲染。 code 通过设置滤镜翻转和色彩旋转，实现 Dark Mode: html[theme='dark-mode'] { filter: invert(1) ..

1 个月前
发布了回帖个人 - Github Profile README

[图片] 利用 css-in-readme 加上了 svg 动画，感觉还不错，可以尝试哦

1 个月前
发布了回帖为什么 cloneNode 克隆图片会重新请求一次图片资源，而不是直接使用缓存呢

经过确认，不会重新请求[图片]

1 个月前
发布了评论果然我还是觉得黄色好看

肯定是

1 个月前
发布了评论果然我还是觉得黄色好看

好熟悉！记不起来了，能介绍一下么

1 个月前
发布了评论为什么 cloneNode 克隆图片会重新请求一次图片资源，而不是直接使用缓存呢

我也试了一下，可能跟浏览器版本有问题？昨晚另一个电脑的 Chrome 是有的，我晚上再回去试试，再给答复

1 个月前
发布了评论为什么 cloneNode 克隆图片会重新请求一次图片资源，而不是直接使用缓存呢

是，比如两个 img 相同 src 也是使用缓存，而不是重新请求一次资源呀，好像不是这个理

1 个月前
发布了帖子为什么 cloneNode 克隆图片会重新请求一次图片资源，而不是直接使用缓存呢

为什么 cloneNode 克隆图片会重新请求一次图片资源，而不是直接使用缓存呢比如 a = // 1 重新请求 a.cloneNode() // 2. 不会重新加载

1 个月前
发布了帖子果然我还是觉得黄色好看

[图片] [图片]

1 个月前
发布了回帖 Chart.js 生成图表的自适应方法：ResizeObserver API

ResizeObserver 的兼容性比较差，目前还是实验性的 API，很多浏览器并没有支持，所以需要关注了

1 个月前
发布了帖子 Chart.js 生成图表的自适应方法：ResizeObserver API

纯分享和讨论，告诫如果使用 Chart.js 作为生产环境工具，一定要确定兼容性。 G2 图表对于图表的自适应是通过 window.addlistener('resize', ()=>{}) 实现的。这种方法很常用，但是也很有风险，特别是内部图表父类容器变化，而浏览器窗口没有变化的时候，这样图表就无法自适应了。 ..

1 个月前
发布了回帖图片放大预览工具推荐 - medium-zoom

整体包大小也是最小的，看了另一个 vue-picture-preview@2.0.1，23k。。。（vue 版本不同，导致安装大小也会有所增加）

1 个月前
发布了帖子图片放大预览工具推荐 - medium-zoom

[图片] 遇到一个小需求，需要点击图片，实现放大效果，找了好几个插件 zooming.js 等，实际效果不是很好，最后发现了 medium-zoom，整体效果还不错，可以用来封装一个 Vue 自定义指令，或者直接使用，非常方便。

1 个月前
发布了清风明月

上车武汉，以后就是武汉宁了[图片]

1 个月前
发布了帖子前端 - 本地 <iframe> 懒加载即将到来

demo：https://lazy-load.netlify.app/iframes/ article：https://web.dev/iframe-lazy-loading/ [] 推迟加载屏幕外 iframe，直到用户在其附近滚动。[图片] [图片] 感觉功能提升以后，对于一些复杂的 B 端系统很有帮助呀，能够很好 ..

2 个月前
发布了帖子 CSS units

[图片]

2 个月前
发布了清风明月

OKR 时间到，又是一个风雨的会议

2 个月前
感谢了回帖 1 行代码，10 种现代布局

文中代码块没有标记语言导致高亮失效。社区内容排版有建议欢迎提出。

2 个月前
发布了评论 1 行代码，10 种现代布局

没有没有。是我忽视了，我以为 mdnice 复制过来直接可以，下次注意下次注意

2 个月前
发布了回帖 1 行代码，10 种现代布局

看来从 mdnice 复制过来样式上还是有问题的[图片] ，感觉好挤

2 个月前
发布了帖子 1 行代码，10 种现代布局

1 行代码，10 种现代布局 ~!!! 一般 B 端系统可以使用，C 端系统有时候需要考虑到兼容性作为前端开发，在开发需求的时候，选择一个布局并实现一个布局，有时候还是蛮头疼的，有时候写好布局以后，上线被产品发现布局或者样式有问题。所以这篇文章总结了几行功能强大的 CSS，这些代码可以完成一些繁琐头疼的工作，构建可靠 ..

2 个月前
发布了评论个人 - Github Profile README

搞起

2 个月前
感谢了回帖个人 - Github Profile README

[图片] GitHub 用户主页有个彩蛋 - 链滴看到 @w3cfed 的 GitHub 主页上有个介绍挺特别的，我试着建立了一个和自己用户名同名的仓库，还真有个彩蛋用法呢： [图片] 创建仓库后编辑 README，然后在自己的主页就可以看到效果了： [图片] 大家有什么好玩的创意欢迎分享链滴 - hacpai.c ..

2 个月前
赞同了回帖个人 - Github Profile README

[图片] GitHub 用户主页有个彩蛋 - 链滴看到 @w3cfed 的 GitHub 主页上有个介绍挺特别的，我试着建立了一个和自己用户名同名的仓库，还真有个彩蛋用法呢： [图片] 创建仓库后编辑 README，然后在自己的主页就可以看到效果了： [图片] 大家有什么好玩的创意欢迎分享链滴 - hacpai.c ..

2 个月前
感谢了回帖个人 - Github Profile README

搞了一个 [图片]

2 个月前
赞同了回帖个人 - Github Profile README

搞了一个 [图片]

2 个月前
发布了清风明月

用了 G2 以后，感觉要猝死了，时间都花在看文档上

2 个月前
发布了评论个人 - Github Profile README

搞起

2 个月前
赞同了回帖个人 - Github Profile README

对了，如果要加入访问统计的话可以用这个 [链接]

2 个月前
感谢了回帖个人 - Github Profile README

对了，如果要加入访问统计的话可以用这个 [链接]

2 个月前
发布了回帖个人 - Github Profile README

这里有很多模板和工具，[链接]

2 个月前
发布了评论个人 - Github Profile README

[链接] 这里搜到的，动图

2 个月前
发布了帖子个人 - Github Profile README

[图片] 感觉配的还不错[图片][图片][图片]

2 个月前

赞助商我要投放