前端 - 领域 - 链滴

登录注册

15,048 浏览查看所有领域

JavaScript 简介
[图片] JavaScript 历史 Brendan Eich 自 1995 年 4 月受聘于网景公司，开始实现一种名为“魔卡（Mocha）”——JavaScript 最早的开发代号或名称的语言。仅两个月之后，为了迎合 Netscape 的 Live 战略而更名为 LiveScript。到了 1995 年年末，又为了迎 ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  665 引用 • 1129 回帖 • 750 关注
12
CSS 笔记整理
清除浮动浮动是我们常用的一种布局方式，随之而来的就是需要清除浮动，其中我觉得最方便也是兼容性最好的一种是，在同级目录下再创建一个 :after
- CSS
  
  CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
  158 引用 • 410 回帖
26
【react-native】Undefined symbols for architecture x86_64
出现这种情况，多半是你添加了一个新的第三方库，结果不兼容，或者编译失败了，然后使用 yarn remove xxx 移除卸载后同样不行，重新安装 pod 呢，也是有问题。建议： 1.rm -rf node_modules 2.cd iOS && rm -rf Podfile.lock Pods 3. ..
- React
  
  React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。
  157 引用 • 241 回帖 • 562 关注
22
写了一个快速创建引导页的小工具，还在完善中
上半年的重心是一个技术项目，如果也顺利落地并进入了维护阶段，老大的要求一直是非常苛刻的，用户体验要求非常高。在项目不断的迭代中，增加了很多功能，但是在实际给用户演示过程中，发现很多功能用户并不知道，这样萌生了这个小工具的想法。为什么要自己写？开源中有一个 intro.js，但是整体来说，体积比较大，很多功能也不需 ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  665 引用 • 1129 回帖 • 750 关注
101
距离全栈你只差一个 kotlinx
示例项目地址： https://github.com/wangyuheng/kotlin-dsl-html 全栈不能保证一定能够解决复杂的问题，但却能帮你打开解决复杂问题的大门。 [图片] 近些年，前端技术变得愈发复杂。这一趋势除了导致全球变暖，也让全栈开发的难度越来越大。但是，阻碍一个后端开发去写页面的根本原因到 ..
- Kotlin
  
  Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言，由 JetBrains 设计开发并开源。Kotlin 可以编译成 Java 字节码，也可以编译成 JavaScript，方便在没有 JVM 的设备上运行。在 Google I/O 2017 中，Google 宣布 Kotlin 成为 Android 官方开发语言。
  16 引用 • 29 回帖 • 6 关注
60
scrollIntoView 函数简化置顶功能
基本介绍 [图片] Element.scrollIntoView() Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。 MDN Web 文档 - developer.mozilla.org Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口 ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  665 引用 • 1129 回帖 • 750 关注
28
Vue3.0 正式发布在即，element 凉了？
Vue3.0 正式发布在即，element 凉了？ [图片] Vue3.0 在今年第三季度正式发布。但是 element-ui 据目前居然停更了 4 个月，要凉的赶脚么。 [图片] 8/23、9/13 只是更新说明，其他的都没有更新。 [图片] 提交最多的大佬也没更新了根据网上消息，element 核心团队都离职了 ..
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  204 引用 • 625 回帖 • 534 关注
264
分享：一键拷贝常用动画效果 CSS 代码
分享一个 CSS 动效相关的网站： https://cssfx.lovejade.cn/ 。她集合 Web 开发中常用的动画效果，如鼠标悬停、输入框获取焦点、加载、以及其他动画；不仅有展示效果，并提供一键拷贝至剪切板，以便您可以在自己的项目中使用。备注：这个项目是基于 GitHub 的一个项目（CSSFX ）fork ..
- CSS
  
  CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
  158 引用 • 410 回帖
58
input 宽度设置注意事项
input 的 width 属性只对 type='image'情况下起作用，可参考 [链接]，如果想对 input 元素设置高度和宽度请使用 CSS 样式 style='width:158px;height:30px'。
- HTML
  
  HTML5 是 HTML 下一个的主要修订版本，现在仍处于发展阶段。广义论及 HTML5 时，实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。
  93 引用 • 288 回帖 • 79 关注
