前端 - sdk社区 | 技术至上

更多

热门最新

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

为开发者收集非常好的 API

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

1 赞

0 评论

收藏
2 个月前 / wex

JS执行机制与Event Loop

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

2 赞

0 评论

收藏
1 个月前 / 图雀社区

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

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

3 赞

1 评论

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

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

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

2 赞

3 评论

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

DOM的classList属性

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

1 赞

1 评论

收藏
1 个月前 / Tz_BB

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

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

0 赞

0 评论

收藏
1 个月前 / 图雀社区

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

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

0 赞

1 评论

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

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

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

1 赞

1 评论

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

ECMASscript 6 入门（一）

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

0 赞

0 评论

收藏
1 个月前 / wex

前端面试题解析

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

1 赞

1 评论

收藏
1 个月前 / Tz_BB

详细的谈一谈apply, call, bind

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

0 赞

0 评论

收藏
1 个月前 / 用户_1603643655

前端性能优化

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

0 赞

0 评论

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

记不住的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

1 赞

0 评论

收藏
2 个月前 / wex

手写 call，apply，bind，new原生方法

前言记录一下最近学习的一些原生 JS 方法的实现，中间会用到一些es6的语法，有兴趣的朋友可以参考阮一峰 ES6 入门教程，留个赞再走呗。实现 call 方法// 将方法挂在到顶层函数 Function 的原型上，这样保证都能访问Funtion.prototype.myCall = function (...rest) { // 获取第一个参数为目标函数 var thisArg = rest[0] // 判断第一参数是否为原始值，如果是则通过构造函数包装成对象 var thisArgTy

0 赞

0 评论

收藏
25 天前 / 香芋味的猫

旋转图片验证码防御能力到底有多高、人机校验现巨大漏洞？

旋转图片验证码，一个为防止爬虫攻击的行为验证产品。它是由最初的字符验证码演变而来，与其相似的产品还有滑动拼图，文字点选，以及刮涂层等产品。这些产品有很多共同点，它们的目标都是为了防止爬虫攻击，防止一些恶意的程序来爬取网站数据，或者恶意注册等等，它们都统称为人机校验程序。当然这些所谓的人机校验程序也就是反爬攻城狮们为了对抗爬虫攻城狮迫于无奈而想出的这些招数。对于爬虫攻城狮来讲也破解就是时间问题，而对于用户来将，这些产品反而是降低了用户体验。那么问题来了，旋转图片验证码到底如何破解呢？且先看一下破解

0 赞

0 评论

收藏

加载中...