草庐IT

c4前端

全部标签

前端(vue)js在线预览PDF、Word、Excel、ppt等office文件

js解決window.open("https://view.xdocin.com/view?src="+encodeURIComponent(url)+'&toolbar=false');可选参数&pdf=true,word文档尝试以pdf方式显示,默认false&watermark=水印文本,显示文本水印;“img:”+图片url表示图片水印,如:img:https://view.xdocin.com/demo/wm.png&saveable=true,是否允许保存源文件,默认false&printable=false,是否允许打印,默认true©able=false,是否允许选择复制内容,

前端html中让两个或者多个div在一行显示,用style给div加上css样式

文章目录前言一、怎么让多个div在一行显示前言DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。DIV在编程中又叫做整除,即只得商的整数。DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。我们知道,默认情况下每个div都是单独一行显示的,那么怎么让多个div在一行显示呢?一、怎么让多个div在一行显示divstyle="display:flex;font-weight:bold">图示:/div>divstyle="display:flex;font-weight:bold">divsty

前端 之 FormData对象浅谈

一、简介​通常情况下,前端在使用post请求提交数据的时候,请求都是采用application/json或application/x-www-form-urlencoded编码类型,分别是借助JSON字符串来传递参数或者key=value格式字符串(多参数通过&进行连接)来传递参数,确实足以覆盖大多数业务场景。但是在文件上传等特殊业务场景下,这两种编码类型就有些捉襟见肘了,例如选择JSON字符串传递参数,在使用JSON.stringify()格式化参数数据时,会将File和Blob对象转化成{},文件数据会丢失。所以此时我们就需要使用第三种编码类型multipart/form-data,使用F

vue项目 前端加前缀(包括页面及静态资源)

具体步骤Vue中配置(1)更改router模式,添加前缀位置:router文件夹下面的index.jsconstrouter=newRouter({base:'/nhtjfx/',//路由前缀(该地方配置后,会发现你的启动地址也会加上这个前缀)mode:'history',//采用history模式URL的路径才跟配置的对应上,不然URL是先加/#再追加配置的地routes:[...]});(2)实现静态文件加前缀位置:vue.config.js静态资源css,js之类的的src或href引用位置会加上这个前缀,会体现在打包后的index.html文件内容例如未加之前:"./static/js

前端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小结:接收机的评价指标三、总结四、参考资料一、雷达原理与系统概述  雷达