草庐IT

纯前端

全部标签

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

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

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

轮播图大家肯定都不陌生,因为这是前端最为常见的一个功能,现在随着框架和一些插件的兴起,很少人会去原生的去写轮播图,所以今天带大家写一下原生的轮播图来熟悉一下最为主要的就是得知道这张图片的宽度,因为每一次移动的距离就是这张图片的宽度,但是宽度我们不能给死,每一张图片的大小是不一样的,所以根据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小结:接收机的评价指标三、总结四、参考资料一、雷达原理与系统概述  雷达

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:/

全栈工程师必须要掌握的前端Html技能

作为一名全栈工程师,在日常的工作中,可能更侧重于后端开发,如:C#,Java,SQL,Python等,对前端的知识则不太精通。在一些比较完善的公司或者项目中,一般会搭配前端工程师,UI工程师等,来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师,在一些小型项目或者初创公司中,职能划分并不明确,往往要一个人前后端全都会做, 所以作为一名全栈工程师或者后端工程师,掌握必备的前端知识,也是必不可少的一项技能。今天就着重讲解一下,作为一名全栈工程师,前端Html方面的必须要掌握的相关知识。 HTML介绍Html是用来描述网页的一种语言,被称之为超文本标记语言。用HTML编写

如何使用前端桌面应用程序框架(Electron等)?

聚沙成塔·每天进步一点点⭐专栏简介前端入门之旅:探索Web开发的奇妙世界欢迎来到前端入门之旅!感兴趣的可以订阅本专栏哦!这个专栏是为那些对Web开发感兴趣、刚刚踏入前端领域的朋友们量身打造的。无论你是完全的新手还是有一些基础的开发者,这里都将为你提供一个系统而又亲切的学习平台。在这个专栏中,我们将以问答形式每天更新,为大家呈现精选的前端知识点和常见问题解答。通过问答形式,我们希望能够更直接地回应读者们对于前端技术方面的疑问,并且帮助大家逐步建立起一个扎实的基础。无论是HTML、CSS、JavaScript还是各种常用框架和工具,我们将深入浅出地解释概念,并提供实际案例和练习来巩固所学内容。同时

屏幕分辨率:PC / 手机 屏幕常见分辨率,前端如何适配分辨率

一、常见的PC屏幕分辨率序号水平像素点数和垂直像素点数也被称为常见显示器11366×768720p或HDReady常见于笔记本电脑和低端桌面显示器21920×10801080p或FullHD/ 全高清高端笔记本电脑和中高档台式机32560×14402K分辨率常见于高端笔记本电脑和高端台式机43840×21604K分辨率或UltraHD(UHD)常见于高端笔记本电脑、高端台式机和专业显示器55120×28805K分辨率常见于高端苹果电脑和专业显示器67680×43208K分辨率目前还是比较少见,常见于专业视频制作显示器注意:分辨率的数字表示水平像素点数和垂直像素点数,例如1920x1080意味着