前端 - 领域 - 链滴

登录注册

16,458 浏览查看所有领域

野生链滴微信小程序已经开源
链滴微信小程序 [图片] [图片] Programming-With-Love/ld 链滴，黑客派，小程序. Contribute to Programming-With-Love/ld development by creating an account on GitHub. GitHub - github.com ..
- 链滴
  
  链滴是一个记录生活的地方。
  
  记录生活，连接点滴
  
  40 引用 • 2990 回帖
257
vue 文件结构顺序统一
vue 文件顺序在平时的开发中，会发现很多 vue 文件里面的结构很不统一，比如找个生命周期函数，可能在 methods 配置下面，影响到了开发效率，保持统一的代码风格有助于团队成员多人协作。 Vue 官网文档中也有推荐[链接]，文档中对选项顺序做了许多分类。但从工程项目角度思考，也是借鉴了其他开发者推荐的顺序：大 ..
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  207 引用 • 628 回帖 • 520 关注
42
临时占坑 - Vue2.x 接入 esbuild，提升打包速度
V1 版本 - 废弃 [图片] V2 版本对 vue SFC 整体的工作流又重新梳理了一遍 [图片]
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  207 引用 • 628 回帖 • 520 关注
54
JavaScript 中的对象类型
什么是对象简单的说，对象就是一组属性（property）的集合。每个属性包含两部分：属性名（key）—— 可以是字符串或者符号（symbol）类型值。特征（attributes）—— 用来描述属性的状态。属性的分类对象属性可以分为两类：数据属性（data property）—— 属性值是可以直接访问的。访 ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  671 引用 • 1132 回帖 • 738 关注
29
JavaScript 中的 Object
在 JavaScript 中，几乎所有的对象都是 Object 类型的实例，它们都会从 Object.prototype 继承属性。 Object 是 JavaScript 的一个内置对象，它是一个构造函数，但是也可以用作普通的函数。构造函数 Object 作为构造函数，可以使用 new 关键字来生成一个新的对象。 ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  671 引用 • 1132 回帖 • 738 关注
42
个人支付宝微信支付回调实现原理
[图片] [图片] 用户打开浏览器，先从 sessionStorage 读取订单号，如果本地没有则生成订单号，sessionStorage 保存一份，post 订单号和支付类型给后端后端收到请求后，生成待付费用(整数 + 随机小数)，将订单号，支付类型，待付费用，时间戳，写入订单表(id 订单号待付费用时间戳)， ..
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  207 引用 • 628 回帖 • 520 关注
91
JavaScript 的类型系统
当前 ECMAScript 标准定义了 8 种数据类型，包括 7 个原始（primary）类型，还有一个是对象类型。类型含义说明 Undefined 未定义未声明的变量，或者声明过但未赋值的变量的值。该类型只有一个值： undefined。 Null 空值该类型只有一个值： null。 Number 数值表 ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  671 引用 • 1132 回帖 • 738 关注
40
【React】上拉加载更多，原生 js 的实现
本来是找的第三方库，但是都不好用，由于项目使用的布局是 Absolute，导致各种 bug，最后还是用原生吧。给需要监听的组件设置一个 Ref。 (this.scroll = e)}> 然后在组件加载后 if (this.scroll) { this.scroll.addEventListener('scro ..
- React
  
  React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。
  159 引用 • 266 回帖 • 551 关注
44
webpack 加载器 - 打包处理 css 文件
[链接] 1. 创建 src\css\1.css 文件 li { list-style: none; } 2. 在 index.js 中引入 1.css 文件 import './css/1.css' 3. 自动打包的时候提示了错误提示缺少一个合适的 loader 来处理 .css 文件 4. 安装 loader n ..
- webpack
  
  webpack 是一个用于前端开发的模块加载器和打包工具，它能把各种资源，例如 JS、CSS（less/sass）、图片等都作为模块来使用和处理。
  41 引用 • 127 回帖 • 347 关注
29
ES6 类的私有属性
怕是面试题 - ES6 类的私有属性 TS 中实现了 ES6 找那个类的基本功能以外，同时还添加了一些新的方法，比如私有属性，继承多态（面向对象）等。俺对私有属性的实现，确实比较感兴趣，琢磨着也得了解了解 ES6 怎么去实现。 // 私有属性 - 闭包实现 class Example1 { constructor() ..
- 前端
  
  前端技术一般分为前端设计和前端开发，前端设计可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括 HTML、CSS 以及 JavaScript 等。
  217 引用 • 1309 回帖
44
JS 打包压缩工具测试（benckmarks）
JS 打包压缩工具测试（benckmarks）测试工具测试对比的工具如下： [链接]：支持 es6 语法的压缩工具 [链接]：外界认为是一款快 10~100 倍的压缩工具 [链接]：支持 es6 [链接]：老派结果 code: [链接] 标识： Ms：最快最慢 Size：最轻最重 Gzip：最轻最重 d3/ ..
- 前端
  
  前端技术一般分为前端设计和前端开发，前端设计可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括 HTML、CSS 以及 JavaScript 等。
  217 引用 • 1309 回帖
35
JavaScript 基于原型的继承
面向对象中的继承特性，有三种实现方案：基于类（class-based）基于原型（prototype-based）基于元类（metaclass-based） JavaScript 采用的是基于原型的实现方案，这也是 JavaScript 最重要的语言特性之一。 ES6 之前，在 JavaScript 中没有类（cl ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  671 引用 • 1132 回帖 • 738 关注
36
JavaScript 简介
[图片] JavaScript 历史 Brendan Eich 自 1995 年 4 月受聘于网景公司，开始实现一种名为“魔卡（Mocha）”——JavaScript 最早的开发代号或名称的语言。仅两个月之后，为了迎合 Netscape 的 Live 战略而更名为 LiveScript。到了 1995 年年末，又为了迎 ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  671 引用 • 1132 回帖 • 738 关注
35
CSS 笔记整理
清除浮动浮动是我们常用的一种布局方式，随之而来的就是需要清除浮动，其中我觉得最方便也是兼容性最好的一种是，在同级目录下再创建一个 :after
- CSS
  
  CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
  158 引用 • 410 回帖
68
【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 库。
  159 引用 • 266 回帖 • 551 关注
29
写了一个快速创建引导页的小工具，正式版发布了
上半年的重心是一个技术项目，如果也顺利落地并进入了维护阶段，老大的要求一直是非常苛刻的，用户体验要求非常高。在项目不断的迭代中，增加了很多功能，但是在实际给用户演示过程中，发现很多功能用户并不知道，这样萌生了这个小工具的想法。为什么要自己写？开源中有一个 intro.js，但是整体来说，体积比较大，很多功能也不需 ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  671 引用 • 1132 回帖 • 738 关注
263
距离全栈你只差一个 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 回帖 • 3 关注
100
scrollIntoView 函数简化置顶功能
基本介绍 [图片] Element.scrollIntoView() Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。 MDN Web 文档 - developer.mozilla.org Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口 ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  671 引用 • 1132 回帖 • 738 关注
42
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 实现响应的数据绑定和组合的视图组件。
  207 引用 • 628 回帖 • 520 关注
660
分享：一键拷贝常用动画效果 CSS 代码
分享一个 CSS 动效相关的网站： https://cssfx.lovejade.cn/ 。她集合 Web 开发中常用的动画效果，如鼠标悬停、输入框获取焦点、加载、以及其他动画；不仅有展示效果，并提供一键拷贝至剪切板，以便您可以在自己的项目中使用。备注：这个项目是基于 GitHub 的一个项目（CSSFX ）fork ..
- CSS
  
  CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
  158 引用 • 410 回帖
85
input 宽度设置注意事项
input 的 width 属性只对 type='image'情况下起作用，可参考 [链接]，如果想对 input 元素设置高度和宽度请使用 CSS 样式 style='width:158px;height:30px'。
- HTML
  
  HTML5 是 HTML 下一个的主要修订版本，现在仍处于发展阶段。广义论及 HTML5 时，实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。
  93 引用 • 288 回帖 • 69 关注
30
vue 疑难杂症三大定理
据说，Vue 项目解决 bug 和问题用这三步就可以没有什么是 deep watch 解决不了的，有就加 immediate 事件相关，dom 不更新？试试 nextTick 实在不行，就用 setTimeout
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  207 引用 • 628 回帖 • 520 关注
163
你真的理解 Webpack？请回答下列问题
[图片] 你真的理解 Webpack？如果知道以下问题的答案，则意味着已经掌握了 Webpack。欢迎提供您的答案。 Chinese 一文搞定 Webpack 面试 English Webpack 实战与 Webpack 类似的工具还有哪些谈谈你为什么选择使用或放弃 webpack Loader 和 Plugi ..
- webpack
  
  webpack 是一个用于前端开发的模块加载器和打包工具，它能把各种资源，例如 JS、CSS（less/sass）、图片等都作为模块来使用和处理。
  41 引用 • 127 回帖 • 347 关注
96
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 实现响应的数据绑定和组合的视图组件。
  207 引用 • 628 回帖 • 520 关注
45
如何优化 Vue 项目的打包速度
优化 Vue 项目的打包速度随着项目依赖的增加，在配合开发的时候听到后端同学的抱怨 build 时间长，及其影响开发效率和心情。然后翻阅了相关的资料开启 Vue 优化之路。此项目是针对 vue-cli2 脚手架进行优化的项目依赖管理首先检查一下依赖，去掉对项目没用的依赖，然后注意开发依赖跟生产依赖不能 ..
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  207 引用 • 628 回帖 • 520 关注
156
对键进行重命名
2020-08-20 描述根据提供的键值对将对象中的多个键进行重命名。提示在 Object.keys() 的返回值上使用 Array.prototype.reduce() 以获取对象的所有键通过扩展运算符（...）和 keysMap 对其匹配的键进行重命名代码 const renameKeys = (keys ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 379 回帖 • 1 关注
64
浅克隆
2020-08-21 描述为一个对象进行浅克隆。提示使用 Object.assign() 和空对象（{}）为原始对象创建一个浅克隆代码 const shallowClone = obj => Object.assign({}, obj); 示例浅克隆一个对象： const a = { x: true, ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 379 回帖 • 1 关注
52
将一个对象转换为由键值对数组组成的二维数组
2020-08-25 描述从一个对象或其他迭代（对象，数组、字符串、集合等）中创建一个由键值对数组组成的数组。提示检查 Symbol.iterator 是否被定义如果是的话，使用 Array.prototype.entries() 为给定的可迭代对象获取他的迭代器使用 Array.from() 将结果转换为一 ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 379 回帖 • 1 关注
48
获取各类型值的长度
2020-08-24 描述获取一个数组、对象或字符串的长度。提示获取 val 的类型（array，object 或者 string）数组使用 length 属性如果 length 或者 size 可用的话就使用他们，否则的话使用对象拥有键的数量如果 val 为字符串的话就使用其创建一个 Blob 对象，然后 ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 379 回帖 • 1 关注
31
根据函数动态选取需要的键值对
2020-08-19 描述当每一个键值对使用给定的函数返回真值时，就将他们组合成一个新的对象。该函数调用两个参数：（值，键）。提示使用 Object.keys(obj) 和 Array.prototype.filter() 来移除 fn 返回假值的键值对使用 Array.prototype.reduce() 将 ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 379 回帖 • 1 关注
30
选取需要的键值对
2020-08-18 描述根据给定的键，从对象中选取与之对应的键值对。提示使用 Array.prototype.reduce() 如果键存在于对象中，则将过滤出/选中的键转换回包含其键值对的对象代码 const pick = (obj, arr) => arr.reduce((acc, curr) =&g ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 379 回帖 • 1 关注
26
更换 npm 源国内镜像 cnpm
[图片] npm config set registry https://registry.npm.taobao.org **
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  207 引用 • 628 回帖 • 520 关注
26
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 实现响应的数据绑定和组合的视图组件。
  207 引用 • 628 回帖 • 520 关注
97
VUE 基础个人学习总结
[图片] 个人学习过程总结，新人可以参考。xmind 文件在文章底部。 [图片] [链接]
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  207 引用 • 628 回帖 • 520 关注
75
javascript 深入个人学习总结
[图片] 个人学习过程总结，新人可以参考。xmind 文件在文章底部。 [图片] [链接]
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  671 引用 • 1132 回帖 • 738 关注
48
CSS3 个人学习总结
个人学习过程总结，新人可以参考。xmind 文件在文章底部。 [图片] [链接]
- CSS
  
  CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
  158 引用 • 410 回帖
39
前端 - 可选链和空值合并运算符功能，你们觉得鸡肋么？
两种大家比较期待的两种语法新特性已经陆陆续续有浏览器支持了：可选链操作符（[链接]）空值合并运算符（[链接]）空值合并运算符空值合并操作符（??）是一个逻辑操作符，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数。 const foo = null ?? 'defa ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  671 引用 • 1132 回帖 • 738 关注
58
几个 CSS 小技巧
最近在为项目添加一个首页，写了一堆 HTML 和 CSS，不过总算是一天给搞定了，上级也比较满意。在实现的过程中，也发现了几个平时没有考虑过的 CSS 技巧，在这里算记录也算是分享吧渐变首先还是简单介绍一下 CSS 渐变: CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。以 ..
- CSS
  
  CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
  158 引用 • 410 回帖
176
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 实现响应的数据绑定和组合的视图组件。
  207 引用 • 628 回帖 • 520 关注
47
原生 js 使用 canvas 实现图片格式 webp/png/jpeg 在线转换
[图片] 功能需求：我们在网页中上传一张图片，选择不同的格式，将该图片转换为对应的格式。实现思路：实现这样的功能，使用后端语言【php,java 等】可以很容易的完成。但是如果只在前端如何完成呢？通过 input 上传图片，使用 FileReader 将文件读取到内存中。将图片转换为 canvas，canva ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  671 引用 • 1132 回帖 • 738 关注
115
前端 json 格式化
示例代码：效果图： [图片] [图片]
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  671 引用 • 1132 回帖 • 738 关注
90
批量移除对象中不需要的键值对
2020-08-13 描述根据给定的键值，将一个对象中于此对应的键值对进行过滤。提示使用 Object.keys(obj)，Array.prototype.filter() 和 Array.prototype.includes() 将提供的键值进行移除使用 Array.prototype.reduce() 根据 ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 379 回帖 • 1 关注
67
根据指定属性和排序规则为数组进行排序
2020-08-17 描述将数组对象根据指定的属性和排序方式进行排序。提示使用 Array.prototype.sort() 在给定的 props 数组上使用默认值为 0 的 Array.prototype.reduce() 方法根据传如的排序规则使用数组解构来交换其属性位置 orders 数组的默认值为 'a ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 379 回帖 • 1 关注
38
根据规则批量移除对象中不需要的键值对
2020-08-14 描述一个对象中的属性如果经过给定的函数运行后返回假值，就将其键值对组合为一个新的对象。提示使用 Object.keys(obj) 和 Array.prototype.filter() 移除 fn 返回为真值的键使用 Array.prototype.reduce() 根据过滤后的键，新建一个 ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 379 回帖 • 1 关注
28
将对象转换为 URL 中的额外参数
2020-08-12 描述根据给定对象的键值对生成查询字符串。提示在 Object.entries(queryParameters) 基础上使用 Array.prototype.reduce() 来创建查询字符串基于 queryString 的 length 来判断 symbol 是否为 ? 或者 & ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 379 回帖 • 1 关注
34
在 aspnetcore 中部署 vue 项目
现在开发项目一般是前后端分离的，这样做有诸多好处自不必说，现在要说一个缺点，就是一个项目往往要多端部署，API 一个，前端项目一个（VUE），后台管理一个（VUE）虽然可以使用 nginx 放在一个域名下面，感觉还是不理想，现在尝试把 vue 部署到 asp.netcore3.1 的静态文件服务中去。场景：API 项 ..
- API
  
  应用程序编程接口（Application Programming Interface）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。
  67 引用 • 384 回帖
105
js.cool 为开源项目提供免费的域名托管
原本这个域名是我个人使用。后来看到了 js.org，就决定贡献出来做一些社区贡献。申请地址： [链接] p.s. 如果你愿意为该项目设计一个官网，请联系我： i(at)js.cool
- 开源
  
  Open Source, Open Mind, Open Sight, Open Future!
  330 引用 • 3235 回帖 • 640 关注
160
使用 `Object.entries` 将对象转换为带键值对的数组
2020-08-11 描述将一个对象转换为带有键值对的数组。提示使用 Object.entries() 从给定的对象总获取一个带有键值对的数组代码 const objectToPairs = obj => Object.entries(obj); 示例将对象转换为带键值对的数组： objectToPai ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 379 回帖 • 1 关注
43
对象转换为带键值对的数组
2020-08-10 描述将一个对象转换为带有键值对的数组。提示使用 Object.keys() 和 Array.prototype.map() 迭代对象中的每一个键将迭代到的对象转换为一个带键值对的数组代码 const objectToEntries = obj => Object.keys(obj) ..
- 30Seconds
  📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
  
  精选常见面试题，帮助您准备下一次面试
  
  精选常见交互，帮助您拥有简洁酷炫的站点
  
  精选有用的 React 片段，帮助你获取最佳实践
  
  精选常见代码集，帮助您提高打码效率
  
  整理前端界的最新资讯，邀您一同探索新世界
  
  488 引用 • 379 回帖 • 1 关注
52
将键值数组转换为对象
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 引用 • 379 回帖 • 1 关注
38
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 实现响应的数据绑定和组合的视图组件。
  207 引用 • 628 回帖 • 520 关注
99
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 引用
120
IE 浏览器下“对象不支持“after”属性或方法”的解决方法
[图片] (function (arr) { arr.forEach(function (item) { if (item.hasOwnProperty('before')) { return; } Object.defineProperty(item, 'before', { configurable: true, ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  671 引用 • 1132 回帖 • 738 关注
120
最基础的 JS
不知道这些 JavaScript 方法有没有用，不过了解总比不知道好。送给需要的人数组转换为对象在 JavaScript 中，数组其实也是对象 const arr = ['hello', 'world']; arr instanceof Object;&n ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  671 引用 • 1132 回帖 • 738 关注
71
【小程序 IM】使用 Node-WebSocket 实现微信小程序 IM 即时通信服务
给小程序接入IM即时通信的功能，本来打算接入易信或者腾讯云的sdk，但是太贵了，负担不起，最后使用的是node后端，ws用的 node-websocket。主要分以下几个部分 1.小程序端聊天记录获取，小程序收发消息 2.node端收发消息给指定用户，添加聊天记录到数据库 3.部署服务后端搭建 WebSocket ..
- WebSocket
  
  WebSocket 是 HTML5 中定义的一种新协议，它实现了浏览器与服务器之间的全双工通信（full-duplex）。
  44 引用 • 158 回帖 • 611 关注
75
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 引用 • 84 回帖 • 1 关注
50
解决 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 实现响应的数据绑定和组合的视图组件。
  207 引用 • 628 回帖 • 520 关注
77
用 JS 实现 excel 预览
这次为大家分享的是，如何用 js 写出 Excel 文件的预览。他方便了 pc 用户和手机端用户可以无需下载，并且直接在线预览 Excel 文件。因为 Excel 转 HTML 的显示用的是第三方开源库的代码，所以实现上有所限制。具体请参见所用到开源的库这些库的说明。支持不支持多 sheet 显示图片显 ..
- Excel
  
  21 引用 • 25 回帖
111
javascript 按键事件
有三种按键事件类型：keydown,keypress,keyup。一个典型的按键会产生所有的这三种事件，依次是keydown,keypress,keyup。如果一个键被按下并自动重复，则可能有多个keypress事件。不能打印的功能键会产生keydown，keyup事件。在某些浏览器中也可能产生keypress ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  671 引用 • 1132 回帖 • 738 关注
266