链滴
社区愿景和功能特性
优雅的 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
图片放大预览工具推荐 - medium-zoom
[图片] 遇到一个小需求,需要点击图片,实现放大效果,找了好几个插件 zooming.js 等,实际效果不是很好,最后发现了 medium-zoom,整体效果还不错,可以用来封装一个 Vue 自定义指令,或者直接使用,非常方便。
920
3 年前
将所有键转换为小写
2020-07-29 描述 从指定的对象中创建一个新的对象,使其所有键都为小写。 提示 使用 Object.keys() 和 Array.prototype.reduce() 从指定对象中创建一个新的对象 使用 String.toLowerCase() 将原始对象中的的每一个键转换为小写 代码 const lowerc ..
276
3 年前
将一个对象的键值进行调换
2020-07-28 描述 在不修改的情况下,将一个对象中的键值对进行转换。转换后的值和每一个将要被转换的键相对应,他们是值相同的所有键组成的一个数组。如果提供了函数,则将该函数应用于每一个被转换了的键上。 提示 使用 Object.keys() 和 Array.prototype.reduce() 来转换一个对象中的 ..
534
3 年前
如何实现一个单例用 JavaScript
2020-07-27 描述 单例是一种面向对象的软件设计模式,用来确保给定的类只能被实例化一次,这在很多不同的情况下都非常有用,例如创建在应用程序之间共享的全局对象和组件。虽然 JavaScript 支持面向对象编程,但他并没有提供许多简单的方式来实现这个模式。 说明 [链接] 虽然某些方面比较超前,但他最容易扩展。P ..
154
3 年前
【新拟物设计的播放器】采用 React+Redux+ReduxToolkit
这个 H5 播放器使用 React 开发:后来由于个人原因项目搁置了。 截图 [图片] 视频演示 [视频]
484
3 年前
如何阻止修改一个 JavaScript 对象
2020-07-24 描述 在 JavaScript 中如何真正阻止对一个对象的修改。 const 也可修改 说明 JavaScript 中的对象是可修改的,无论你是否将他们定义为 const 变量。事实上,当使用 const 定义一个对象时,只能阻止他再次被赋值。然而,你可以给一个 const 对象或数组的属性进行再 ..
480
3 年前
给定的多层键是否存在 JSON 对象中
2020-07-23 描述 如果一个 JSON 对象中存在给定的目标键值就返回 true,否则的话返回 false。 提示 首先检查给定的 keys 是否为一个非空数组,如果为空的话,则提前返回 false 使用 Array.prototype.every() 按顺序依次检查给定的每一个键是否都存在于 obj 对象的深 ..
137
3 年前
根据选择器获取对应的属性值
2020-07-22 描述 根据给定的多个选择器,从一个对象中获取一组与之匹配的属性值。 提示 使用 Array.prototype.map() 迭代每一个选择器 使用 String.prototype.replace() 将方括号替换为点 使用 String.prototype.split('.') 将每一个选择器都 ..
119
3 年前
获取属性值或继承属性值为函数的所有属性
2020-07-21 描述 从一个对象本身(继承为可选项)的枚举属性中返回其值为函数的所有属性。 提示 使用 Object.keys(obj) 迭代对象本身的所有属性 如果 inherited 为 true,就使用 Object.get.PrototypeOf(obj) 来获取对象所继承的属性 使用 Array.pro ..
111
3 年前
前端 - 本地 <iframe> 懒加载即将到来
demo:https://lazy-load.netlify.app/iframes/ article:https://web.dev/iframe-lazy-loading/ [] 推迟加载屏幕外 iframe,直到用户在其附近滚动。[图片] [图片] 感觉功能提升以后,对于一些复杂的 B 端系统很有帮助呀,能够很好 ..
652
3 年前
CSS units
[图片]
114
3 年前
1 行代码,10 种现代布局
1 行代码,10 种现代布局 ~!!! 一般 B 端系统可以使用,C 端系统有时候需要考虑到兼容性 作为前端开发,在开发需求的时候,选择一个布局并实现一个布局,有时候还是蛮头疼的,有时候写好布局以后,上线被产品发现布局或者样式有问题。所以这篇文章总结了几行功能强大的 CSS,这些代码可以完成一些繁琐头疼的工作,构建可靠 ..
566
3 年前
使用 JS 为图片读写扩展信息 - EXIF
[图片] 使用 JS 为图片写入扩展信息 - EXIF 言归正传,直接切入主题。在某些场景下,需要将一些扩展或隐藏信息写入到图片里,然后下次可以直接通过这个图片拿到这些信息做一些事情。如以下一个场景,当从 Cesium 的球上截取了一张图片,然后下一次想要将这个图片重新贴回到球的上面,可以使用 Cesium.S ..
896
3 年前
关于 vue axios, 使用 spring oauth2 的问题
关于 spring 如何获取 Content-Type 不同的参数 application/x-www-form-urlencoded:@RequestParam or request.getParamter() application/json:@RequestBody 关于 axios 设置 Content-Typ ..
534
3 年前
JavaScript - 从右到左为对象中的每一个属性进行回调
2020-07-20 描述 倒序迭代一个对象中的所有属性,为其属性的每一个值都运行提供的回调函数。 提示 使用 Object.keys(obj) 获取对象中的所有属性 使用 Array.prototype.reverse() 让他们倒序排列 使用 Array.prototype.forEach() 为每一个键值对运行提 ..
965
3 年前
node-gyp 编译失败问题
本地环境 node 12.18.2 npm 6.14.5 node-gyp 7.0.0 electron 8.4.2 node-serialport 9.0.0 electron-rebuild 1.11.0 运行项目 [链接] 报错信息 gyp ERR! find VS gyp ERR! find VS msvs_v ..
200
3 年前
JavaScript - 为对象中的每一个属性进行回调
2020-07-17 描述 迭代一个对象中的所有属性,为其属性的每一个值都运行一个回调函数。 提示 使用 Object.keys(obj) 获取对象中的所有属性 使用 Array.prototype.forEach() 为每一个键值对运行提供的函数 回调函数接受三个参数:值,键,对象本身 代码 const forOwn ..
150
3 年前
JavaScript - 将对象按照节点路径逐层展开
2020-07-16 描述 使用路径做为键,将对象进行展开。 提示 使用递归 对 Object.keys(obj) 使用 Array.prototype.reduce(),以便将每一个叶子节点转换为展开的路径节点 如果一个键的值为对象,函数将进行自身调用,使用适当的 prefix 通过 Object.assign() ..
272
3 年前
我修行归来惹!看我做滴加载页面咋样
回老家时间用表哥电脑学了学 c4d,掺和着 html 做了个动态加载页面。纯手工,从空文档开始写,看看效果呗~ 皮肤 1:背景动态视频 mp4,感觉 gif 太麻烦帧率又没保障,就直接这样了。但 gitee pages 不支持 mp4 解析,然后就没法正常显示,所以源码放最下面惹。 [图片] 右边滚动条一拉可以拉出来一 ..
452
3 年前
JavaScript - 获取对象中满足条件的最后一个键
2020-07-15 描述 迭代对象中的所有属性,如果其值有满足所提供的测试函数,则返回该对象的最后一个属性。否则的话返回 undefined。 提示 使用 Object.keys(obj) 获取对象的所有属性 使用 Array.prototype.reverse() 进行反向排序 使用 Array.prototype ..
523
3 年前
JavaScript - 获取对象中满足条件的键
2020-07-14 描述 迭代对象中的所有属性,如果其值有满足所提供的测试函数,则返回该对象的第一个属性。否则的话返回 undefined。 提示 使用 Object.keys(obj) 获取对象的所有属性 使用 Array.prototype.find() 对每一对键-值使用提供的函数进行测试 回调函数接受三个参数 ..
428
3 年前
Vue | 一个博客管理系统
项目地址: https://github.com/lhlyu/petard 预览地址: https://lhlyu.github.io/petard/#/ 文档地址: https://lhlyu.github.io/petard/docs/ 表设计:https://lhlyu.github.io/petard/docs ..
1.5K
3 年前
JavaScript - 数组 for 循环,reduce 及方法链剖析
2020-07-13 描述 对数组的 for 循环,reduce 和方法链进行不同纬度的比对。 循环 说明 for 循环中 [链接] 由于函数式编程的流行,目前使用率有所下降 可以对迭代进行控制,如跳过元素或提前 return 返回的结果数组需要在循环外预先声明 使用 Array.prototype.push() 或扩 ..
157
3 年前
JavaScript - for...in、for...of 和 forEach 的不同点
2020-07-10 描述 在 JavaScript 中,对比 for...in、for...of 和 forEach 之间的不同点。 for...in 说明 for...in 会迭代对象中所有的可枚举属性,当然也包括继承的可枚举属性。他可以对数组、字符串或普通对象进行迭代,但不能对 Map 或 Set 对象进行迭代。 ..
172
3 年前
基于 Flutter Video_Player 实现倍速播放
为啥要在 Flutter 实现 在前面我用 Flutter 完成了影视 APP 的开发。在各电视剧拖拖拉拉的剧情节奏有时就需要快进,但怕错过一些重要剧情内容。所以倍速播放一直让我头疼。在安卓那边有许多播放器直接就支持倍速播放。但我在前期开发 Flutter 的应用的时候并没有去仔细寻找支持倍速播放的播放器就选择了官 ..
732
3 年前
JavaScript - 深度对比
2020-07-09 描述 对两个值进行深度对比,以判断他们是否相等。 提示 检查两个值是否全等 如果他们都表示为同一时间的 Date 对象,则需使用 Date.getTime() 进行检测 如果他们的值都不是对象的话,需要使用全等(严格比较)进行检测 检查其中的一个值是否为 null 或者 undefined 检查他 ..
147
3 年前
JavaScript - 根据给定的键获取对应的值
2020-07-08 描述 在一个嵌套的 JSON 对象中,根据给定的键返回对应的值。 提示 使用 in 运算符检测 target 是否存在 obj 中 如果存在,返回值 obj[target] 否则的话使用 Object.values(obj) 和 Array.prototype.reduce() 为每一个嵌套的对象 ..
181
3 年前
JavaScript - 默认值的填充
2020-07-07 描述 给对象中的所有 undefined 的属性分配默认值。 提示 使用 Object.assign() 创建一个空的对象 将原始对象按照键的顺序拷贝到空对象中 使用 Array.prototype.reverse() 和扩展运算符 ... 按照从左到右的顺序合并默认值 最后再次使用 obj 以覆 ..
165
3 年前
拒绝 SX 网页没有一键置顶功能
最近在浏览一些网页的时候,发现有的网页都没有置顶功能,比如 g2 f2 等,同时还有的网页动画置顶太慢了,不满足直接置顶的效果,所以写了这个插件。 [链接] 功能很简单,代码也比较简单 欢迎提意见,或者提 PR 呀
559
3 年前
js 监控 scroll (页面滚动)
window.addEventListener('scroll', () => { let scrollTop = document.documentElement.scrollTop || document.body.scrollTop || document.querySelector('.element') ..
129
3 年前
div 中子元素上线居中
test vertical align #box { width: 300px; height: 300px; background: #ddd; display: flex; align-items: center; } 使用 flex 布局 display: flex; align-items: center;
271
3 年前