Rabbitzzc

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

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

1 周前

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

试试，没准会爱上呢

1 周前

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

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

2 周前

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

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

2 周前

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

@fe 真实

2 周前

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

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

2 周前

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

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

2 周前

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

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

3 周前

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

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

3 周前

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

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

1 个月前

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

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

1 个月前

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

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

1 个月前

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

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

1 个月前

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

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

1 个月前

赞同了清风明月

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

1 个月前

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

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

1 个月前

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

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

2 个月前

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

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

2 个月前

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

学到了

2 个月前

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

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

2 个月前

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

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

2 个月前

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

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

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 ..

3 个月前

发布了帖子几个 CSS 小技巧

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

3 个月前

发布了清风明月

Fuck 阿里一堆垃圾 KPI 图表库

3 个月前

发布了评论 ts 报错求助

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

3 个月前

发布了帖子 ts 报错求助

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

3 个月前

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

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

3 个月前

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

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

3 个月前

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

嗯，当时可能没注意到

3 个月前

发布了清风明月

[图片] keep going~

3 个月前

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

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

3 个月前

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

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

3 个月前

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

hh，当然，兴趣驱动嘛

3 个月前

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

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

3 个月前

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

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

3 个月前

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

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

3 个月前

发布了帖子最基础的 JS

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

3 个月前

发布了评论个人 - Github Profile README

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

3 个月前

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

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

3 个月前

发布了回帖个人 - Github Profile README

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

3 个月前

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

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

3 个月前

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

肯定是

3 个月前

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

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

4 个月前

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

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

4 个月前

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

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

4 个月前

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

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

4 个月前

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

[图片] [图片]

4 个月前

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

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

4 个月前

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

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

4 个月前

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

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

4 个月前

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

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

4 个月前

发布了清风明月

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

4 个月前

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

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

4 个月前

发布了帖子 CSS units

[图片]

4 个月前

发布了清风明月

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

4 个月前

赞助商 我要投放

赞助商我要投放