前端 - sdk社区 | 技术至上

更多

热门最新

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

为开发者收集非常好的 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 评论

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

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

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

2 赞

3 评论

收藏
2 个月前 / Tz_BB

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

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

0 赞

0 评论

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

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

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

1 赞

1 评论

收藏
2 个月前 / 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 评论

收藏
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 评论

收藏
1 个月前 / 香芋味的猫

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

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

0 赞

0 评论

收藏
23 天前 / 搬运工2号

前端菜鸟让接口提速60%的优化技巧

背景好久没写文章了，沉寂了大半年持续性萎靡不振，间歇性癫痫发作天天来大姨爹，在迷茫、焦虑中度过每一天不得不承认，其实自己就是个废物作为一名低级前端工程师最近处理了一个十几年的祖传老接口它继承了一切至尊级复杂度逻辑传说中调用一次就能让cpu负载飙升90%的日天服务专治各种不服与老年痴呆我们欣赏一下这个接口的耗时平均调用时间在3s以上导致页面出现严重的转菊花经过各种深度剖析与专业人士答疑最后得出结论是：放弃医疗鲁迅在《狂人日记》里曾说过：“能打败我的，只有女人和酒精，而不是bug”每当身处黑暗之时这

0 赞

0 评论

收藏
1 个月前 / 科技男 / 前端开发

React项目中应对dev、test、prd环境下使用不同全局常量的问题

在开发过程中，避免不了后端在开发、测试、生产环境不一致的情况，这不最近就遇到这样的问题：在开发和测试环境，后端需要一个参数比如：zone=hk1，在生产环境中需要的参数又是zone=hka，那么解决这种问题的方法也不是唯一的，这里只介绍一种通过配置文件完成的过程。我们在构建react项目时，会执行 npm run eject，导出react脚手架隐藏的配置文件，那么我们就可以通过这些配置文件去完成相应的转换。在执行eject之后，在根目录下会生成config， scripts等文件夹我们看下co

2 赞

0 评论

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

Javascript数组的迭代方法（forEach、map、filter、some、every等）

Javascript迭代方法js中数组各种迭代方法等，总是容易记混，特地来记录下，以便以后查阅Array.forEach() 对数组中的每一项运行给定函数，无返回值。该函数接收三个参数（数组项的值、该项在数组中位置、数组本身）；Array.map() 对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。该函数接收三个参数（数组项的值、该项在数组中位置、数组本身）；Array.filter() 对数组中的每一项运行给定函数，返回该函数会返回true的项组成的数组。该函数接收三个参数（数

0 赞

0 评论

收藏
1 个月前 / timing

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

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

0 赞

0 评论

收藏
2 个月前 / Tz_BB

说一说 CSRF 攻击

01 前言Web开发离不开安全这个话题，确保网站或者网页应用的安全性，是每个开发人员都应该了解的事。今天我们就来了解下 CSRF 攻击。02 什么是 CSRF 攻击CSRF 全称是 Cross-site request forgery，翻译过来就是 “跨站请求伪造”，是指引诱用户打开第三方网站，在第三方网站中利用用户的登录状态发起的跨站请求。一般的情况下，点开一个诱导你的链接，黑客会在你不知情的时候做哪些事情呢？1.自动发起 Get 请求黑客网页里面可能有一段这样的代码在用户访问含有这个img的

0 赞

0 评论

收藏
2 个月前 / Tz_BB

浏览器的缓存原理

01 前言作为一个合格的前端工程师，浏览器相关的工作原理是我们进行性能优化的基石，了解浏览器原理也是前端系统知识体系中的重要一环。那关于浏览器的缓存你知道多少呢，本文将详细的来聊一聊浏览器的缓存问题02 浏览器的缓存缓存是性能优化中非常重要的一环，浏览器的缓存机制对开发也是非常重要的知识点。浏览器的缓存分为强缓存和协商缓存两种。强缓存检查阶段无需发送HTTP请求，直接通过服务器返回的响应头中相应的字段来检查是否有效的缓存称为强缓存。检查字段存在于服务器返回的响应头中，告诉浏览器在过期时间前可以直

0 赞

0 评论

收藏

加载中...