链滴
社区愿景和功能特性
优雅的 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
vue -cli(脚手架)教程
[图片] 1.webpack 安装 安装 webpack:npm install webpack -g 此时查看 webpack 的版本:webpack -v 会出现下图 [图片] 提示我们要安装 webpack 的依赖,我们选择 yes 就可以了 也可以通过命令来安装 webpack 的依赖:npm install ..
135
3 年前
原生 js 使用 canvas 实现图片格式 webp/png/jpeg 在线转换
[图片] 功能需求: 我们在网页中上传一张图片,选择不同的格式,将该图片转换为对应的格式。 实现思路: 实现这样的功能,使用后端语言【php,java 等】可以很容易的完成。但是如果只在前端如何完成呢? 通过 input 上传图片,使用 FileReader 将文件读取到内存中。 将图片转换为 canvas,canva ..
1.1K
3 年前
前端 json 格式化
示例代码: 效果图: [图片] [图片]
325
3 年前
批量移除对象中不需要的键值对
2020-08-13 描述 根据给定的键值,将一个对象中于此对应的键值对进行过滤。 提示 使用 Object.keys(obj),Array.prototype.filter() 和 Array.prototype.includes() 将提供的键值进行移除 使用 Array.prototype.reduce() 根据 ..
329
3 年前
根据指定属性和排序规则为数组进行排序
2020-08-17 描述 将数组对象根据指定的属性和排序方式进行排序。 提示 使用 Array.prototype.sort() 在给定的 props 数组上使用默认值为 0 的 Array.prototype.reduce() 方法 根据传如的排序规则使用数组解构来交换其属性位置 orders 数组的默认值为 'a ..
275
3 年前
根据规则批量移除对象中不需要的键值对
2020-08-14 描述 一个对象中的属性如果经过给定的函数运行后返回假值,就将其键值对组合为一个新的对象。 提示 使用 Object.keys(obj) 和 Array.prototype.filter() 移除 fn 返回为真值的键 使用 Array.prototype.reduce() 根据过滤后的键,新建一个 ..
278
3 年前
将对象转换为 URL 中的额外参数
2020-08-12 描述 根据给定对象的键值对生成查询字符串。 提示 在 Object.entries(queryParameters) 基础上使用 Array.prototype.reduce() 来创建查询字符串 基于 queryString 的 length 来判断 symbol 是否为 ? 或者 & ..
178
3 年前
在 aspnetcore 中部署 vue 项目
现在开发项目一般是前后端分离的,这样做有诸多好处自不必说,现在要说一个缺点,就是一个项目往往要多端部署,api 一个,前端项目一个(VUE),后台管理一个(VUE)虽然可以使用 nginx 放在一个域名下面,感觉还是不理想,现在尝试把 vue 部署到 asp.netcore3.1 的静态文件服务中去。 场景:api 项 ..
1.1K
3 年前
js.cool 为开源项目提供免费的域名托管
原本这个域名是我个人使用。后来看到了 js.org,就决定贡献出来做一些社区贡献。 申请地址: [链接] p.s. 如果你愿意为该项目设计一个官网,请联系我: i(at)js.cool
330
3 年前
使用 `Object.entries` 将对象转换为带键值对的数组
2020-08-11 描述 将一个对象转换为带有键值对的数组。 提示 使用 Object.entries() 从给定的对象总获取一个带有键值对的数组 代码 const objectToPairs = obj => Object.entries(obj); 示例 将对象转换为带键值对的数组: objectToPai ..
281
3 年前
对象转换为带键值对的数组
2020-08-10 描述 将一个对象转换为带有键值对的数组。 提示 使用 Object.keys() 和 Array.prototype.map() 迭代对象中的每一个键 将迭代到的对象转换为一个带键值对的数组 代码 const objectToEntries = obj => Object.keys(obj) ..
285
3 年前
将键值数组转换为对象
2020-08-07 描述 根据给定的键值对创建一个对象。 提示 使用 Array.prototype.reduce() 创建并组合键值对。 代码 const objectFromPairs = arr => arr.reduce((a, [key, val]) => ((a[key] = val), a) ..
165
3 年前
vuex-router-sync 理解
vuex-router-sync 基本原理理解 先说结论:把 vue-router 当前的 $route 同步为 vuex 状态的一部分。换句话说,你不需要再 Vuex 中 import route,而可以直接使用 $route 使用方法 如果你的项目中,在 Vuex 中不需要获取 route,则完全灭有必要引用 vu ..
630
3 年前
Postman Pre-request Script (postman 脚本) 编写
[图片] Psotman 版本 v7.29.1 Pre-request Script 编写 环境变量 //设置当前环境变量 pm.environment.set('key', 'value'); //获取当前环境变量 pm.environment.get('key'); //清除当前环境变量 pm.environmen ..
2.3K
2 个月前
IE 浏览器下“对象不支持“after”属性或方法”的解决方法
[图片] (function (arr) { arr.forEach(function (item) { if (item.hasOwnProperty('before')) { return; } Object.defineProperty(item, 'before', { configurable: true, ..
694
3 年前
最基础的 JS
不知道这些 JavaScript 方法有没有用,不过了解总比不知道好。送给需要的人 数组转换为对象 在 JavaScript 中,数组其实也是对象 const arr = ['hello', 'world']; arr instanceof Object;&n ..
170
3 年前
【小程序 IM】使用 Node-WebSocket 实现微信小程序 IM 即时通信服务
给小程序接入IM即时通信的功能,本来打算接入易信或者腾讯云的sdk,但是太贵了,负担不起,最后使用的是node后端,ws用的 node-websocket。 主要分以下几个部分 1.小程序端聊天记录获取,小程序收发消息 2.node端收发消息给指定用户,添加聊天记录到数据库 3.部署服务 后端搭建 websocket ..
506
3 年前
flutter 修改应用图标 修改应用名字
[图片] [图片] 1.导入库 修改名字:https://pub.flutter-io.cn/packages/flutter_launcher_name 修改图标:https://pub.flutter-io.cn/packages/flutter_launcher_icons 2.执行命令 flutter pub ..
330
3 年前
解决 npm 安装 node-sass 速度慢的问题
可通过配置淘宝的镜像源解决,首先配置淘宝的镜像源 npm config set registry https://registry.npm.taobao.org 然后在 ~/.npmrc 加入下面内容 sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ ..
473
3 年前
用 JS 实现 excel 预览
这次为大家分享的是,如何用 js 写出 excel 文件的预览。 他方便了 pc 用户和手机端用户可以无需下载,并且直接在线预览 excel 文件。 因为 excel 转 html 的显示用的是第三方开源库的代码,所以实现上有所限制。具体请参见 所用到开源的库 这些库的说明。 支持 不支持 多 sheet 显示 图片显 ..
2K
3 年前
## 单行 CSS 实现页面黑暗模式
单行 CSS 实现 Dark Mode 主人公:filter filter CSS 属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像,背景和边框的渲染。 code 通过设置滤镜翻转和色彩旋转,实现 Dark Mode: html[theme='dark-mode'] { filter: invert(1) ..
284
3 年前
关联数组转换为树对象
2020-08-06 描述 将一个平铺的有相互关联关系的数组对象转换为一个使用递归嵌套的树形对象。这对嵌套评论非常有用,例如:reddit.com。 提示 使用递归 使用 Array.prototype.filter() 过滤出同一链接关系的所有节点 使用 Array.prototype.map() 迭代每一个过滤出来 ..
226
3 年前
合并多个对象
2020-08-05 描述 通过组合两个或更多个对象来获取一个新的对象。 提示 通过使用 Array.prototype.reduce() 和 Object.keys(obj) 的组合,以迭代所有的对象及其每一个键 使用 hasOwnProperty() 和 Array.prototype.concat() 添加存在多 ..
180
3 年前
基于提供的函数判断第一个对象是否包含了第二个对象
2020-08-04 描述 基于提供的函数对两个对象进行比较,以确定第一个对象中是否包含有第二个对象中相同的属性值。 提示 使用 Object.keys() 获取第二个对象的所有键 使用 Array.prototype.every() 和 Object.hasOwnProperty() 和提供的函数来检测与第一个对象中 ..
118
3 年前
第一个对象是否包含了第二个对象的属性及值
2020-08-03 描述 对两个对象进行比较,以确定第一个对象中是否包含有第二个对象中相同的属性值。 提示 使用 Object.keys() 获取第二个对象的所有键 使用 Array.prototype.every() 和 Object.hasOwnProperty() 进行严格的对比检测 判断第二个对象中的所有键是 ..
3.1K
3 年前
根据指定规则修改对象中的值
2020-07-31 描述 创建一个对象,他的值为原有对象的每一个值经过提供函数运行后的结果,但键还是原有提供对象的键。 提示 使用 Object.keys() 迭代对象的键 使用 Array.prototype.reduce() 创建一个新的对象,使其有着相同的键和经过 fn 映射的值 代码 const mapVal ..
173
3 年前
为什么 cloneNode 克隆图片会重新请求一次图片资源,而不是直接使用缓存呢
为什么 cloneNode 克隆图片会重新请求一次图片资源,而不是直接使用缓存呢 比如 a = // 1 重新请求 a.cloneNode() // 2. 不会重新加载
20
3 年前
Chart.js 生成图表的自适应方法:ResizeObserver API
纯分享和讨论,告诫如果使用 Chart.js 作为生产环境工具,一定要确定兼容性。 G2 图表对于图表的自适应是通过 window.addlistener('resize', ()=>{}) 实现的。 这种方法很常用,但是也很有风险,特别是内部图表父类容器变化,而浏览器窗口没有变化的时候,这样图表就无法自适应了。 ..
392
3 年前
前端小白在线求助!这个怎么弄啊?
需求如图: [图片] 万中感谢尽在不言中!!!!
98
3 年前
根据指定规则修改对象中的键
2020-07-30 描述 创建一个对象,他的键为每一个键经过提供的函数运行后的结果,但值还是原有提供对象的值。 提示 使用 Object.keys() 迭代对象的键 使用 Array.prototype.reduce() 创建一个新的对象,使其有着相同的值和经过 fn 映射的键 代码 const mapKeys = ..
128
3 年前
Nebula Helper——使用 Vue + Electron + node-serialport 实现的现代串行端口调试助手
使用 Vue + Electron + node-serialport 实现的现代串行端口调试助手 A modern serial port debugging assistant implemented using Vue + Electron + node-serialport 项目地址 功能特性 基础串口通信 自 ..
907
3 年前