草庐IT

前端video-player

全部标签

前端实现PDF预览【vue】

前言:项目中提出这样一个需求,在移动端H5页面预览pdf功能。pdf文件由后端返回的一个地址,前端实现展示预览pdf文件在此仅提供两种方法:一、使用iframe标签通过src属性直接展示pdf文件    坑点:兼容比较差,PC端能正常展示,移动端会出现空白的问题二、使用第三方插件pdfjs,PC端和移动端都能正常展示1.安装插件:npmipdfjs-dist2.引入插件://以es5形式引入,解决低端浏览器兼容性问题//插件引入两种方式:第一种引入如果出现报错environmentlacksnativesupport…就改成第二种引入//第一种constPDFJS=require("pdfjs

web前端之JavaScrip的笔试题

MENUPromise笔试题-02prototype和__proto__的笔试题JavaScript引用类型值值操和运算符优先级比较--笔试原型与原型链--笔试-05作用域-笔试事件队列-笔试题JavaScript之变量提升-笔试题JavaScript之原型链--笔试题Promise笔试题-02console.log(1);//宏仁务2setTimeout(_=>{ console.log(2);},1000);asyncfunctionfn(){ console.log(3); //宏仁务3 setTimeout(_=>{ console.log(4); },20); //结果为失败 /

前端常识-console控制台打印调试

  Console 对象提供了浏览器控制台调试的接口(如:Firefox的 WebConsole)。在不同浏览器上它的工作方式可能不一样,但通常都会提供一套共性的功能。  Console 对象可以从任何全局对象中访问到,如浏览器作用域上的 Window,以及通过属性控制台作为workers中的特定变体的 WorkerGlobalScope。可以通过 Window.console 引用,也可以简单的通过 console 引用。例:console.log("Failedtoopenthespecifiedlink")    本页面记录了 Console 对象上的方法并给出了几个 Usage (用例

前端 JavaScript 与 HTML 怎么实现交互?

前端的交互性是通过JavaScript与HTML结合实现的。JavaScript作为一种脚本语言,可以嵌入HTML中,通过对DOM(文档对象模型)的操作,实现与用户的交互。以下将详细介绍前端JavaScript与HTML如何实现交互,包括事件处理、DOM操作、表单交互等方面的内容。1.事件处理事件是指用户在页面上的动作,比如点击按钮、输入文本、移动鼠标等。JavaScript通过事件处理来响应这些用户动作。常见的事件包括点击事件(click)、键盘事件(keydown、keyup)、鼠标事件(mousemove、mousedown、mouseup)、表单事件(submit、change)等。1

前端源码泄露

sourcemapsourcemap文件是js文件压缩后,文件的变量名替换对应、变量所在位置等元信息数据文件,一般这种文件和min.js主文件放在同一个目录下。比如压缩后原变量是map,压缩后通过变量替换规则可能会被替换成a,这时sourcemap文件会记录下这个mapping的信息,这样的好处就是说,在调试的时候,如果有一些JS报错,那么浏览器会通过解析这个map文件来重新merge压缩后的js,使开发者可以用未压缩前的代码来调试漏洞风险攻击者可以通过泄露的前端源代码可以针对源代码对代码中各种信息如隐蔽接口、API、加密算法、管理员邮箱、内部功能等等,或者接口API可以尝试未授权漏洞,拼接接

无法在OpenCart 1.5.6中登录前端

如果客户在其新帐户中注册,则他们无法登录其帐户,而他们只会一次又一次地看到登录页面,而不会在控制台上发送任何错误。他们第一次注册帐户后甚至看不到“myaccount”页面。当客户在登录页面上输入登录信息并点击登录按钮时,页面刷新而不发送任何错误消息,如果您在购物车中有任何项目,则项目数量随刷新页面增加而增加,当您单击登录按钮时,就会发生这种情况。如果我将旧客户用户电子邮件和密码用于登录客户帐户,则其登录并重定向“myaccount”页面,并且运行良好。如果有人对此有任何想法,请与我分享。谢谢看答案不,您最好使用火箱因为如果您正在执行云消息传递,则要容易得多。也有Google的火箱云消息传递,您

Axios进阶指南:构建可靠的前端网络请求

Axios进阶指南:构建可靠的前端网络请求Axios1、Axios的理解和使用1.1Axios概述1.2Axios特点1.3Axios常用语法1.4难点语法的理解和使用2、Axios源码分析2.1源码目录结构2.2源码分析Axios1、Axios的理解和使用1.1Axios概述前端最流行的ajax请求库react/vue官方都推荐使用axios发ajax请求文档:https://github.com/axios/axiosaxios中文网:axios中文网|axiosAPI中文文档|axios(axios-js.com)1.2Axios特点基于xhr+promise的异步ajax请求库浏览器端

在springBoot中使用JWT实现1.生成token,2.接收前端token进行身份认证,3.通过token获取对象信息

1.使用JWT生成token第一步:引入依赖com.auth0java-jwt3.10.3第二步:创建工具类在until包下创建TokenUntil类,用于生成token利用id,和password作为参数生成tokenJWt为这个包下的对象importcom.auth0.jwt.JWT;packagecom.example.mybatis_plus_generator.untils;importcn.hutool.core.date.DateUtil;importcom.auth0.jwt.JWT;importcom.auth0.jwt.algorithms.Algorithm;import

docker持久化部署vue前端nodejs后端项目-- 01. docker以及docker-compose在window以及linux的安装

本章节主要来讲述dockerdesktop界面版本使用以及docker-compose的安装和使用GIT地址:添加链接描述docker专栏:点击此处文章目录系列文章前言期望docker1.window开发环境2.linux部署环境docker-composedocker-compose安装docker-compose指令集docker-compose使用系列文章章节1docker以及docker-compose在window以及linux的安装2项目对应的docker-compose结构3怎么将docker-compose项目部署到服务器上4配置服务器JENKINS环境额外篇章节1Sentry

前端monorepo大仓权限设计的思考与实现

一、背景前端monorepo在试行大仓研发流程过程中,已经包含了多个业务域的应用、共享组件库、工具函数等多种静态资源,在实现包括代码共享、依赖管理的便捷性以及更好的团队协作的时候,也面临大仓代码文件权限的问题。如何让不同业务域的研发能够顺畅的在大仓模式下开发,离不开有效的权限管理方法。好的权限管理方法能够确保研发同学轻松找到和理解项目的不同部分,而不受混乱或不必要的复杂性的影响,并且也应该允许研发同学合作并同时工作,同时也要确保代码合并的更改经过代码审查,以维护代码的质量和稳定性。本文通过实践过程中遇到的一些问题以及逐步沉淀下来的最佳实践,来阐述下前端大仓monorepo在权限这块是如何思考以