前端 - sdk社区 | 技术至上

更多

热门最新

7 个月前 / admin

2021前端面试经常被问到的题(附答案)

面试经常被问到的题一、html51、html常见面试题2、艺术喵 2 年前端面试心路历程（字节跳动、YY、虎牙、BIGO）| 掘金技术征文3.前端 100 问：能搞懂 80% 的请把简历给我4、前端优化二、css1.CSS 基础面试题（附答案）2.如何居中div？3. CSS3新特性4.清除浮动5.media媒体查询6.讲一讲Flex布局，以及常用的属性？7.BFC8.px rem em vh vw之间的区别到底是啥？9.0.5px的线10.12px以下的字体三、javascript1. Sym

4685 阅读

收藏
1 年前 / 云淡风不轻花香不招蝶

为开发者收集非常好的 API

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

3797 阅读

收藏
1 年前 / timing

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

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

1277 阅读

收藏
1 年前 / 科技男 / 前端开发

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

身份证取景框的实现主要是借助于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: '图片地址',

1208 阅读

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

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

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

1066 阅读

收藏
1 年前 / Tz_BB

详细的谈一谈apply, call, bind

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

804 阅读

收藏
1 年前 / wex / ECMAScript 6 简介

JS执行机制与Event Loop

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

797 阅读

收藏
1 年前 / 随心心心远行行

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

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

786 阅读

收藏
1 年前 / Tz_BB

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

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

735 阅读

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

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

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

695 阅读

收藏
9 个月前 / 落雁沙

利用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

663 阅读

收藏
1 年前 / 图雀社区

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

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

618 阅读

收藏
6 个月前 / 零00

Visual Studio Code安装Live Server扩展及自定义配置

一、Visual Studio Code安装Live Server扩展打开Visual Studio Code后，在扩展包安装搜索框内输入‘Live Server’，找到Live Server扩展，点击‘Install’即可安装，如下图所示：二、Live Server扩展自定义配置如果要设置自定义的浏览器访问iP和端口，使用Live Server扩展访问页面时用什么浏览器打开，可以进行如下设置：Live Server其他设置同上在setting.json文件中进行配置配置方法小提示：

589 阅读

收藏
7 个月前 / Jefferson

vue3.0 rem适配手机端

postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 rem lib-flexible 用于设置 rem 基准值 1、安装postcss、lib-flexible npm install postcss postcss-pxtorem --save-devnpm i -S amfe-flexible2、main.js中引入 import 'amfe-flexible';3、创建名为postcss.config.js的文件放在根目录，记得要重新运行项目。 module.

584 阅读

收藏
1 年前 / 搬运工2号

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

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

532 阅读

收藏

加载中...