前端 - sdk社区 | 技术至上

1 年前 / 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

7003 阅读

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

为开发者收集非常好的 API

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

6531 阅读

收藏
2 年前 / timing

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

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

5657 阅读

收藏
1 年前 / 远方的远方

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

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

2751 阅读

收藏
2 年前 / timing

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

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

2354 阅读

收藏
2 年前 / 香芋味的猫

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

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

2298 阅读

收藏
2 年前 / 不修边幅

Flutter 安全区域布局（safeArea）

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

2249 阅读

收藏
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: '图片地址',

2003 阅读

收藏
2 年前 / king

前端装逼技巧 108 式（一）—— 打工人

你在拼多多到处找人砍价，他在滴滴打车求人助力，我在电子厂拧螺丝拧到凌晨，我们都有光明的未来！早安，打工人！楔子作为一名拥有钢铁般意志的前端打工人，装逼是不可能的，这辈子都不可能装逼。如果真要装逼，那就大家一起装逼，毕竟前端要讲武德嘛，要耗子尾汁。遂决定写下前端装逼技巧108式，供诸君茶余饭后一乐，时不时秀个骚操作，为打工的生活增添一抹亮色。因作为打工人，时间、精力有限，目前大纲只有约50式，还请诸君有好的装逼要点私信或者在评论区留言，也可在我的博客页面扫码添加微信，大家共同探讨装逼大计、

1629 阅读

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

1410 阅读

收藏
2 年前 / 天橙

react-router 跳转前确认Prompt使用

参考文档：react-router中离开确认组件Prompt需求页面切换的时候，会遇到这样的需求：切换时需要判断内容区域编辑后是否保存了，若没保存，则弹出提示框，提示保存。官网示例react router中的Prompt可以实现这样的功能。PromptPrompt文档/** when:是否启用 *//** message:string | func */// 示例1// 示例2 { if (action === 'POP') { console.log("Backing up.

1369 阅读

收藏
1 年前 / 鳄鱼不是鱼 / API的典型场景应用

52个神奇的程序员学习网站，1024算程序员学习网站吗

给大家整理了52个终身受益，堪称神器的学习网站，什么行业的学习网站都有，推荐给大家，里面都是满满的干货，我就不过多介绍了，大家自行探索，觉得没用的，尽管留言吐槽吧，如果觉得不错的话，文末请点赞。社区类1、GitHub我就不吭气，不知道这个都不要说自己是程序员2、stackoverflow这个是程序员最好的问答网站，不接受反驳3、CSDNIT行业的所有岗位的知识内容都有，写博客首推csdn博客哦4、v2ex自行探索，绝对好用5、quora国外版知乎6、知乎正版知乎，每个想了解的岗位都有相关的话题7

1266 阅读

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

JS执行机制与Event Loop

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

1258 阅读

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

1247 阅读

收藏
2 年前 / Tz_BB

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

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

1202 阅读

收藏

加载中...