20
vue 疑难杂症三大定理
据说，Vue 项目解决 bug 和问题用这三步就可以没有什么是 deep watch 解决不了的，有就加 immediate 事件相关，dom 不更新？试试 nextTick 实在不行，就用 setTimeout
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  204 引用 • 625 回帖 • 534 关注
127
你真的理解 Webpack？请回答下列问题
[图片] 你真的理解 Webpack？如果知道以下问题的答案，则意味着已经掌握了 Webpack。欢迎提供您的答案。 Chinese 一文搞定 Webpack 面试 English Webpack 实战与 Webpack 类似的工具还有哪些谈谈你为什么选择使用或放弃 webpack Loader 和 Plugi ..
- webpack
  
  webpack 是一个用于前端开发的模块加载器和打包工具，它能把各种资源，例如 JS、CSS（less/sass）、图片等都作为模块来使用和处理。
  40 引用 • 127 回帖 • 356 关注
67
nebula-helper in macos
查看项目结构第一步：含有 package.json 的项目基本上为 nodejs 项目第二部：查看 package.json 依赖表明这是一个 vue/element/electron 的混合项目由于有 electron 的依赖，所以大概率为一个客户端程序 0.安装环境确定为 Nodejs 环境后，mac 用户 ..
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  204 引用 • 625 回帖 • 534 关注
30
如何优化 Vue 项目的打包速度
优化 Vue 项目的打包速度随着项目依赖的增加，在配合开发的时候听到后端同学的抱怨 build 时间长，及其影响开发效率和心情。然后翻阅了相关的资料开启 Vue 优化之路。此项目是针对 vue-cli2 脚手架进行优化的项目依赖管理首先检查一下依赖，去掉对项目没用的依赖，然后注意开发依赖跟生产依赖不能 ..
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  204 引用 • 625 回帖 • 534 关注
86
对键进行重命名
2020-08-20 描述根据提供的键值对将对象中的多个键进行重命名。提示在 Object.keys() 的返回值上使用 Array.prototype.reduce() 以获取对象的所有键通过扩展运算符（...）和 keysMap 对其匹配的键进行重命名代码 const renameKeys = (keys ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 378 回帖 • 1 关注
31
浅克隆
2020-08-21 描述为一个对象进行浅克隆。提示使用 Object.assign() 和空对象（{}）为原始对象创建一个浅克隆代码 const shallowClone = obj => Object.assign({}, obj); 示例浅克隆一个对象： const a = { x: true, ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 378 回帖 • 1 关注
37
将一个对象转换为由键值对数组组成的二维数组
2020-08-25 描述从一个对象或其他迭代（对象，数组、字符串、集合等）中创建一个由键值对数组组成的数组。提示检查 Symbol.iterator 是否被定义如果是的话，使用 Array.prototype.entries() 为给定的可迭代对象获取他的迭代器使用 Array.from() 将结果转换为一 ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 378 回帖 • 1 关注
27
获取各类型值的长度
2020-08-24 描述获取一个数组、对象或字符串的长度。提示获取 val 的类型（array，object 或者 string）数组使用 length 属性如果 length 或者 size 可用的话就使用他们，否则的话使用对象拥有键的数量如果 val 为字符串的话就使用其创建一个 Blob 对象，然后 ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 378 回帖 • 1 关注
20
根据函数动态选取需要的键值对
2020-08-19 描述当每一个键值对使用给定的函数返回真值时，就将他们组合成一个新的对象。该函数调用两个参数：（值，键）。提示使用 Object.keys(obj) 和 Array.prototype.filter() 来移除 fn 返回假值的键值对使用 Array.prototype.reduce() 将 ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 378 回帖 • 1 关注
20
选取需要的键值对
2020-08-18 描述根据给定的键，从对象中选取与之对应的键值对。提示使用 Array.prototype.reduce() 如果键存在于对象中，则将过滤出/选中的键转换回包含其键值对的对象代码 const pick = (obj, arr) => arr.reduce((acc, curr) =&g ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 378 回帖 • 1 关注
16
更换 npm 源国内镜像 cnpm
[图片] npm config set registry https://registry.npm.taobao.org **
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  204 引用 • 625 回帖 • 534 关注
19
Vue Cli 4 引入 Cesium 配置
一个简单的 Vue Cli 4 引入 Cesium 的架子，可以直接拉取项目，自己扩展。欢迎试用，可以 Star 哟！原文地址：Vue Cli 4 引入 Cesium 配置 Github: https://github.com/martinageradams/vue-cesium-example Vue 项目搭建，我 ..
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  204 引用 • 625 回帖 • 534 关注
54
VUE 基础个人学习总结
[图片] 个人学习过程总结，新人可以参考。xmind 文件在文章底部。 [图片] [链接]
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  204 引用 • 625 回帖 • 534 关注
58
javascript 深入个人学习总结
[图片] 个人学习过程总结，新人可以参考。xmind 文件在文章底部。 [图片] [链接]
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  665 引用 • 1129 回帖 • 750 关注
38
CSS3 个人学习总结
个人学习过程总结，新人可以参考。xmind 文件在文章底部。 [图片] [链接]
- CSS
  
  CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
  158 引用 • 410 回帖
30
前端 - 可选链和空值合并运算符功能，你们觉得鸡肋么？
两种大家比较期待的两种语法新特性已经陆陆续续有浏览器支持了：可选链操作符（[链接]）空值合并运算符（[链接]）空值合并运算符空值合并操作符（??）是一个逻辑操作符，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数。 const foo = null ?? 'defa ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  665 引用 • 1129 回帖 • 750 关注
37
几个 CSS 小技巧
最近在为项目添加一个首页，写了一堆 HTML 和 CSS，不过总算是一天给搞定了，上级也比较满意。在实现的过程中，也发现了几个平时没有考虑过的 CSS 技巧，在这里算记录也算是分享吧渐变首先还是简单介绍一下 CSS 渐变: CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。以 ..
- CSS
  
  CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
  158 引用 • 410 回帖
106
vue -cli（脚手架）教程
[图片] 1.webpack 安装安装 webpack:npm install webpack -g 此时查看 webpack 的版本：webpack -v 会出现下图 [图片] 提示我们要安装 webpack 的依赖，我们选择 yes 就可以了也可以通过命令来安装 webpack 的依赖：npm install ..
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  204 引用 • 625 回帖 • 534 关注
37
原生 js 使用 canvas 实现图片格式 webp/png/jpeg 在线转换
[图片] 功能需求：我们在网页中上传一张图片，选择不同的格式，将该图片转换为对应的格式。实现思路：实现这样的功能，使用后端语言【php,java 等】可以很容易的完成。但是如果只在前端如何完成呢？通过 input 上传图片，使用 FileReader 将文件读取到内存中。将图片转换为 canvas，canva ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  665 引用 • 1129 回帖 • 750 关注
59
前端 json 格式化
示例代码：效果图： [图片] [图片]
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  665 引用 • 1129 回帖 • 750 关注
63
批量移除对象中不需要的键值对
2020-08-13 描述根据给定的键值，将一个对象中于此对应的键值对进行过滤。提示使用 Object.keys(obj)，Array.prototype.filter() 和 Array.prototype.includes() 将提供的键值进行移除使用 Array.prototype.reduce() 根据 ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 378 回帖 • 1 关注
51
根据指定属性和排序规则为数组进行排序
2020-08-17 描述将数组对象根据指定的属性和排序方式进行排序。提示使用 Array.prototype.sort() 在给定的 props 数组上使用默认值为 0 的 Array.prototype.reduce() 方法根据传如的排序规则使用数组解构来交换其属性位置 orders 数组的默认值为 'a ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 378 回帖 • 1 关注
31
根据规则批量移除对象中不需要的键值对
2020-08-14 描述一个对象中的属性如果经过给定的函数运行后返回假值，就将其键值对组合为一个新的对象。提示使用 Object.keys(obj) 和 Array.prototype.filter() 移除 fn 返回为真值的键使用 Array.prototype.reduce() 根据过滤后的键，新建一个 ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 378 回帖 • 1 关注
20
将对象转换为 URL 中的额外参数
2020-08-12 描述根据给定对象的键值对生成查询字符串。提示在 Object.entries(queryParameters) 基础上使用 Array.prototype.reduce() 来创建查询字符串基于 queryString 的 length 来判断 symbol 是否为 ? 或者 & ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 378 回帖 • 1 关注
22
在 aspnetcore 中部署 vue 项目
现在开发项目一般是前后端分离的，这样做有诸多好处自不必说，现在要说一个缺点，就是一个项目往往要多端部署，API 一个，前端项目一个（VUE），后台管理一个（VUE）虽然可以使用 nginx 放在一个域名下面，感觉还是不理想，现在尝试把 vue 部署到 asp.netcore3.1 的静态文件服务中去。场景：API 项 ..
- API
  
  应用程序编程接口（Application Programming Interface）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。
  67 引用 • 377 回帖
39
js.cool 为开源项目提供免费的域名托管
原本这个域名是我个人使用。后来看到了 js.org，就决定贡献出来做一些社区贡献。申请地址： [链接] p.s. 如果你愿意为该项目设计一个官网，请联系我： i(at)js.cool
- 开源
  
  Open Source, Open Mind, Open Sight, Open Future!
  322 引用 • 3197 回帖 • 691 关注
120
使用 `Object.entries` 将对象转换为带键值对的数组
2020-08-11 描述将一个对象转换为带有键值对的数组。提示使用 Object.entries() 从给定的对象总获取一个带有键值对的数组代码 const objectToPairs = obj => Object.entries(obj); 示例将对象转换为带键值对的数组： objectToPai ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 378 回帖 • 1 关注
38
对象转换为带键值对的数组
2020-08-10 描述将一个对象转换为带有键值对的数组。提示使用 Object.keys() 和 Array.prototype.map() 迭代对象中的每一个键将迭代到的对象转换为一个带键值对的数组代码 const objectToEntries = obj => Object.keys(obj) ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 378 回帖 • 1 关注
37
将键值数组转换为对象
2020-08-07 描述根据给定的键值对创建一个对象。提示使用 Array.prototype.reduce() 创建并组合键值对。代码 const objectFromPairs = arr => arr.reduce((a, [key, val]) => ((a[key] = val), a) ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 378 回帖 • 1 关注
29
vuex-router-sync 理解
vuex-router-sync 基本原理理解先说结论：把 vue-router 当前的 $route 同步为 vuex 状态的一部分。换句话说，你不需要再 Vuex 中 import route，而可以直接使用 $route 使用方法如果你的项目中，在 Vuex 中不需要获取 route，则完全灭有必要引用 vu ..
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  204 引用 • 625 回帖 • 534 关注
52
Postman Pre-request Script (postman 脚本) 编写
[图片] Psotman 版本 v7.29.1 Pre-request Script 编写环境变量 //设置当前环境变量 pm.environment.set('key', 'value'); //获取当前环境变量 pm.environment.get('key'); //清除当前环境变量 pm.environmen ..
- Postman
  
  Postman 是一款简单好用的 HTTP API 调试工具。
  2 引用 • 2 关注
71
IE 浏览器下“对象不支持“after”属性或方法”的解决方法
[图片] (function (arr) { arr.forEach(function (item) { if (item.hasOwnProperty('before')) { return; } Object.defineProperty(item, 'before', { configurable: true, ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  665 引用 • 1129 回帖 • 750 关注
70
最基础的 JS
不知道这些 JavaScript 方法有没有用，不过了解总比不知道好。送给需要的人数组转换为对象在 JavaScript 中，数组其实也是对象 const arr = ['hello', 'world']; arr instanceof Object;&n ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  665 引用 • 1129 回帖 • 750 关注
65
【小程序 IM】使用 Node-WebSocket 实现微信小程序 IM 即时通信服务
给小程序接入IM即时通信的功能，本来打算接入易信或者腾讯云的sdk，但是太贵了，负担不起，最后使用的是node后端，ws用的 node-websocket。主要分以下几个部分 1.小程序端聊天记录获取，小程序收发消息 2.node端收发消息给指定用户，添加聊天记录到数据库 3.部署服务后端搭建 WebSocket ..
- WebSocket
  
  WebSocket 是 HTML5 中定义的一种新协议，它实现了浏览器与服务器之间的全双工通信（full-duplex）。
  44 引用 • 158 回帖 • 622 关注
39
flutter 修改应用图标修改应用名字
[图片] [图片] 1.导入库修改名字：https://pub.flutter-io.cn/packages/flutter_launcher_name 修改图标：https://pub.flutter-io.cn/packages/flutter_launcher_icons 2.执行命令 flutter pub ..
- Flutter
  
  Flutter 是谷歌的移动 UI 框架，可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作，它正在被越来越多的开发者和组织使用，并且 Flutter 是完全免费、开源的。
  32 引用 • 82 回帖 • 2 关注
31
解决 npm 安装 node-sass 速度慢的问题
可通过配置淘宝的镜像源解决，首先配置淘宝的镜像源 npm config set registry https://registry.npm.taobao.org 然后在 ~/.npmrc 加入下面内容 sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ ..
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  204 引用 • 625 回帖 • 534 关注
43
用 JS 实现 excel 预览
这次为大家分享的是，如何用 js 写出 Excel 文件的预览。他方便了 pc 用户和手机端用户可以无需下载，并且直接在线预览 Excel 文件。因为 Excel 转 HTML 的显示用的是第三方开源库的代码，所以实现上有所限制。具体请参见所用到开源的库这些库的说明。支持不支持多 sheet 显示图片显 ..
- Excel
  
  20 引用 • 25 回帖
66
## 单行 CSS 实现页面黑暗模式
单行 CSS 实现 Dark Mode 主人公：filter filter CSS 属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像，背景和边框的渲染。 code 通过设置滤镜翻转和色彩旋转，实现 Dark Mode: html[theme='dark-mode'] { filter: invert(1) ..
- CSS
  
  CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
  158 引用 • 410 回帖
54
关联数组转换为树对象
2020-08-06 描述将一个平铺的有相互关联关系的数组对象转换为一个使用递归嵌套的树形对象。这对嵌套评论非常有用，例如：reddit.com。提示使用递归使用 Array.prototype.filter() 过滤出同一链接关系的所有节点使用 Array.prototype.map() 迭代每一个过滤出来 ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 378 回帖 • 1 关注
47
合并多个对象
2020-08-05 描述通过组合两个或更多个对象来获取一个新的对象。提示通过使用 Array.prototype.reduce() 和 Object.keys(obj) 的组合，以迭代所有的对象及其每一个键使用 hasOwnProperty() 和 Array.prototype.concat() 添加存在多 ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 378 回帖 • 1 关注
44
基于提供的函数判断第一个对象是否包含了第二个对象
2020-08-04 描述基于提供的函数对两个对象进行比较，以确定第一个对象中是否包含有第二个对象中相同的属性值。提示使用 Object.keys() 获取第二个对象的所有键使用 Array.prototype.every() 和 Object.hasOwnProperty() 和提供的函数来检测与第一个对象中 ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 378 回帖 • 1 关注
32
第一个对象是否包含了第二个对象的属性及值
2020-08-03 描述对两个对象进行比较，以确定第一个对象中是否包含有第二个对象中相同的属性值。提示使用 Object.keys() 获取第二个对象的所有键使用 Array.prototype.every() 和 Object.hasOwnProperty() 进行严格的对比检测判断第二个对象中的所有键是 ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 378 回帖 • 1 关注
34
根据指定规则修改对象中的值
2020-07-31 描述创建一个对象，他的值为原有对象的每一个值经过提供函数运行后的结果，但键还是原有提供对象的键。提示使用 Object.keys() 迭代对象的键使用 Array.prototype.reduce() 创建一个新的对象，使其有着相同的键和经过 fn 映射的值代码 const mapVal ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 378 回帖 • 1 关注
23
为什么 cloneNode 克隆图片会重新请求一次图片资源，而不是直接使用缓存呢
为什么 cloneNode 克隆图片会重新请求一次图片资源，而不是直接使用缓存呢比如 a = // 1 重新请求 a.cloneNode() // 2. 不会重新加载
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  665 引用 • 1129 回帖 • 750 关注
20
Chart.js 生成图表的自适应方法：ResizeObserver API
纯分享和讨论，告诫如果使用 Chart.js 作为生产环境工具，一定要确定兼容性。 G2 图表对于图表的自适应是通过 window.addlistener('resize', ()=>{}) 实现的。这种方法很常用，但是也很有风险，特别是内部图表父类容器变化，而浏览器窗口没有变化的时候，这样图表就无法自适应了。 ..
- Chart.js
  
  1 引用 • 1 回帖
46
前端小白在线求助！这个怎么弄啊？
需求如图： [图片] 万中感谢尽在不言中！！！！
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  665 引用 • 1129 回帖 • 750 关注
98
根据指定规则修改对象中的键
2020-07-30 描述创建一个对象，他的键为每一个键经过提供的函数运行后的结果，但值还是原有提供对象的值。提示使用 Object.keys() 迭代对象的键使用 Array.prototype.reduce() 创建一个新的对象，使其有着相同的值和经过 fn 映射的键代码 const mapKeys = ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 378 回帖 • 1 关注
17
Nebula Helper——使用 Vue + Electron + node-serialport 实现的现代串行端口调试助手
使用 Vue + Electron + node-serialport 实现的现代串行端口调试助手 A modern serial port debugging assistant implemented using Vue + Electron + node-serialport 项目地址功能特性基础串口通信自 ..
- 串口调试助手
  
  1 引用
96
图片放大预览工具推荐 - medium-zoom
[图片] 遇到一个小需求，需要点击图片，实现放大效果，找了好几个插件 zooming.js 等，实际效果不是很好，最后发现了 medium-zoom，整体效果还不错，可以用来封装一个 Vue 自定义指令，或者直接使用，非常方便。
- medium-zoom
  
  1 引用 • 1 回帖
51
javascript 按键事件
有三种按键事件类型：keydown,keypress,keyup。一个典型的按键会产生所有的这三种事件，依次是keydown,keypress,keyup。如果一个键被按下并自动重复，则可能有多个keypress事件。不能打印的功能键会产生keydown，keyup事件。在某些浏览器中也可能产生keypress ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  665 引用 • 1129 回帖 • 750 关注
252