链滴
社区愿景和功能特性
优雅的 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
React Hooks - 使用 fetch 请求
2019-09-03 描述 以声明的方式实现一个 fetch hook 创建一个接受 url 和 options 的自定义 hook 使用 React.useState() hook 初始化 response 和 error 状态变量 使用 React.useEffect() hook 用同步的方式调用 fetch() ..
1.1K
4 年前
React 虚拟 DOM 浅析
[图片] React 中采用 Virtual DOM 与 diff 的完美结合,特别是其高效的 diff 算法,让用户可以无需顾忌性能问题而”任性自由”的刷新页面,让开发者也可以无需关心 Virtual DOM 背后的运作原理,因为 React diff 会帮助我们计算出 Virtual DOM 中真正变化的部分,并只 ..
113
4 年前
flutter 屏幕适配
之前可以用一个第三方插件来适配,但是呢,用于种种原因,现在自己封装一个插件,自由使用。 import 'package:flutter/widgets.dart'; /// UI适配 class SizeConfig { static MediaQueryData _mediaQueryData; static dou ..
356
4 年前
React Hooks - 使用外部点击
2019-09-02 描述 一个 hook,可以处理包装在组建外部的点击事件。 创建一个自定义的 hook,使用 ref 和 callback 来处理 click 事件 使用 React.useEffect() hook 来添加或清除 click 事件 使用 React.useRef() hook 为你的点击组建创建一 ..
488
4 年前
React Hooks - 使用内部点击
2019-08-30 描述 一个 hook,可以处理包装在组建内部的点击事件。 创建一个自定义的 hook,使用 ref 和 callback 来处理 click 事件 使用 React.useEffect() hook 来添加或清除 click 事件 使用 React.useRef() hook 为你的点击组建创建一 ..
1.2K
4 年前
[经验分享] VUE 下 IView 框架 如何让 Select 输入框既可以输入过滤选项结果,同时也可以正常像 input 一样键入字符串
[图片] IView 框架 Select 标签 上面 Gif 图可以看到 如果想要得到搜索引擎那样,既可以联想过滤结果,又可以输入自己的想要输入的文本,但是框架所限根本没办法去键入没有经过匹配结果的内容(这个需求在我刚入行的时候,曾经一度没办法解决,问老大也没有办法解决,最终只能无耻地使用 placeholder ..
1.2K
4 年前
React Array - 表格数据映射
2019-08-29 描述 使用对象数组和属性名称列表渲染一个动态创建行的表格。 使用 Object.keys(),Array.prototype.filter(),Array.prototype.includes() 和 Array.prototype.reduce() 得到一个 filteredData 数组,使其 ..
699
4 年前
React Array - 表格数据
2019-08-28 描述 根据原生数组动态渲染一个带行的表格。 渲染一个带有两列(ID and Value)的 元素 使用 Array.prototype.map 渲染 data 中的每一项作为一个 元素,该元素包含了索引和值。使用索引和值的组合作为 key 实现 function DataTable({ dat ..
213
4 年前
React Array - 列表数据
2019-08-27 描述 使用一个原始数组中的数据渲染出一个列表元素。 使用 isOrdered 属性值来判断渲染的是 列表,还是 列表 使用 Array.prototype.map 渲染 data 中的每一项作为一个 元素,根据每一项的索引和值生成一个 key isOrdered 属性的默认值为 false, ..
513
4 年前
easyui elementui 和 bootstrop 什么区别?
easyui elementui antdesign adminlte layui 和 bootstrop 什么区别呢?
30
4 年前
每天 30 秒系列之 React
[图片] 精选有用的 React 片段,帮助你获取最佳实践 Array 列表数据 表格数据 表格数据映射 Hook 使用内部点击 使用外部点击 使用 fetch 请求 使用间隔 使用浏览器端识别 使用延迟 Input input 传值给父组件 限制 textarea 输入的长度 单词个数限制 多选列表向父组件传值 显示 ..
837
4 年前
CSS 其他 - 自定义变量
2019-08-26 描述 CSS 变量包含在整个文档中可重复使用的特定值。 HTML CSS is awesome! CSS :root { /* Place variables within here to use the variables globally. */ } .custom-variables { - ..
295
4 年前
react 的一个入门 web 小 demo
[链接] 这是一个很简单的一个 web 页面,非常适合新手入门,其中包括的技术有:redux+redux-thunk+axios+react-redux+antd 的一些比较基础的应用,大体可以基于这些扩展。后端用的 iris 使用的是 github 上开源的三方 API 大概的把整个小 demo 搭建了起来。 在学习 ..
248
4 年前
一个 Navbar Demo
HTML Link1 Link2 Link3 Link4 Link5 CSS body { margin: 0; padding: 0; background: #34495e; font-family: sans-serif; } .main-container { width: 100%; height: 10 ..
137
4 年前
Button-hover 04
HTML Button CSS body { margin: 0; padding: 0; background: #34495e; font-family: sans-serif; } .container { position: absolute; top: 50%; left: 50%; transform: ..
146
4 年前
CSS 其他 - 计数器
2019-08-23 描述 计数器本质上是由 CSS 维护的变量,他的值可以通过 CSS 跟踪元素被使用的次数规则来进行递增。 HTML List item List item List item List item List item List item CSS ul { counter-reset: cou ..
260
4 年前
Button-hover 03
HTML Hover Me CSS body { margin: 0; padding: 0; background: #95a5a6; font-family: sans-serif; } .container { position: absolute; top: 50%; left: 50%; transfor ..
128
4 年前
Button-hover 02
HTML Button CSS body { margin: 0; padding: 0; background: #34495e; font-family: sans-serif; } .container { position: absolute; top: 50%; left: 50%; transfor ..
425
4 年前
Button-hover 01
HTML Button CSS body { margin: 0; padding: 0; background: #3498db; } .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } ..
137
4 年前
CSS 其他 - Cacl()
2019-08-22 描述 calc() 函数允许使用数学表达式来定义 CSS 值,采用数学表达式的结果作为属性值。 HTML CSS .box-example { height: 280px; background: #222 url('https://image.ibb.co/fUL9nS/wolf.png') ..
324
4 年前
JS 公钥可以解密私钥生成的串吗?
RT,服务端使用 RSA 算法通过私钥加密的数据,JS 可以使用公钥解密吗? 这个库没有支持 JS 端公钥解密。[链接][链接] 这个库[链接][链接] 作者说的意思应该是可以实现,但是我没能理解。 @88250 @Vanessa ,麻烦 2 位和各位分享下有哪个库可以支持 JS 公钥解密的吗?或者第二库要怎么实现,一 ..
1.1K
4 年前
CSS 交互 - 可切换的开关
2019-08-21 描述 使用纯 CSS 构建一个可切换的开关。 HTML CSS .switch { position: relative; display: inline-block; width: 40px; height: 20px; background-color: rgba(0, 0, 0, 0.2 ..
381
4 年前
CSS 交互 - 相邻兄弟视觉弱化
2019-08-20 描述 鼠标移上时,对相邻的兄弟元素进行视觉上的弱化。 HTML Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 CSS span { padding: 0 1rem; transition: opacity 0.2s; } .sibling-fade:hov ..
321
4 年前
如何理解 node.js 事件驱动、非阻塞式 I/O 呢?
如何理解 node.js 事件驱动、非阻塞式 I/O 呢?
383
4 年前
使用 node 实现社区自动签到
[图片] 身为一个菜鸡,也没啥好水的,就写下自动签到吧 这个签到程序,跟着社区升级,更新了好几版,从最开始只要带着 cookie 请求签到页面就行,到后来需要先获取 token,再到现在的需要更新 cookie,中途踩了几个小坑,随便看看吧 1. 需求分析 自动签到嘛,只要到了指定时间带着身份信息去请求指定的页面或接口 ..
865
4 年前
CSS 交互 - 当鼠标移上或聚焦时弹出菜单
2019-08-19 描述 当鼠标移上或聚焦时把隐藏的菜单弹出进行展示。 HTML Popout menu CSS .reference { position: relative; background: tomato; width: 100px; height: 100px; } .popout-menu { pos ..
689
4 年前
React-table 使用手册
React-table 使用手册 本文档适用于 react-table 的第 6 版。 本文档会进行很长一段时间的更新修改,如果有发现文档错误的,欢迎指出。 我的邮箱:sunpeng2009@foxmail.com react-table 是一个非常好的渲染数据表的一个 react 的前端控件,当时之所以选择这个库就是 ..
3.6K
4 年前
CSS 交互 - 跟踪光标的渐变效果
2019-08-16 描述 一个渐变跟随着光标移动的效果。 HTML Hover me CSS .mouse-cursor-gradient-tracking { position: relative; background: #7983ff; padding: 0.5rem 1rem; font-size: 1.2r ..
668
4 年前
CSS 交互 - 子元素选中后改变父元素的样式
2019-08-15 描述 当表单中的任何元素被选中时,修改该表单的样式。 HTML Given Name: Family Name: CSS form { border: 3px solid #2d98da; color: #000000; padding: 4px; } form:focus-within { ..
6.7K
4 年前
CSS 交互 - 选不中我
2019-08-14 描述 让内容无法被选中。 HTML You can select me. You can't select me! CSS .unselectable { user-select: none; } Demo See the Pen <a href='https://c ..
535
4 年前
React+.NetCore API 实现动态列导出
[图片] 所用技术栈 前端:React,Antd 后端:ASP.NET CORE ,System.Linq.Dynamic.Core,EPPlus.Core 基本思路 NetCore 解决生成 Excel 文件(流),使用了 EPPlus.Core。 EF(LINQ)解决动态列的问题,,System.Linq.Dyna ..
209
4 年前
JS Emoji 过滤
想用的直接看最后一行就好 基础知识 不得不承认阮蜀黍的文笔通俗易懂 [链接] [链接] [链接] Emoticons ( 1F601 - 1F64F ) Dingbats ( 2702 - 27B0 ) Transport and map symbols ( 1F680 - 1F6C0 ) Enclosed chara ..
2.4K
4 年前