前端 - sdk社区 | 技术至上

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

为开发者收集非常好的 API

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

27299 阅读

收藏
4 年前 / timing

vuex的基本使用以及如何向dispatch传递多个参数

1. 什么是vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。状态管理中包含一下几点:state，驱动应用的数据源；view，以声明方式将 state 映射到视图；actions，响应在 view 上的用户输入导致的状态变化。2. 使用vuex3.使用mutations修改state(同步)4.使用dispath修改state(异步)5.mutations和dispath的存值以及

26557 阅读

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

22229 阅读

收藏
3 年前 / 零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单位的提示框，选中改选项就可以了：

15594 阅读

收藏
4 年前 / timing

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

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

15159 阅读

收藏
4 年前 / 香芋味的猫

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

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

14873 阅读

收藏
2 年前 / 小乌龟

「2022卡塔尔世界杯H5」赛程、积分榜、晋级图Demo

基于聚合数据的2022世界杯赛程数据接口，开发的世界杯赛程H5 Demo。大家可以在这基础上，自行DIY修改调整。一、如何使用1.1、申请接口key首先，通过 https://www.juhe.cn/docs/api/id/616 注册并申请一个2022世界杯赛程接口请求key1.2、下载代码下载附件中的源代码。将1.1所获得的 appkey 替换js/config.js文件中第二行的appkey值即可。// 数据接口请求密钥keyvar appKey = '*****************

14583 阅读

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

14094 阅读

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

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

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

13979 阅读

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

13622 阅读

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

如何使用ESLint和Prettier进行代码分析和格式化

我们在开发工作中，经常会进行代码分析和代码格式化，ESlint和Prettier几乎是当前最流行的工具了，极大的提高了我们的开发效率。两者的区别在于ESlint通常负责查找和报告代码内部的不同模式，旨在处理JavaScript文件，确保代码没有明显错误的问题。Prettier是一种代码格式化程序，于ESlint不同，它支持多种语言，如JavaScript、HTML、Css、GarphQL、Markdown等。这两种工具在开发社区中都有很好的支持，并且在大多数的编辑器中都可以使用它们的扩展。Vis

13377 阅读

收藏
2 年前 / 零00

js-数据类型判断方法

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

13326 阅读

收藏
2 年前 / 零00

vue2-ElementUI-加载效果

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

13156 阅读

收藏
4 年前 / 不修边幅

Flutter 安全区域布局（safeArea）

Flutter 安全区域布局（safeArea）一旦有部件固定在顶部或者底部（严谨点的话可以说是在屏幕的四边）。那我我们最好使用SafeArea来包一下。因为Android 和 IOS都有状态栏和底部六百，所以一不留神就会出现适配问题。我们在Flutter中常使用的BottomNavigationBar 和 AppBar 其实就在内部使用了safeArea来布局实例Scaffold(backgroundColor: ColorGrey248,body: SafeArea(top: false,

12491 阅读

收藏
4 年前 / 远方的远方

使用Vue3.0+Element-plus+Vue-router4.0（并对利用导航守卫对路由进行二

文章目录前言一、如何创建一个Vue3.0项目？1.通过vue-cli3.0 进行搭建，选择Vue3.0即可二、引入Vue-router4.0版本并对其进行封装1.引入路由2.二次封装三、按需引入Element-Plus1.设置按需引入2.进行二次封装四、实现效果（忽略样式）总结

11526 阅读

收藏

加载中...