链滴
社区愿景和功能特性
优雅的 Markdown 所见即所得编辑
快捷键交互
随时自由编辑分享内容
支持注销账号来去自由
分布式社区网络
开放 API
产品
Symphony 社区系统(Java)
Solo 博客系统(Java)
Vditor 编辑器(TypeScript)
思源笔记(Electron、Go)
Pipe 博客平台(Vue、Go)
发展计划表
发展简史
榜单
GitHub 仓库排行
帖子打赏排行
Solo 博客端排行
积分排行
活跃度排行
贡献排行
本站基于开源项目 Sym
编程代码问答
登录
注册
好玩
前端
后端
工作
B3
推介
查看所有领域
Vue.js
webpack
Node.js
HTML
CSS
JavaScript
Angular
React
Flutter
7 种最棒的 Vue Loading 加载动画组件测评与推荐 - 穷尽市面上所有加载动画效果(Vue loader)类型 - 卡拉云
[图片] 扩展阅读:《7 种最棒的 Vue Loading 加载动画组件测评与推荐 - 穷尽市面上所有加载动画效果(Vue loader)类型 - 卡拉云》 Vue Loading 加载动画组件 (Vue-loader) 看起来很简单不重要,实际上它是保证用户留存的关键一环。选择好 Loading 加载动画,用户留存率 ..
145
2 年前
12 款最棒 Vue 开源 UI 库测评 - 特别针对国内使用场景推荐
本文首发:《12 款最棒 Vue 开源 UI 库测评 - 特别针对国内使用场景推荐》 Vue 3 发布已经有一段时间了,就在刚刚过去的一年,各大组件库、框架纷纷对 Vue 3 做了优化和支持。整个前端从谨慎使用 Vue 3 转向了开始拥抱 Vue 3。特别是年初年末几家大厂陆续开源或新发布了支持 Vue 3 的组件库或 ..
331
2 年前
重绘和重排
浏览器渲染过程 发生 http 请求,建立 TCP 连接。 处理 HTML 标记,并构造 DOM 树。 在解析 HTML 时,遇到非阻塞资源,如图片资源,会请求这些资源并继续进行解析,css 文件也是一样的,但是遇到了
130
2 年前
markdown 引擎测试—— js 三家并列,lute 的 Wasm 竟然比 GopherJS 更慢?
[图片] mdTest.zip 测试所用代码已经放在上面了,lute 的 wasm 是我自己构建的,这个结果出来实在有些难以接受。按道理 wasm 应该比 gopherjs 更快的才对。构建 wasm 的代码我删了,用的是把 go 的函数暴露给 wasm 的方法。 图中看起来 markdown-it 是 46ms,但据 ..
403
2 年前
最好用的 6 款 Vue 拖拽组件库推荐 - 卡拉云
[图片] 本文首发:《最好用的 6 款 Vue 拖拽组件库推荐 - 卡拉云》 Vue 拖拽组件库(drag-and-drop)组件在使用 Vue 框架开发中非常常见的需求,做个内容行排序,拖拽小组件到网页上这类都需要用到拖拽组件。本文记录了我自己用过的 6 款 Vue 拖拽组件库,它们各有各的特点,推荐给大家。 如果你 ..
339
2 年前
最好用的 7 个 Vue Tree select 树形组件 - 卡拉云
[图片] 本文首发:《最好用的 7 个 Vue Tree select 树形组件 - 卡拉云》 Vue 树形选择器(Vue tree select)组件在搭建 Vue 的 app 中特别常用,Vue tree select 除了简单的树形结构外,还有非常多样的功能来配合不同场景的使用。比如搜索过滤,前端添加删除树枝,前 ..
243
2 年前
如何在 Vue 中加入图表 - Vue echarts 使用教程 - 卡拉云
[图片] 文章首发:《如何在 Vue 中加入图表 - Vue echarts 使用教程 - 卡拉云》 在 Vue 搭建的后台管理工具里添加炫酷的图表,是所有数据展示类后台必备的功能,本教程手把手教大家如何在 Vue 中加入 Echarts ,一个基于 JavaScript 的开源可视化图表库,Echarts 涵盖了常见 ..
108
2 年前
Vue Router 手把手教你搭 Vue3 路由 - 卡拉云
[图片] 本文首发:《Vue Router 手把手教你搭 Vue3 路由 - 卡拉云》 Vue 的单页面应用是基于路由 + 组件的形式,路由用于设定访问路径,并将路径与组件映射起来。这种形式相对于 a 标签超链来说不会重新加载页面,而是在同一个页面中进行路由跳转。 本教程在 Vue3 中手把手教你搭建 Router , ..
98
2 年前
如何在 Vue 中导出数据至 Excel 表格 - 卡拉云
[图片] 本文首发:《如何在 Vue 中导出数据至 Excel 表格 - 卡拉云》 我们经常需要在 Vue 搭建的后台管理系统里导出数据到 Excel / CSV ,方便我们将数据共享给其他同学或在另一个系统里导入数据进行分析。 本教程将带领大家一起使用 Vue 搭建一个导出功能页,将 JSON 数据 转化成 Exce ..
113
2 年前
顶级好用的 5 款 Vue table 表格组件测评与推荐
本文首发:《顶级好用的 5 款 Vue table 表格组件测评与推荐 - 卡拉云》 Vue table 表格组件作为绝大多数项目需要内嵌的组件,可谓十分重要。表格看起来虽简单,实则坑很深,像搜索、排序、分页、无限加载等功能看起来很好实现,其实相当繁琐。选择适合自己项目应用场景的 Vue table ,会让项目开发事半 ..
400
2 年前
最好用的 7 款 Vue admin 后台管理系统测评
[图片] 本文首发:《最好用的 7 款 Vue admin 后台管理系统测评 - 卡拉云》 Vue admin 后台管理系统作为每个项目必备的管理后台,对大家来说十分重要。选不好,配不好,不仅现在用着抓狂,未来迭代升级也困难重重,步步是坑。所以在技术选型阶段,就要对市面上主流的 Vue admin 做到全面了解,知道他 ..
184
2 年前
HV-Com——一个全程使用 Vditor 的评论系统
HV-Com WIP - 功能和结构可能迅速变化,且兼容性不被保证 [链接] 简介 HV-Com 是一个使用 TypeScript 编写的评论系统。它使用 [链接] 作为 markdown 编辑器,[链接] 作为 markdown 引擎。 特性 HV-Com 的 HV 有很多个意思: HeaVy - 这套评论系统的规模 ..
659
2 年前
React Vue Web 前端主流技术栈⽐较
在底层的前端框架领域中,最早是 jquery 称霸互联网,近几年 MVVM 类型的框架慢慢成为主流,Vue、React 和 Angular 三大框架并驾齐驱。可以说,目前这三种是开发者用的最多使用最广的底层框架,也由此衍生了大量基于这些框架的 I 库。 这些年不断有新的框架冒出来,又不断有旧的框架被淘汰,在这里重点总结 ..
489
2 年前
GitLab Markdown 代码块复制按钮油猴脚本
GitLab 的 Markdown 文档代码块渲染目前没有代码复制快捷键,要手动选择代码复制才行。所以写了个油猴脚本,在 GitLab 查看 Markdown 里面的代码时,可以方便的点击复制按钮复制里面的代码。 未使用脚本效果 [图片] 使用脚本效果 [图片] 点击代码块右上角的复制图标按钮即可直接复制对应代码块中的 ..
299
2 年前
开源一个 PoemKit 工具包, 基于 React 从零完整构建一个前后端分离网站
打杂到一定时候,也要总结总结,4 年前 UI 工作做得蛮多,目前开发工作接触的蛮多,其实就是为了项目的落地不求人,不知不觉学了些东西,闲暇之余做了一些东西。 今天有无数的 React UI 工具包和库。那面对这么多选择,面对新的项目挑战,我下一步应该做什么?是学习新框架,还是自己造轮子,还是去挖掘一些工具,总之,我需要 ..
249
2 年前
还在一行一行删除 console.log 代码 ? 算了,瞎写吧!
[图片] 粗暴删除 直接重写 console.log 的方法, 直接让它失效哈哈。 console.log = function () {}; 灵活运用 IDE 在任何趁手的 IDE 中,直接全局搜索本项目里 console.log 正则匹配,然后全部替换为空即可。 console\\.log\\(.*?\\) 手写 ..
749
2 年前
百度团队 CSS 编码规范
转载自: [链接] 1 前言 CSS 作为网页样式的描述语言,在百度一直有着广泛的应用。本文档的目标是使 CSS 代码风格保持一致,容易被理解和被维护。 虽然本文档是针对 CSS 设计的,但是在使用各种 CSS 的预编译器(如 less、sass、stylus 等)时,适用的部分也应尽量遵循本文档的约定。 2 代码风格 ..
131
2 年前
Vuex -- 状态管理器
什么是 Vuex Vuex 是专门为 Vue 开发的一个状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 上面是官方的说法,我自己的理解就是:Vuex 是一个状态存储器,可以将自己 Vue 开发中的数据存入,然后在整个 Vue 项目任何地方都能够获取到该数据。 ..
206
2 年前
某豆瓣小组删帖考察——基于我的豆瓣小组爬虫
爬虫地址:https://github.com/lixiang810/NSDBG-Next 我在今年 8 月开发出了这个爬虫,用于保存我所在某小组的讨论。此后我加入了检验帖子是否被删除的功能:指定爬取页数,将爬取下的每页帖子列表与数据库中这一段时间的帖子列表进行比较,存在于数据库而不存在于爬取数据中的帖子即为疑似删除。 ..
371
2 年前
JavaScript 的原型个人理解
原型对象的理解 我们创建的每一个函数都有一个 prototype 属性,这个属性是一个指针,指向一个对象,这个对象的用途是包含一些特殊的属性和方法,方法是我们可以自己定义的,这个函数创建的每一个实例的 __proto__ 属性都指向该对象,它是所有实例化对象的原型。[图片]如图所示,这就是 Person 和 Perso ..
208
2 年前
浅谈 JavaScript 中的 call()与 apply()
call()方法 语法: function.call(thisArg, arg1, arg2, ...) 用于 Function 对象,thisArg:在 function 函数运行时,指定的 this 值,将函数的上下文由初始的改为 thisArg 指定的对象。 arg1,arg2 : 指定的参数列表。 作用: ob ..
148
2 年前
Flutter KLine 实现(chart,websocket)
Stocks Flutter KLine Chart FlutterTrip/Flutter_Kline (github.com) Desc Tokens kline Servers websocket Binance Huobi OKEX Screenshot [图片] [图片] Start 推荐运行在 Mac os ..
361
2 年前
从 Icalingua 项目谈 SQL 数据库结构的最佳实践
这最早是 [链接](下简称 Il)项目下的一个 issue,因比较详细地叙述了一系列 bug 的诞生,具备一定的参考价值,故独立出来发布。 一、万恶之源——不当的数据组织方式 存储消息时,每个房间都建一个表(名为 msg${roomId})。这是 Il 在用 json 存记录时的某种优化,却在随后的 MongoDB 存 ..
277
2 年前
@delon/form
delon @delon/form 是 delon 包中的一个模块,主要提供了 angular 相关的动态表单的内容,这篇文章是来大概的看一下 sf 组件如何实现的 从 SFComponent 开始 1-3 定义了一个模版 唯一标识符为 con,后面使用了 nz-form 这是 ng-zorro 封装下的 angu ..
138
2 年前
js 下拉表单控件的自动填写方法
我们熟悉的标准 HTML 输入控件包括 input,select,textarea 等;比如通过改变 input 的 value 属性值,就可输入内容到文本输入框中。 有些网页表单为了实现特殊的效果和功能,可以不使用这些控件,通过客户端脚本生成特殊的输入方式。手工填表不受影响,如果自动填表就需要使用特殊的方式。 [图片 ..
339
2 年前
Flutter 的一些知识点
flutter 1.intro flutter 本质是 widget 树 Text: 格式文本 Row: 水平布局 Column: 垂直布局 Stack: 线性布局,Positioned 定位 Container: 矩阵,BoxDecoration 装饰 Container Expanded: 填充剩余空间 Navig ..
252
2 年前
CSS 选择器
什么是 CSS? CSS(层叠样式表)用于给文档添加样式,是描述 HTML 或 XML 文档样式的语言。 CSS 选择器规定了某些 CSS 规则会应用在哪些元素上。 基本选择器 通用选择器 :* 选择所有的元素。(可选)也可以将其限制为特定的名称空间或所有名称空间 ns|**|*。 元素选择器 :elementname ..
443
2 年前
JavaScript 浏览器对象
JavaScript 可以获取浏览器提供的很多对象,并进行操作。window、navigator、screen、location、document、history。 window window 对象不但充当全局作用域,而且表示浏览器窗口。 innerWidth 和 innerHeight 属性,获取浏览器窗口的内部宽度 ..
132
2 年前
JavaScript 面向对象编程
JavaScript 不区分类和实例的概念,而是通过原型 prototype 来实现面向对象编程。 JavaScript 的原型链和 Java 的 Class 区别就在,它没有“Class”的概念,所有对象都是实例,所谓继承关系不过是把一个对象的原型指向另一个对象而已。 var Student = { name: 'R ..
149
2 年前