前端 - sdk社区 | 技术至上

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

为开发者收集非常好的 API

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

7424 阅读

收藏
2 年前 / 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

7390 阅读

收藏
2 年前 / 香芋味的猫

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

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

2867 阅读

收藏
2 年前 / timing

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

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

2784 阅读

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

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

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

2326 阅读

收藏
1 年前 / 零00

vscode插件Px2vw-px转vw

vw、vh单位1vw = 1/100 视口宽度1vh = 1/100 视口高度例如：一个视口宽度为375px,则 1vw = 37.5px一个视口宽度为750px,则 1vw = 75px一般用vw就够了，根据视口宽度变化而变化Px2vw安装Px2vw修改视口宽度Px2vw默认视口宽度为750，可以根据需要修改为所需宽度Px2vw的使用安装好后，打完px单位后，会自动跳出转换成VW单位的提示框，选中改选项就可以了：

2270 阅读

收藏
8 个月前 / 零00

vue2-生产环境CORS跨域问题解决(配置代理proxy)

开发时，如果 API接口没有开启CORS跨域资源共享，前端请求接口地址时就会报错，解决方法：配置 proxy 代理vue2 配置代理方法示例：前提：安装了 axiosmain.js 文件中设置基础访问路径:import axios from 'axios'// 设置访问地址基础路径// axios.defaults.baseURL = "https://www.escook.cn" ，将原来的路径换成本地地址axios.defaults.baseURL = "http://localhos

2257 阅读

收藏
7 个月前 / 零00

js-数据类型判断方法

javascript中常用数据类型判断方法有：typeof、instanceof、constructor、Object.prototype.toString.call()typeof- - -可以检测出基本数据类型（除了null）检测方法： typeof xx优点：使用简单缺点：复杂类型检测出来都是 object，null 也是 objectinstanceof 原型链检测检测方法：xx instanceof yy - - -检测 xx 的原型链上是否存在 yy优点：能检测出引用类型缺点：in

2196 阅读

收藏
8 个月前 / 零00

vue2-ElementUI-加载效果

前提：安装了 axios安装了ElementUI使用方法：1. 从ElementUI 中导入 Loading- - -import { Loading } from 'element-ui';2. 配置 axios 的请求和响应相关方法axios.interceptors.request.use() 和 axios.interceptors.response.use() 都接收两个回调函数，第一个是成功的回调函数，第二个是失败的回调函数，失败的可以省略不写a. 请求时，显示加载效果，配置- -

2109 阅读

收藏
2 年前 / 零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文件中进行配置配置方法小提示：

2012 阅读

收藏
9 个月前 / 零00

vue-单页面应用程序优缺点及解决方法

单页面应用程序- - -功能都基于一个页面实现优点1. 良好的交互体验① 不用加载整个页面② 获取数据通过ajax异步获取③ 无页面之间的跳转，不会出现白屏2. 良好的前后端工作分离模式后端提供api前端专注于页面的渲染3. 减轻服务器的压力服务器只提供数据，不负责页面的合成与逻辑的处理，吞吐能力会提高几倍缺点1. 首屏加载慢解决办法：① 路由懒加载② 代码压缩③ CDN加速④ 网络传输压缩2. 不利于SEO解决方法：SSR服务端渲染

1960 阅读

收藏
7 个月前 / 零00

vue-组件之间数据传递

父子组件之间数据传递父向子：属性绑定v-bind(简写 : ) + props父组件中使用子组件时，绑定属性传递数据给子组件，子组件使用 props 进行数据的接收eg:父组件传递数据：子组件接收和使用数据： {{ num }} export default { // 、、、 // 接收数据 props: ['num'], // 、、、}子向父：自定义事件 $emit子组件传递数据：this.$emit('自定义事件名', '要传递的数据')父组件：接收数据：me

1716 阅读

收藏
9 个月前 / 零00

vant2-上拉加载、下拉刷新

可以使用vant组件库实现-上拉刷新、下拉加载功能vant2开发指南：htt[ps://youzan.github.io/vant/v2/#/zh-CN/list上拉加载- - -List列表将 van-list 标签包裹要循环显示的内容外层配置：loading参数、finished参数、onLoad方法通过loading - - - 控制数据的加载，false 代表没有正在刷新，true 代表正在刷新finished - - - 控制数据是否加载完毕，true 代表数据全部加载完

1705 阅读

收藏
2 年前 / 落雁沙

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

1565 阅读

收藏
9 个月前 / 零00

vue2-vant组件库的使用

vant 官网：https://youzan.github.io/vant/v2/#/zh-CN/quickstart注意：vue2 和 vue3 中安装 vant 有差别，具体安装和使用方法查阅官网文档vant 有全局引入和按需引入，具体操作可以查阅 vant官方文档安装使用步骤参考：（1） npm 安装- - -npm i vant@latest-v2 -S（2）在main.js 中进行 vant 配置// 导入vant包和其相关样式import Vant from 'vant'i

1539 阅读

收藏

加载中...