草庐IT

纯前端

全部标签

开发中的花样玩法(前端打工人须知)

一、关于vue使用vant的van-popup,子元素设定固定定位失效问题。position:fixed;原因是该组件使用了transform导致,父元素使用了transform会导致子元素在使用固定定位时失效,解决方法就是把要设置固定定位的子元素放在跟组件平级的位置,变成兄弟元素。这样就能解决二、当浏览器因为有缓存导致页面新增内容不生效的问题解决方法直接Ctrl+F5强制刷新——不走缓存三、代码的另类写法默认按钮默认按钮 四、解决git项目中文件夹首字母改成大写后在远程出现两个文件夹的问题最好的解决方法,直接把原文件复制一份,原文件删了,复制的文件重命名一个新名字——跟原文件名字不一样然后更

Websocket 推送音频文件流,前端播放及下载

DOCTYPEhtml>html>head>metacharset="UTF-8">title>Websocket推送音频文件流,前端播放及下载title>scriptsrc="PCMPlayer.js">script>scriptsrc="base64.min.js">script>scriptsrc="pcmtoWav.js">script>head>body>buttononclick="sendMessage()">开始button>buttononclick="down()">下载button>script>varws=nullvarfiles=[]//创建实例varplayer=n

前端:下载文件(多种方法)

一、简介前端经常会有下载文件的需求,这里总结了几种常用的方法,方便日后查看。二、a标签下载下载三、window.open下载downloadTemple(){window.open(`url`);},四、location.hreflocation.href='https://a.png';五、saveAssaveAs('https://abc.png')六、loadFileSimply6.1、loadFileSimply//loadFileOps.jsimportaxiosOpsfrom'axios';importcookiefrom'js-cookie';import{hasIn}from'

前端如何安全的渲染HTML字符串?

在现代的Web应用中,动态生成和渲染HTML字符串是很常见的需求。然而,不正确地渲染HTML字符串可能会导致安全漏洞,例如跨站脚本攻击(XSS)。为了确保应用的安全性,我们需要采取一些措施来在安全的环境下渲染HTML字符串。本文将介绍一些安全渲染HTML字符串的最佳实践,以帮助你有效地避免潜在的安全风险。一、常见渲染方式首先来看一下如何在HTML、React、Vue、Angular中渲染HTML字符串。HTML在HTML中渲染HTML字符串,可以使用原生JavaScript的innerHTML属性或者创建元素节点并使用appendChild()方法来实现。使用innerHTML属性:可以通过获

【数字IC前端笔试真题精刷(2022.8.14)】大疆——数字芯片开发工程师B卷

声明:本专栏所收集的数字IC笔试题目均来源于互联网,仅供学习交流使用。如有侵犯您的知识产权,请及时与博主联系,博主将会立即删除相关内容。笔试时间:2022年8月14日19:00题目类型:单选题(10x4’=40’)多选题(15x4’=60’)文章目录单选题1、下列关于DFTTransition测试行为错误的是2、下列关于MBIST测试描述不正确的是3、下列哪一个因素与动态功耗无关4、以下哪种存储介质是易失性存储?5、对于一个常规的ISP模块,其输入数据的顺序通常都是raster的(即按照光栅扫描顺序输入一张图片,从左到右,从上往下)。对于这种类型的系统中,如果要用一个MxN的滤波核(其中M是宽

视频网页前端禁止截屏代码实现js

有言在先原理是采用商业级DRM实现,DRM许可证费用目前没有免费服务商,腾讯云价格是0.0056元/次。另外此功能不兼容安卓,安卓系统无法正常播放视频!先展示效果可以看到截屏时刻出现黑屏,录屏也能保证全黑状态。DRM介绍商业级DRM能够实现媒体内容加密保护、防抓包和破解工具破解、防浏览器插件破解、防浏览器插件截录屏。类似于M3U8,它也是提供一个索引文件,之后根据索引文件去找每一个小节视频,播放器自动连贯播放每一小节,看起来是完整的一个视频,所以在一定程度上能够防止抓包。数字版权管理(英语:Digitalrightsmanagement,缩写为DRM)是一系列访问控制技术,通常用于控制数字内容

写一篇前端Vue怎么获取登录的用户名的博客

系列文章目录文章目录系列文章目录前言一、使用全局状态管理(Vuex)获取登录用户名二、使用浏览器本地存储(localStorage)获取登录用户名三、通过后端接口获取登录用户名总结前言在前端开发中,获取登录用户的用户名是一项常见的需求。Vue是一种流行的前端框架,提供了多种方法来获取登录用户名。本文将详细介绍Vue前端获取登录用户名的几种方法,帮助你在实际项目中轻松应用。一、使用全局状态管理(Vuex)获取登录用户名创建Vuexstore,并在其中定义一个用于存储用户名的状态。//store.jsimportVuefrom'vue';importVuexfrom'vuex';Vue.use(V

数据安全之数据库字段加解密检索和前端返回脱敏?看看我这个最强解决方案

数据安全之数据库字段加解密检索和前端返回脱敏?看看我这个最强解决方案前言数据安全一直是我们老生常谈的话题了,随着国产化的日渐推进和数字化信息改革,数据安全越来越被人们所重视。数据库作为存储、管理和检索数据的核心基础设施,其中可能包含着大量的敏感信息,如个人手机号、身份证号码、银行账户、家庭地址等信息。为了保障这些敏感信息在部分情况下被明文泄露和未授权访问等恶意行为的侵害,数据库字段敏感信息加密变得至关重要。但是数据库列一旦加密那么就牵扯到很多问题。如何对数据库字段进行加密变得非常重要,目前主要有两个解决方案:数据库自带加密函数或者使用数据库自定义函数方法进行加密解密使用应用代码比如java、c

前端使用xlsx插件读取excel文件数据

使用xlsx插件在前端读取Excel文件数据具有以下优点和缺点,适用于以下场景:优点:简单易用:xlsx插件提供了简单的API来读取Excel文件数据,无需复杂的配置和依赖。完整的功能:xlsx插件支持读取各种Excel文件格式,包括XLS和XLSX等常见格式,可以读取多个工作表和多种数据类型。跨平台支持:xlsx插件可以在浏览器和Node.js环境中使用,适用于前端和后端的Excel数据处理需求。数据转换:xlsx插件可以将Excel数据转换为JSON、CSV等常见数据格式,方便在前端进行进一步的处理和展示。缺点:性能问题:对于大型Excel文件,xlsx插件可能会导致性能问题,因为它需要将

Vue前端表格导出Excel文件

前言分享一个Vue前端导出Excel文件的方法。记录学习!功能需求:将表格的全部数据导出Excel格式的文件前端:Vue3+Element-Plus这个导出方法全部为前端操作,后端只需要传入表格数据到前端即可(基础的多表查询,用的内连接)一、实现1.页面2.代码2.1核心方法/***表格数据导出Excel实际方法*@paramlist*/constexportList=(list)=>{//表格表头,导出表头lettableHeader=[['#','资产编号','资产名称','资产类别','资产型号',"资产单价","资产金额","生产厂家","生产日期","购买日期","购买人","状态"