前端 - sdk社区 | 技术至上

更多

热门最新

3 个月前 / 云淡风不轻花香不招蝶

为开发者收集非常好的 API

Awesome APIs这个仓库主要是为开发者收集非常好的 API . 请随意 Star 或 Fork. 有任何评论或者建议? https://github.com/TonnyL/Awesome_APIs/issues">请让我们知道. 我们欢迎 PR :), 格式参照 https://github.com/sindresorhus/awesome">awesome 的清单.English | 中文目录二次元博客书籍商业日历共享汽车云云存储物流设计开发邮件健身 & 可穿戴外汇 & 货币游戏物

880 阅读

收藏
3 个月前 / wex

JS执行机制与Event Loop

前言整理了一下 javascript 的基础知识，在此给大家做下分享，喜欢的大佬们可以给个赞。js 是一门单线程语言。 js 引擎有一个主线程（main thread）用来解释和执行 js 程序，实际上还存在其他的线程。例如：处理 ajax 请求的线程、处理 DOM 事件的线程、定时器线程、读写文件的线程(例如在 node.js 中)等等。这些线程可能存在于 js 引擎之内，也可能存在于 js 引擎之外，在此我们不做区分。不妨叫它们工作线程。JS 执行上下文当代吗运行时，会产生对应的运行环境，在

311 阅读

收藏
2 个月前 / king

前端装逼技巧 108 式（一）—— 打工人

你在拼多多到处找人砍价，他在滴滴打车求人助力，我在电子厂拧螺丝拧到凌晨，我们都有光明的未来！早安，打工人！楔子作为一名拥有钢铁般意志的前端打工人，装逼是不可能的，这辈子都不可能装逼。如果真要装逼，那就大家一起装逼，毕竟前端要讲武德嘛，要耗子尾汁。遂决定写下前端装逼技巧108式，供诸君茶余饭后一乐，时不时秀个骚操作，为打工的生活增添一抹亮色。因作为打工人，时间、精力有限，目前大纲只有约50式，还请诸君有好的装逼要点私信或者在评论区留言，也可在我的博客页面扫码添加微信，大家共同探讨装逼大计、

266 阅读

收藏
3 个月前 / 图雀社区

一杯茶的时间，上手 React 框架开发

React（也被称为 React.js 或者 ReactJS）是一个用于构建用户界面的 JavaScript 库。起源于 Facebook 内部项目，最初用来架设 Instagram 的网站，并于 2013 年 5 月开源。React 性能较高，并且它的声明式、组件化特性让编写代码变得简单，随着 React 社区的发展，越来越多的人投入 React 的学习和开发，使得 React 不仅可以用来开发 Web 应用，还能开发桌面端应用，TV应用，VR应用，IoT应用等，因此 React 还具有一次学

263 阅读

收藏
3 个月前 / 安静的做条咸鱼

2020年，我是如何从一名Vueer转岗到React阵营

# 前言大家好呀！作为一名习惯于Vue的前端，国庆后正式走入了去往React阵营的道路。经历了金九银十和十一长假后的我也要开始努力写文章了，开篇主要是分享下我是如何横切到React技术栈。如果看文章的你正在学习React或者说也是转换技术栈希望我的文章能给你带来一点启发和帮助。为什么换React为什么换React呢，是因为新公司是属于React技术栈。包括antD，Umi，hooks等一系列的解决方案。在技术栈方向上进行了更换，因此，在这个9月，我成为了一名Reacter。虽然之前接触过reac

254 阅读

收藏
3 个月前 / Tz_BB

谈一谈跨域，以及跨域解决方法

01 前言跨域是几乎我们在请求数据是都会遇到问题，那究竟什么是跨域，又如何解决呢？话不多说我们直接开始。02 同源策略同源策略是一个安全策略。所谓的同源,指的是协议,域名,端口相同。同源策略限制了一下行为：Cookie、LocalStorage、SessionStorage 和 IndexDB 无法读取DOM 和 JS 对象无法获取Ajax 请求发送不出去03 什么是跨域跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制。04 解

206 阅读

收藏
3 个月前 / 远方的远方

DOM的classList属性

定义和用法classList 属性返回元素的类名，作为 DOMTokenList 对象，该属性可用户元素类的添加、移除、切换等, classList属性为只读，但可以使用add()和remove()方法修改。属性与方法1、 length 返回类列表中类的数量2、 add(class1, class2, ...) 在元素中添加一个或多个类3、 remove(class1, class2, ...) 在元素中删除一个或多个类4、 contains(class) 返回true或false，判断是否存在

198 阅读

