草庐IT

纯前端

全部标签

vue纯前端页面pdf导出下载

下载插件npminstallhtml2canvas--savenpminstalljspdf--save创建导出函数文件htmlToPdf.js//导出页面为PDF格式importhtml2Canvasfrom'html2canvas'importJsPDFfrom'jspdf'exportdefault{install(Vue,options){Vue.prototype.getPdf=function(fileName,divId){varelement=document.getElementById(divId)vartitle=fileName//PDF文件标题varc=documen

【前端打怪升级日志之微前端框架篇】微前端qiankun框架子应用间跳转方法

参考链接qiankun官网:微应用之间如何跳转?1.主应用、子应用路由都是hash模式  主应用根据hash来判断微应用,无需考虑该问题2.主应用根据path判断子应用方法实现适用条件参数传递存在问题a标签跳转页面重新刷新,原来的状态丢失,用户体验不好h5提供的history.pushState()方法history.pushState(state,title[,url])详见:history.pushState()微应用的路由模式为histroy传参:通过state状态对象取参:history.state不够优雅和友好通过props调主应用的路由实例,主应用再去匹配分发到子应用路由在子应用注

【直接收藏】前端JavaScript面试100问(中)

31、http的理解?HTTP协议是超文本传输协议,是客户端浏览器或其他程序“请求”与Web服务器响应之间的应用层通信协议。HTTPS主要是由HTTP+SSL构建的可进行加密传输、身份认证的一种安全通信通道。32、http和https的区别?1、https协议需要到ca申请证书,一般免费证书较少,因而需要一定费用。2、http是超文本传输协议,信息是明文传输,https则是具有安全性的ssl加密传输协议。3、http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。4、http的连接很简单,是无状态的;HTTPS协议是由SSL+HTTP协议构建的可进行加密传输

前端已死?全栈当立?取法于中,仅得其下。

开篇明义,前端已死?根本就是扯淡。前端技术精微渊深,驳杂宽广,除了基础的HTML、CSS和JavaScript技术外,前端技术还涉及到许多其他相关技术和工具,比如前端框架、UI库、自动化构建工具、代码管理工具等等。这些技术并没有死,反而生态圈愈发健壮,但为什么前端已死的论调甚嚣尘上?前端市场萎靡前端技术并未消亡,但前端工程师的坑位却逐年减少,为什么?是由于竞争加剧、市场饱和、经济衰退等多种因素导致的。每年都有海量的应届生进入市场,但是岗位就那么多,三年经济下行,不是短时间能够缓过来的,所以前端岗的HeadCount比往年少也是合乎逻辑的,再者说,所谓出来混,迟早都要还,从2015年开始,前端岗

12-web前端轮播图案例 (小米商城)

说明:轮播图在前端开发中是一种常见的元素,通常用于展示一系列的图片或者内容,并通过滑动或者点击的方式进行切换。使用JavaScript来实现轮播图有以下几个意义:提升用户体验:轮播图可以在有限的空间内展示更多的内容,为用户提供更多的信息。同时,轮播图也具有较好的视觉效果,可以吸引用户的注意力。提高页面加载速度:如果页面中有大量的图片或者内容需要展示,那么一次性加载所有内容可能会导致页面加载速度变慢。使用轮播图可以分批次加载内容,提高页面加载速度。节省空间:轮播图可以将多个图片或者内容整合在一起,减少页面中的空间占用,使页面更加整洁。实现动态效果:使用JavaScript可以实现轮播图的动态效果

【面试题】前端 移动端自适应?

移动端h5开发中有一个绕不开的话题:移动端自适应方案。移动端的设备尺寸不尽相同,要把UI设计图较好地展示在移动端上,需要让h5页面能自适应设备尺寸。接下来将对移动端自适应的相关概念、方案和其他一些常见问题做个介绍。概念简介大厂面试题分享面试题库前后端面试题库(面试必备)推荐:★★★★★地址:前端面试题库设备像素、设备独立像素和CSS像素设备像素(物理像素)1个设备像素就代表1个真实的像素点,是设备能控制显示的最小单位。iphone6的设备像素750*1334,也就是说iphone6屏幕上有750*1334个像素点。设备独立像素(逻辑像素)与设备无关的逻辑像素,代表可以通过程序控制使用的虚拟像素

记录--前端实现并发请求限制

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言前两天我的新同事告诉我一个困扰着他的问题,就是低代码平台中存在很多模块,这些模块的渲染是由模块自身处理的,简言之就是组件请求了自己的数据,一个两个模块还好,要是一次请求了几十个模块,就会出现请求阻塞的问题,而且模块的请求都特别大。大量的并发请求会导致网络拥塞和带宽限制。特别是当网络带宽有限时,同时发送大量请求可能会导致请求之间的竞争,从而导致请求的响应时间延长。因此模块的加载就很不顺畅。。。为了解决这个问题我设计了一个关于前端实现并发请求限制的方案,下面将详细解释这个并发请求限制的方案及实现源码。核心思路及简易实现一、收集需要并发

前端高频面试题汇总正题+(附答案解析)

正题1、1varlength=1;2functionfn(){3console.log(this.length);4}5varobj={6length:100,7action:function(callback){8callback();9arguments[0]();10}11}12obj.action(fn,...[1,2,3,4]);2、1vara=10;2functiontest(){3console.log(a);4a=100;5console.log(this.a);6vara;7console.log(a);8}9test();3、1vara=10;2functionf1(){3

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

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

代码层面探索前端性能

前言最近在做性能优化,具体优化手段,网上铺天盖地,这里就不重复了。性能优化可分为以下几个维度:代码层面、构建层面、网络层面。本文主要是从代码层面探索前端性能,主要分为以下4个小节。使用CSS替代JS深度剖析JS前端算法计算机底层使用CSS替代JS这里主要从动画和CSS组件两个方面介绍。CSS动画CSS2出来之前,哪怕要实现一个很简单的动画,都要通过JS实现。比如下面红色方块的水平移动:对应JS代码:letredBox=document.getElementById('redBox')letl=10setInterval(()=>{l+=3redBox.style.left=`${l}px`},