前端开发
-
之前写的项目有个base.css，后来找不到了，记录一下 /*清除浮动代码*/ .clearfloat:after { display: block; clear: both; content: ''; visibility: hidden; height: 0; } .clearfloat { zoom: 1; } 浏览器支持好，不容易出现怪问题（大型网站都有使用，如：腾迅，网易，新浪等等）
2024-11-26 -
首先需要将目标元素改成弹性盒，将flex-direction的值改成row-reverse。 display: flex; width: 100%; flex-direction:row-reverse; flex-direction值的参考 row 默认值。灵活的项目将水平显示，正如一个行一样。 row-reverse 与 row 相同，但是以相反的顺序。 column 灵活的项目将垂直显示，正如一个列一样。 column-reverse 与 column 相
2024-11-26 -
近期公司提出了一个新需求，希望将用户在前端填写的一系列数据生成一个报告给用户，报告大概有8个表格，表格涉及到分页。于是查询了资料，做出以下两个方案。 方案二 puppeteer 生成页面的截图和PDF Nodejs使用 使用express框架搭建简单的node服务，并且安装puppeteer、pdf-lib 安装 npm install --save puppeteer npm install --save pdf-lib 相关代码 直接调用node服务接口进行pdf的生成 http://
2024-11-26 -
参考一： function isEmpty(obj){ if(typeof obj == "undefined" || obj == null || obj == ""){ return true; }else{ return false; } } 参考二： if (variable1 !== null || variable1 !== undefined || variable1 !== '') { var variable2 =
2024-11-26 -
数组第一次长度为 本来数组的长度应该是五个，在火狐浏览器中展开，就变成了最后一次调用result的长度。 <script> function arr(){ var arr1=[] addArr = function(){ for(var i=0;i<5;i++){ arr1.push((function(i){
2024-11-26 -
同源页面通信 Broadcast Channel 【广播】 同一来源的不同文档（在不同的窗口、选项卡、框架或 iframe 中）之间进行通信 // page1 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>page1</title> </head> <body> <button onclick="sendMessage()">发广播</button> <button o
2024-11-26 -
点击打印按钮-打印窗口打开触发的事件： window.onbeforeprint function printmsg (){ console.log("dayin"); }; window.onbeforeprint =printmsg; 打印（保存）/取消事件window.onafterprint，但是监测不到是打印（保存）还是取消事件。 function printmsg (){ console.log("dayinafter"); }; w
2024-11-26 -
纯前端实现的视频合并 这次主要添加了一个函数，实现了视频合并的操作。 static mergeArgs(timelineList) { const cmd = [] console.log('时间轴数据',timelineList) console.log("文件1",this.readDir()) console.log("文件2",this.readDir(this.resourceDir)) // let textCmdList = []
2024-11-26 -
啥是source map Sourcemap 本质上是一个信息文件，里面储存着代码转换前后的对应位置信息。 它记录了转换压缩后的代码所对应的转换前的源代码位置，是源代码和生产代码的映射。 source map漏洞呢？ 使用reverse-sourcemap工具，利用该文件还原源代码，这样就造成了信息泄露，保不齐源码里有什么敏感信息。。。。 如何修复 发布版本就不要生成source map文件了。。。。 Source maps should not be accesible for an att
2024-11-26 -
onresize可以监听浏览器改变大小的事件，而且浏览器调节大小可以从全方位360度进行缩放，不仅如此，浏览器右上角有最大化，向下还原的按钮，而且在浏览器顶部还可以通过双击最大化，向下还原。 例如判断一个div，当浏览器宽度大于1000的时候，我们给div添加一个class类“big”,当小于等于1000的时候，我们给div把class类改为“small”， 1、computed方法 这个时候首先想到的就是vue的computed动态计算，但这个时候会发现我们拖动
2024-11-26