收藏
3 个月前 / 图雀社区

一杯茶的时间，上手 Node.js

Node.js 太火了，火到几乎所有前端工程师都想学，几乎所有后端工程师也想学。一说到 Node.js，我们马上就会想到“异步”、“事件驱动”、“非阻塞”、“性能优良”这几个特点，但是你真的理解这些词的含义吗？这篇教程将带你快速入门 Node.js，为后续的前端学习或是 Node.js 进阶打下坚实的基础。此教程属于Node.js 后端工程师学习路线的一部分，欢迎来 Star 一波，鼓励我们继续创作出更好的教程，持续更新中~起步什么是 Node？简单地说，Node（或者说 Node.js，两者是

193 阅读

收藏
3 个月前 / 随心心心远行行

苹果开发者账号续费不成功？提示你的支付授权失败？看这里...

苹果开发者账号续费失败，提示：你的支付授权失败。请核对你的信息并重试,或尝试其他支付方式。请联系你的银行了!公司开发者账号即将到期，一年一度续费的重任又落到我肩膀上了，那么我们就进入正题吧...一如既往登录 developer.apple.com 一波操作猛如虎。最后败给了现实：“你的支付授权失败。请核对你的信息并重试,或尝试其他支付方式。请联系你的银行了!”然后以为我卡号输入错了？安全吗输入错了？还是无卡支付被关闭了?又是一波操作...难道是卡的问题？那么就换个其他VISA信用卡，继续一波操作

188 阅读

收藏
3 个月前 / wex

前端面试题解析

1、10个 ==Ajax== 同时发起请求，全部返回展示结果，并且最多允许三次失败，说出设计思路这个问题很多人会想到用 ==Promise.all== ，但是这个函数有一个局限在于如果失败一次就返回了，这样实现会有一些问题，需要变通下。来看下下面的两种实现思路// 以下是不完整的代码，着重于思路非 Promise 写法let successCount = 0let errorCount = 0late datas = []ajax(url, (res) => { if (success)

182 阅读

收藏
3 个月前 / wex / ECMAScript 6 简介

ECMASscript 6 入门（一）

前言本文转载之阮一峰 ECMAScript 6 入门ECMAScript 6 简介ECMAScript 6.0（以下简介 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布。它的目标，使得 JavaScript 语言可以用来编写复杂的大型应用程序，称为企业级开发语言。1. ECMASscript 和 JavaScript 的关系一个常见的问题是，ECMAScript 和 JavaScript 待敌是什么关系要讲清楚这个问题，需要回顾历史。1996 年 11

181 阅读

收藏
3 个月前 / 用户_1603643655

前端性能优化

概述关于 Web 应用性能优化，有一点是毫无疑问的：「页面加载越久，用户体验就越差」，所以 Web 应用性能优化的关键之处就在于：减少页面初载时，所需加载资源的「数量」和「体积」。那么当所需加载的资源数量到达多少或资源大小小于多少，我们才可以自信地宣称我们的 Web 应用拥有出色的性能呢？下面给出一个参考值，该参考值考虑到了移动端与国外等多种访问环境：1.页面初载时，所有未压缩的 JavaScript 脚本大小：

176 阅读

收藏
3 个月前 / timing

React嵌套iframe,使用postMassage进行交互

iframe是什么? 引用:MDNwindow.postMessage() 方法可以安全地实现跨源通信。通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同的协议（通常为https），端口号（443为https的默认值），以及主机 (两个页面的模数 Document.domain设置为相同的值) 时，这两个脚本才能相互通信。window.postMessage() 方法提供了一种受控机制来规避此限制，只要正确的使用，这种方法就很安全。从广义上讲，一个窗口可以获得对另一个窗口的引用（

175 阅读

收藏
3 个月前 / 远方的远方

记不住的css属性

文字超出显示省略号1、超出一行显示省略号.ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 500px;}2、超出多行显示省略号div { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; word-break: break-all

169 阅读

收藏
3 个月前 / Tz_BB

详细的谈一谈apply, call, bind

01 前言这又是一个面试经典问题，也是 ES5 中众多坑中的一个。虽然在 ES6 中可能会极大避免 this 产生的错误，但是为了一些老代码的维护，详细的了解一下 this 的指向和 call、apply、bind 三者的区别还是很有必要的。02 this的指向了解call，apply，bind之前我们先来了解下js中 this 的指向。其实 this 的指向，始终坚持一个原理： this 永远指向最后调用它的那个对象。下面我们就来讨论下这些场隐式绑定的场景this指向:全局上下文直接调用函数对

158 阅读

收藏

加载中...