链滴
社区愿景和功能特性
优雅的 Markdown 所见即所得编辑
快捷键交互
随时自由编辑分享内容
支持注销账号来去自由
分布式社区网络
开放 API
产品
Symphony 社区系统(Java)
Solo 博客系统(Java)
Vditor 编辑器(TypeScript)
思源笔记(Electron、Go)
Pipe 博客平台(Vue、Go)
发展计划表
发展简史
榜单
GitHub 仓库排行
帖子打赏排行
Solo 博客端排行
积分排行
活跃度排行
贡献排行
本站基于开源项目 Sym
编程代码问答
登录
注册
好玩
前端
后端
工作
B3
推介
思源笔记
35078 浏览
查看所有领域
🔖 过滤标签
Vue.js
webpack
Node.js
HTML
CSS
JavaScript
Angular
React
Flutter
查看所有标签
思源笔记新图标征集
背景 也许还有人记得第一版那个比较丑的官网,那是我和 @Vanessa 花了半天时间做的,那时候开发时间太紧张了,所以我们优先考虑开发思源本身的功能。思源的图标大概花了几分钟做的,当时思源主要是基于 Vditor 和 Lute 开发的,所以图标也就取自这两个项目: [图片][图片][图片] 当然,以上这些显然不是什么值 ..
5.2K
1 天前
CSS 样式百科全书(标题篇)
标题篇 线条 底部线条 线条 100% 宽度 [图片] 通常用在一级标题中,和下文内容做区分,起到分割线的作用,通常为 1 像素,颜色不要太深,可以适当加透明度 .h1 { border-bottom: 1px solid #8080804a; } 线条宽度和文字宽度保持一致 [图片] 这时候将标题设置为行内块元素,则 ..
225
2 周前
vue3 知识地图推荐
Vue3.x 知识地图(V1.0) B 站视频介绍:[链接] 终于来了,Vue3.x 知识地图,涵盖 85% 常用重要知识点。从开始制作到完成,一共用了 43 天,修改超过 20 次。已经让阿里、腾讯、京东等众多大佬审核修改并审核,获得一致好评后,才敢放出来开源。 特别说明,我作的知识地图不只是一张简单的图。它是一个压 ..
55
2 周前
认识 HTML
[图片] 一、什么是 HTML? HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言** (markup language)** 标记语言是一套标记标签** (markup tag)** HTML ..
52
1 个月前
个人随意编写的组件库——Casual UI,支持 Vue3+ 以及 React17+
Github [图片] GitHub - Blackman99/casual-ui: A casual ui components lib. Supports Vue3+ and React 17+ (一个随意的组件库,支持Vue3+与React17+) A casual ui components lib. Supp ..
217
1 个月前
Vue DevTools 使用指南 - 如何安装和使用 Vue DevTools 调试 Vue 组件
[图片] 本文首发:《Vue DevTools 使用指南 - 如何安装和使用 Vue DevTools 调试 Vue 组件》 Vue Devtools 是 Vue 官方发布的调试浏览器插件,可以安装在 Chrome 和 Firefox 等浏览器上,直接内嵌在开发者工具中,使用体验流畅。Vue Devtools 由 Vu ..
36
1 个月前
[思源笔记经验分享] 在 HTML 块中运行系统命令
原理 原理比较简单, 就是使用 Node.js 的 child_process 模块创建子进程, 因此只能在桌面版中使用, 同时比较高版本的 PowerShell 支持使用 ; 表示换行, 可以将命令压缩到一行 参考 [链接] [链接] 目前仅适用于 Windows 系统, 不过其他系统也差不多, 改一改换行分隔符与 ..
240
1 个月前
React Router 6 (React 路由) 最详细教程
[图片] React Router 经历多个版本的发展,现在已经到了 React Router 6。虽然网络上写 React-Router 路由本身的教程很多,但真正讲到 React-Router 6 的并不多。同时因为第 6 版引入了很多新的概念,以及大量使用 Hook,因此网上的很多旧教程已经不实用了。这篇文章里我 ..
70
1 个月前
vue 里面路由传参的三种方式
1、方式一 通过 query 的方式也就是?的方式路径会显示传递的参数 HTML的方式 JS的方式 query传参 接收参数 this.$route.query.page 2、方式二 通过 params 的方式,路径不会显示传递的参数 HTML的方式 JS的方式 params传参 接收参数 ..
61
1 个月前
vue 调用视频播放插件(vue-video-player)
vue 调用视频播放插件(vue-video-player) 官方 github: [链接] 安装依赖 npm install vue-video-player -S 引入配置 二选一 // 1.全局引用 import VueVideoPlayer from 'vue-video-player' import 'vid ..
51
1 个月前
js 字符串操作函数
[图片] 一、字符串函数 1、字符串转换 字符串转换是最基础的要求和工作,你可以将任何类型的数据都转换为字符串,你可以用下面三种方法的任何一种: var num=24; var mystr=num.toString(); //'24' 你同样可以这么做: var num=24; var mystr=String(num ..
32
2 个月前
最好的 6 个 React Table 组件详细亲测推荐
[图片] 本文首发卡拉云技术博客:《最好的 6 个 React Table 组件详细亲测推荐》 在日常开发中,特别是内部使用的后台系统时,我们常常会需要用表格来展示数据,同时提供一些操作用于操作表格内的数据。简单的表格直接用原生 HTML table 就好,但如果要在 React 中实现一个功能丰富的表格,其实是非常不 ..
47
2 个月前
最好的 6 款 React 后台管理系统模板和框架
[图片] 本文首发:《最好的 6 款 React 后台管理系统模板和框架》 React admin 框架繁多,在本文里我们介绍 React 下最好的 6 款后台系统,每款均严格测试后,整理它们的优缺点方便你来挑选。同时我们给出一些实用建议,帮你避免选型时不注意可能导致的埋坑。 为什么后台系统极其重要 一个成熟好用的后台 ..
47
2 个月前
手把手教你用 Vue 搭建带预览的「上传图片」管理后台
[图片] 本文首发:《Vue 搭建带预览的「上传图片」管理后台》 手把手教你开发带预览的 Vue 图片上传组件,即图片上传管理后台。只要你跟本教程一步一步走,最终能很好的理解整个前后端传图的工程逻辑。前端我们使用 Vue + Axios + Multipart 来搭建前端上传图片应用,后端我们使用 Node.js + ..
45
2 个月前
Axios 教程:Vue + Axios 安装及实战 - 手把手教你搭建加密币实时价格看板
[图片] 本文首发:《Axios 教程:Vue + Axios 安装及实战 - 手把手教你搭建加密币实时价格看板 - 卡拉云》 Axios 是一个基于 Promise 的 HTTP 请求库,它用在 node.js 和浏览器里。本教程教你如何使用 Axios 库发出 API 请求远程调取数据。 在本教程中,你将学到如何使 ..
57
2 个月前
7 种最棒的 Vue Loading 加载动画组件测评与推荐 - 穷尽市面上所有加载动画效果(Vue loader)类型 - 卡拉云
[图片] 扩展阅读:《7 种最棒的 Vue Loading 加载动画组件测评与推荐 - 穷尽市面上所有加载动画效果(Vue loader)类型 - 卡拉云》 Vue Loading 加载动画组件 (Vue-loader) 看起来很简单不重要,实际上它是保证用户留存的关键一环。选择好 Loading 加载动画,用户留存率 ..
71
2 个月前
12 款最棒 Vue 开源 UI 库测评 - 特别针对国内使用场景推荐
本文首发:《12 款最棒 Vue 开源 UI 库测评 - 特别针对国内使用场景推荐》 Vue 3 发布已经有一段时间了,就在刚刚过去的一年,各大组件库、框架纷纷对 Vue 3 做了优化和支持。整个前端从谨慎使用 Vue 3 转向了开始拥抱 Vue 3。特别是年初年末几家大厂陆续开源或新发布了支持 Vue 3 的组件库或 ..
102
2 个月前
重绘和重排
浏览器渲染过程 发生 http 请求,建立 TCP 连接。 处理 HTML 标记,并构造 DOM 树。 在解析 HTML 时,遇到非阻塞资源,如图片资源,会请求这些资源并继续进行解析,css 文件也是一样的,但是遇到了
52
2 个月前
markdown 引擎测试—— js 三家并列,lute 的 Wasm 竟然比 GopherJS 更慢?
[图片] mdTest.zip 测试所用代码已经放在上面了,lute 的 wasm 是我自己构建的,这个结果出来实在有些难以接受。按道理 wasm 应该比 gopherjs 更快的才对。构建 wasm 的代码我删了,用的是把 go 的函数暴露给 wasm 的方法。 图中看起来 markdown-it 是 46ms,但据 ..
167
2 个月前
最好用的 6 款 Vue 拖拽组件库推荐 - 卡拉云
[图片] 本文首发:《最好用的 6 款 Vue 拖拽组件库推荐 - 卡拉云》 Vue 拖拽组件库(drag-and-drop)组件在使用 Vue 框架开发中非常常见的需求,做个内容行排序,拖拽小组件到网页上这类都需要用到拖拽组件。本文记录了我自己用过的 6 款 Vue 拖拽组件库,它们各有各的特点,推荐给大家。 如果你 ..
111
2 个月前
最好用的 7 个 Vue Tree select 树形组件 - 卡拉云
[图片] 本文首发:《最好用的 7 个 Vue Tree select 树形组件 - 卡拉云》 Vue 树形选择器(Vue tree select)组件在搭建 Vue 的 app 中特别常用,Vue tree select 除了简单的树形结构外,还有非常多样的功能来配合不同场景的使用。比如搜索过滤,前端添加删除树枝,前 ..
108
2 个月前
如何在 Vue 中加入图表 - Vue echarts 使用教程 - 卡拉云
[图片] 文章首发:《如何在 Vue 中加入图表 - Vue echarts 使用教程 - 卡拉云》 在 Vue 搭建的后台管理工具里添加炫酷的图表,是所有数据展示类后台必备的功能,本教程手把手教大家如何在 Vue 中加入 Echarts ,一个基于 JavaScript 的开源可视化图表库,Echarts 涵盖了常见 ..
49
2 个月前
Vue Router 手把手教你搭 Vue3 路由 - 卡拉云
[图片] 本文首发:《Vue Router 手把手教你搭 Vue3 路由 - 卡拉云》 Vue 的单页面应用是基于路由 + 组件的形式,路由用于设定访问路径,并将路径与组件映射起来。这种形式相对于 a 标签超链来说不会重新加载页面,而是在同一个页面中进行路由跳转。 本教程在 Vue3 中手把手教你搭建 Router , ..
51
2 个月前
如何在 Vue 中导出数据至 Excel 表格 - 卡拉云
[图片] 本文首发:《如何在 Vue 中导出数据至 Excel 表格 - 卡拉云》 我们经常需要在 Vue 搭建的后台管理系统里导出数据到 Excel / CSV ,方便我们将数据共享给其他同学或在另一个系统里导入数据进行分析。 本教程将带领大家一起使用 Vue 搭建一个导出功能页,将 JSON 数据 转化成 Exce ..
52
2 个月前
顶级好用的 5 款 Vue table 表格组件测评与推荐
本文首发:《顶级好用的 5 款 Vue table 表格组件测评与推荐 - 卡拉云》 Vue table 表格组件作为绝大多数项目需要内嵌的组件,可谓十分重要。表格看起来虽简单,实则坑很深,像搜索、排序、分页、无限加载等功能看起来很好实现,其实相当繁琐。选择适合自己项目应用场景的 Vue table ,会让项目开发事半 ..
143
3 个月前
最好用的 7 款 Vue admin 后台管理系统测评
[图片] 本文首发:《最好用的 7 款 Vue admin 后台管理系统测评 - 卡拉云》 Vue admin 后台管理系统作为每个项目必备的管理后台,对大家来说十分重要。选不好,配不好,不仅现在用着抓狂,未来迭代升级也困难重重,步步是坑。所以在技术选型阶段,就要对市面上主流的 Vue admin 做到全面了解,知道他 ..
120
3 个月前
HV-Com——一个全程使用 Vditor 的评论系统
HV-Com WIP - 功能和结构可能迅速变化,且兼容性不被保证 [链接] 简介 HV-Com 是一个使用 TypeScript 编写的评论系统。它使用 [链接] 作为 markdown 编辑器,[链接] 作为 markdown 引擎。 特性 HV-Com 的 HV 有很多个意思: HeaVy - 这套评论系统的规模 ..
329
3 个月前
React Vue Web 前端主流技术栈⽐较
在底层的前端框架领域中,最早是 jquery 称霸互联网,近几年 MVVM 类型的框架慢慢成为主流,Vue、React 和 Angular 三大框架并驾齐驱。可以说,目前这三种是开发者用的最多使用最广的底层框架,也由此衍生了大量基于这些框架的 I 库。 这些年不断有新的框架冒出来,又不断有旧的框架被淘汰,在这里重点总结 ..
222
4 个月前
GitLab Markdown 代码块复制按钮油猴脚本
GitLab 的 Markdown 文档代码块渲染目前没有代码复制快捷键,要手动选择代码复制才行。所以写了个油猴脚本,在 GitLab 查看 Markdown 里面的代码时,可以方便的点击复制按钮复制里面的代码。 未使用脚本效果 [图片] 使用脚本效果 [图片] 点击代码块右上角的复制图标按钮即可直接复制对应代码块中的 ..
143
4 个月前
百度团队 CSS 编码规范
转载自: [链接] 1 前言 CSS 作为网页样式的描述语言,在百度一直有着广泛的应用。本文档的目标是使 CSS 代码风格保持一致,容易被理解和被维护。 虽然本文档是针对 CSS 设计的,但是在使用各种 CSS 的预编译器(如 less、sass、stylus 等)时,适用的部分也应尽量遵循本文档的约定。 2 代码风格 ..
41
5 个月前