前端 - sdk社区 | 技术至上

更多

热门最新

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

为开发者收集非常好的 API

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

1264 阅读

收藏
5 个月前 / wex

JS执行机制与Event Loop

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

406 阅读

收藏
4 个月前 / 图雀社区

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

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

347 阅读

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

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

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

339 阅读

收藏
4 个月前 / timing

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

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

319 阅读

收藏
5 个月前 / Tz_BB

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

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

301 阅读

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

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

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

289 阅读

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

小程序实现身份证取景框拍摄

身份证取景框的实现主要是借助于camera 组件及cover-view组件先看下案例wxml代码https://cdn.ctoku.com/201910234221235312.png"></cover-image>js代码Page({/**页面的初始数据*/data: {src: '',show: false},cancelBtn () {this.setData({show: false})},saveImg () {wx.showModal({title: '图片地址',

282 阅读

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

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

258 阅读

收藏
5 个月前 / Tz_BB

详细的谈一谈apply, call, bind

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

235 阅读

收藏
1 个月前 / 落雁沙

利用react-hook-form实现类似antd的form组件

antd的form组件在做表单的时候是比较方便的。但是如果我们不使用antd而是其他的组件库，比如material-ui这种，没有自带form组件的，就需要自己稍微封装一下。利用react-hook-form和react hooks的useContext可以实现类似组件。1.定义一个form-contextimport {createContext} from "react";const formContext = createContext({});export default formCon

213 阅读

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

识别顶象滑动拼图验证码，识别率接近100%

@TOC前言本文详细介绍了破解顶象滑动验证码的所有过程，包括破解思路，实现步骤还有测试结果，相信你看完之后也能轻松破解滑动验证码；一丶解析验证码组成从上面三张图来看，顶象滑动拼图验证码是由一个小的拼图和一个大的背景图组成，拼图的形状各式各样，背景图中有两个阴影缺口：一个跟拼图一样的阴影缺口，还有一个形状不确定大小也不确定的阴影缺口。二丶分析出破解思路首先根据这个验证码的组成，来分析一下我们人要做的事情：按照正常的手动操作流程来看，我们需要看出背景图中与拼图对应的阴影缺口的位置，然后鼠标按住下方滑

211 阅读

收藏
4 个月前 / 搬运工2号

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

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

211 阅读

收藏
3 个月前 / king

Math.random() 还能这样玩？

相信大家对 Math.random 函数都不会陌生，调用该函数后会返回一个伪随机数，对应的取值范围是 [0, 1)。在日常工作中，应用的比较多的场景是生成 UUID，比如：function uuidv4() {return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);re

204 阅读

收藏
2 个月前 / 天橙

你累死累活做业务，绩效还不怎么样，我只能帮你到这了……

前言作为一个业务前端，完成业务需求的同时，还要处理各种线上问题，加班辛苦忙碌了一年，还要被老板说“思考是不够的”、“没有业务 sence”，出去面试，被问项目，也说不出什么有亮点或者有挑战的东西，想做点牛逼的东西，也没有发现什么有价值的方向，好不容易找到一些方向，还要被老板一顿质问，业务价值是什么？ROI 怎样？最终可能就只是做了一点性能优化工作，抽离了一些可复用的组件……不禁让人感叹，业务难、前端难、做业务的前端更难！如果你也有这样的感受和困境，我想告诉你，这真的是太正常了，在阿里内部的技术论

188 阅读

收藏

加载中...