Rabbitzzc

发布了帖子 center - css

content center .content-center { display: grid; place-content: center; gap: 1ch; } gentle flex .gentle-flex { display: flex; flex-direction: column; align-items ..

1 个月前

发布了帖子前端系分文档

最近在看一些行业内文章的时候，了解到一个概念，也就是标题 - 前端系分文档。虽然在美团能学到很多基本的方法论和提升自身基本功与软技能，但这是我工作一年多第一次听到这个词语，很快就被这个概念也吸引了。所以也尝试百度了相关概念以及结合自身角度去理解。 WHY 相信很多朋友跟我类似，在工作刚开始的时候，需求评审的过程很有可 ..

1 个月前

发布了回帖消化

零散的知识点如果不能真正吸收，可以回看一年，可能一直在做重复的事情[图片]

1 个月前

发布了帖子消化

关于 JS 事件循环 Event Loop 非常出名的演讲~[链接] 反映出一个道理： If you can't explain it simply, you don't understand it well enough 如果你不能简单地解释，说明你还没有完全理解~ 学习也是如此。作为村里出来的小伙伴，高中按照老师， ..

1 个月前

发布了回帖撸了一个 H5 搜索框

没做分享，PPT 也定稿了，感兴趣可以看看，顺便给点建议，PPT 能力不够 😂 链接: [链接] 密码: tqu9

1 个月前

发布了帖子单行生成唯一字符串 id

const uid = () => performance.now().toString(36) + Math.random().toString(36).substr(2); [图片] 来比代码~

2 个月前

发布了帖子网站来点圣诞气氛？

上 codepen 找了一圈灵感..... Merry Christmas, Friends!

2 个月前

发布了评论撸了一个 H5 搜索框

啥 400

2 个月前

发布了帖子撸了一个 H5 搜索框

[图片] 最近干了一个移动端需求，有个关于首页搜索框的功能实现。找了一些组件库和开源的工具，发现没有一个合适的，有大致相同的代码上也是比较。。。。所以，只能自己写了~ 最近需求块上线了，我也将代码抽了出来，毕竟也踩了不少坑，当做实战经验分享也是挺好的。晚上没事，做了个 PPT，顺便将代码抽离干净了（内部一些组件的东西不 ..

2 个月前

发布了帖子移动端滚动加载更多组件 - loadermore

2 个月前

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

@kvker 因人而异，正常

2 个月前

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

可选链我知道，但是呢，总感觉还是得个人提升代码健壮性。不过其确实可以避免线上问题和错误

2 个月前

赞同了清风明月

换了个小米路由器，家里的小米设备越来越多了。

2 个月前

发布了清风明月

实践，并追求极致！

2 个月前

发布了帖子简单的代码，挺实用

最近在开发一个需求的时候，需要实时查看 JS 对象的结构，直接在 vue devtools 看比较麻烦，同时如何直接在页面上利用 {{object}} 展示，样式上会比较乱。所以，在某个开源的工具（忘了哪个）发现了一段类似的代码，特意保存下来并修改了一下，对我来说挺实用的，感兴趣的朋友可以试试。 [图片] https ..

2 个月前

发布了帖子整个 css filter 的配置页

试了试 vite 写了个小工具，主要是用于试用 css 属性 filter 的展示效果 [图片] 页面还是比较简陋的，后续有时间可能需要对 drop-shadow 进行配置化展示。 http://vite-filter.logiczc.vercel.app/ https://github.com/ra-utility/ ..

2 个月前

发布了评论 vue 文件结构顺序统一

直接跟着官网走一遍，如果比较吃力可以尝试找点视频（较慢）练习，先混学，然后再形成体系

3 个月前

发布了评论发现了最好看的 vscode 主题了

试试，没准会爱上呢

3 个月前

发布了评论发现了最好看的 vscode 主题了

我瞅瞅，我也是最近发现的，感觉很舒适

3 个月前

发布了帖子发现了最好看的 vscode 主题了

[图片] 以前一直用的是 monika 或者是 one dark pro，最近发现 panda 主题也非常 nice 啊。 [图片] github：[链接]

3 个月前

发布了评论临时占坑 - Vue2.x 接入 esbuild，提升打包速度

@fe 真实

3 个月前

发布了帖子 vue 文件结构顺序统一

vue 文件顺序在平时的开发中，会发现很多 vue 文件里面的结构很不统一，比如找个生命周期函数，可能在 methods 配置下面，影响到了开发效率，保持统一的代码风格有助于团队成员多人协作。 Vue 官网文档中也有推荐[链接],文档中对选项顺序做了许多分类。但从工程项目角度思考，也是借鉴了其他开发者推荐的顺序：大 ..

3 个月前

发布了回帖临时占坑 - Vue2.x 接入 esbuild，提升打包速度

至于为何突然想要梳理一下整体的构建工作流，就是标题所说的目的了。背景是因为团队中一些项目启动比较慢，从执行 yarn serve 到可以在浏览器中看到页面，有时候需要等很久，而 vue-cli 本身是利用 webpack 构建的，目前比较火的是 esbuild（号称最快的打包工具），因此想到将 esbuild-loa ..

3 个月前

发布了评论临时占坑 - Vue2.x 接入 esbuild，提升打包速度

那你告诉我更好的编码方式 hh

3 个月前

发布了帖子临时占坑 - Vue2.x 接入 esbuild，提升打包速度

V1 版本 - 废弃 [图片] V2 版本对 vue SFC 整体的工作流又重新梳理了一遍 [图片]

3 个月前

发布了回帖 typescript - 我想要注意的点

暂时没有结构化，只是罗列

4 个月前

发布了帖子 typescript - 我想要注意的点

学习 TS 有一段时间了，目前很多的一些项目都开始往 TS 转，在写的过程中总会遇到一些大大小小的问题，然后也没人一起学习与帮助，还是蛮吃力的。所以将在整体的学习过程中，我认为比较重要的点都在这记录下来，以后遇到的一些问题都会往这里补充吧，如果大家有想一起分享的，都可以写在评论区，然后我再补充到文章中，咱们社区也能建 ..

4 个月前

发布了帖子 ES6 类的私有属性

怕是面试题 - ES6 类的私有属性 TS 中实现了 ES6 找那个类的基本功能以外，同时还添加了一些新的方法，比如私有属性，继承多态（面向对象）等。俺对私有属性的实现，确实比较感兴趣，琢磨着也得了解了解 ES6 怎么去实现。 // 私有属性 - 闭包实现 class Example1 { constructor() ..

4 个月前

发布了帖子 JS 打包压缩工具测试（benckmarks）

JS 打包压缩工具测试（benckmarks）测试工具测试对比的工具如下： [链接]：支持 es6 语法的压缩工具 [链接]：外界认为是一款快 10~100 倍的压缩工具 [链接]：支持 es6 [链接]：老派结果 code: [链接] 标识： Ms：🐇 最快 🐢 最慢 Size：🐥 最轻 🐷 最重 Gz ..

4 个月前

发布了回帖写了一个快速创建引导页的小工具，正式版发布了

star 超过 10 个了，感谢[图片]

4 个月前

赞同了清风明月

拿了北京一家公司的前端 Offer，在北京租房开始北漂啦。加油，加油，撸起袖子加油干！

4 个月前

发布了帖子 TS 打包 - 有时候，打包没那么麻烦

有时候，打包没那么麻烦国庆没事看看，还是有点小收获。有时候需要将 ts 打包成同时支持 commonjs 和 es 格式，这时候可能需要用到 rollup，babel，webpack 等构建编译工具，至少我以前一直是这么做的，写一堆构建文件。最近看到一个库的打包构建目录，发现写的很有意思（我以前确实没有想到）： ..

4 个月前

发布了回帖写了一个快速创建引导页的小工具，正式版发布了

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

5 个月前

发布了帖子写了一个快速创建引导页的小工具，正式版发布了

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

5 个月前

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

学到了

5 个月前

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

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

5 个月前

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

基本介绍 Element.scrollIntoView() - Web API 接口参考 | MDN Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。仔细想想，发现这个功能有很好的的实用性，比如置顶[图片] document.body.scrollIntoView({b ..

5 个月前

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

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

5 个月前

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

5 个月前

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

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

5 个月前

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

find it

5 个月前

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

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

5 个月前

发布了清风明月

[链接] tag: web component API 初试

5 个月前

发布了清风明月

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

5 个月前

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

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

5 个月前

关注了用户 fpdan

5 个月前

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

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

6 个月前

发布了帖子几个 CSS 小技巧

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

6 个月前

发布了清风明月

Fuck 阿里一堆垃圾 KPI 图表库

6 个月前

发布了评论 ts 报错求助

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

6 个月前

发布了帖子 ts 报错求助

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

6 个月前

发布了帖子 vuex-router-sync 理解

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

6 个月前

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

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

6 个月前

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

嗯，当时可能没注意到

6 个月前

发布了清风明月

[图片] keep going~

6 个月前

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

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

6 个月前

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

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

6 个月前

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

hh，当然，兴趣驱动嘛

6 个月前

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

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

6 个月前

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

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

6 个月前

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

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

6 个月前

发布了帖子最基础的 JS

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

6 个月前

发布了评论个人 - Github Profile README

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

6 个月前

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

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

6 个月前

赞助商 我要投放

赞助商我要投放