草庐IT

前端面试

全部标签

前端H5微信支付宝支付实现

前端H5微信支付宝支付实现以uniapp项目为例支付宝的首先是一个支付类型选择页面,在选择支付宝支付后,跳转到一个空白页,用于支付宝支付的中转页面。在点击立即支付之后,直接跳转至自行设置好的空白页就好,并把你生成订单所需要的数据一并带过去。uni.navigateTo({url:`/pages/alipaying/alipay?orderNum=${this.orderNum}&price=${this.orderinfo.price}`,});接下来就是重点操作了(其实非常简单),在跳转这个页面之后直接调用后端接口,将数据传给后端生成订单,并且还需要两个地址,一个是取消支付的回调地址(qui

MySQL第九讲·百度面试:索引怎么提高查询的速度?

你好,我是安然无虞。文章目录索引:怎么提高查询的速度?索引是什么?单字段索引如何创建单字段索引?单字段索引的作用如何选择索引字段?组合索引如何创建组合索引?组合索引的原理总结索引索引相关面试题MySQL索引的底层实现索引创建原则索引优缺点索引失效场景索引:怎么提高查询的速度?在超市信息系统刚刚开始运营的时候,因为数据量很少,每一次的查询都能很快拿到结果。但是,系统运转时间长了以后,数据量不断地累积,变得越来越庞大,很多查询的速度就变得特别慢。这个时候,我们就采用了MySQL提供的高效访问数据的方法——索引,有效地解决了这个问题,甚至之前的一个需要8秒钟才能完成的查询,现在只用0.3秒就搞定了,

前端轮播图最简单实现(小白也能学会)

轮播图大家肯定都不陌生,因为这是前端最为常见的一个功能,现在随着框架和一些插件的兴起,很少人会去原生的去写轮播图,所以今天带大家写一下原生的轮播图来熟悉一下最为主要的就是得知道这张图片的宽度,因为每一次移动的距离就是这张图片的宽度,但是宽度我们不能给死,每一张图片的大小是不一样的,所以根据js的clientWidth来获取,这样不管图片是多大都能获得这张图片的大小,第一步的移动距离就完成了,核心部分也就完成了    然后就是选择的定时器,这里一定要用setInterval这个定时器,不能用setTimeout,主要原因就不细说了,大家应该是都很熟悉的。        最后就是轮播到最后一张图片

前端ngnix部署

一、nginx是什么nginx官方介绍:“Nginx是一款轻量级的HTTP服务器,采用事件驱动的异步非阻塞处理方式框架,这让其具有极好的IO性能,时常用于服务端的反向代理和负载均衡。”nginx的优点支持海量高并发:采用IO多路复用epoll。官方测试Nginx能够支持5万并发链接,实际生产环境中可以支撑2-4万并发连接数。内存消耗少可商业化配置文件简单除了这些优点还有很多,比如反向代理功能,灰度发布,负载均衡功能等二、安装linux如果是centos大家也可以直接用yum安装也是很方便的window通过docker安装(推荐)。三、配置文件cd/conf/nginx 进入配置文件目录v

2023前端最全Vscode插件合集

前言本人情况:接触Vscode两年多,前端实习近一年左右插件包含:主题美化、自动补全、头部注释等插件说明:本文推荐插件排名不分先后,均为自用插件。使用Vscode这两年中用过形形色色的各种插件,最后留下的就只剩这些,若你还有其他好用插件,欢迎评论区讨论。二、挨个详解1、汉化Vscode,必备插件之一2、OneDarkPro,经典主题3、FiedlLightsTheme,我独爱的一款主题,非常耐看3、IntelliCode:图标插件,效果如下图4、background-cover:自定义背景5、koroFileHeader:安装配置好后,自动生成头文件注释6、TabnineAI:强大的代码提示工

毫米波雷达的硬件架构与射频前端

说明  本篇博文梳理(车载)毫米波雷达的系统构成,特别地,对其射频前端各部件做细节性的原理说明。本篇博文会基于对这方面知识理解的加深以及读者的反馈长期更新内容和所附资料,有不当之处或有其它有益的参考资料可以在评论区给出,我们一起维护,我会定期完善。Blog:20221008博文第一次写作。文章架构目录说明文章架构一、雷达原理与系统概述二、射频前端构成与理解2.1本振(波形产生器)2.2倍频器2.3功分器2.4移相器2.5PA2.6小结:发射机的主要评价指标2.7LNA2.8混频器2.9滤波器2.10接收机的增益控制2.11小结:接收机的评价指标三、总结四、参考资料一、雷达原理与系统概述  雷达

面试官最常问的10道测试用例和5道思维面试题及答案,每1题都很经典

软件测试面试中,测试用例是非常容被问到的一个点,今天小编就给大家把最常见的20道测试用例方面的问题给大家整理出来,希望对大家的面试提供帮 需要此大厂面试题集的可以加我群:786229024获取,也可以一起交流技术。测试用例10道面试题1、什么是测试用例答:测试用例的设计就是如何覆盖所有软件表现出来的状态,即在满足输入/输出的一组条件下,软件运行是一系列有次序的、受控制的状态变化过程。2、设计用例的好处?答:设计用例的过程可以更深刻的理解需求,熟悉各功能点,保证尽可能全的覆盖到各测试点。也便于用例评审。3、用例必备4个方面?答:预置条件、执行步骤、预期结果、测试结果;用例要点:需包括与其他模块耦

uniapp制作app与小程序前端——底部导航栏

项目场景:app用uniapp制作一个app功能板块:xxx,xxx,xxx,xxx,xxx问题描述板块的需求:1.导航栏——包括5大分区2.呈现内容——待定~实操分析:导航栏思路:1.基于uniapp官网给定的模板与组件进行修改2.上网找课程跟随操作1.创建新项目,注:pages——页面文件存放处static——静态内容存放处(图片)pages.json——全局配置区manifest.json——打包配置区2.打开uniapp官网,点击“全局文件”,选择“tabBar”(重点看list的配置)tabbar配置代码如下(原装,需修改)"tabBar":{ "color":"#7A7E83",

【前端】浏览器的渲染流程(完整)

本文主要包含以下内容:浏览器渲染整体流程解析HTML样式计算布局分层生成绘制指令分块光栅化绘制常见面试题浏览器渲染整体流程浏览器,作为用户浏览网页最基本的一个入口,我们似乎认为在地址栏输入URL后网页自动就出来了。殊不知在用户输入网页地址,敲下回车的那一刻,浏览器背后做了诸多的事情。去除DNS查找等这些细枝末节的工作,整个大的部分可以分为两个,那就是网络和渲染。总体流程粗略概览1、浏览器查找域名对应的IP地址(DNS查询:浏览器缓存->系统缓存->路由器缓存->ISPDNS缓存->根域名服务器)2、浏览器向Web服务器发送一个HTTP请求(TCP三次握手)3、服务器301重定向(从HTTP:/