01 2021 档案
js跳出多层循环
摘要:forEach方法如何跳出循环 js for 循环 跳出多层循环 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 var a = [1,2,3,4,5,6,7,8]; // 8个数
阅读全文
webpack loader- 图片处理
摘要:静态图片: 页面直接使用<img src='' alt=''> 来使用,在页面中写死的 用js来生成的 动态图片:通过ajax请求服务器,从服务器得到的图片路径,这些是不需要前端进行处理的 1、打包图片为 base64格式 / 文件路径格式 //main.js里引入图片模块 var src = re
阅读全文
webpack的loader的原理和实现
摘要:想要实现一个loader,需要首先了解loader的基本原理和用法。 1. 使用 loader是处理模块的解析器。 module: { rules: [ { test: /\.css$/, use: [ // 多个loader,从右向左解析,即css-loader开始 MiniCssExtractP
阅读全文
Webpack中Loader的pitch方法
摘要:一、Loader介绍 1.官网介绍:loader 用于对模块的源代码进行转换。loader 可以使你在 import 或"加载"模块时预处理文件。因此,loader 类似于其他构建工具中“任务(task)”,并提供了处理前端构建步骤的强大方法。loader 可以将文件从不同的语言(如 TypeScr
阅读全文
url-loader和file-loader区别
摘要:url-loader解决的问题: 如果图片较多,会发很多http请求,会降低页面性能。url-loader会将引入的图片编码,生成dataURl。相当于把图片数据翻译成一串字符。再把这串字符打包到文件中,最终只需要引入这个文件就能访问图片了。当然,如果图片较大,编码会消耗性能。因此url-loade
阅读全文
Vue中强制组件重新渲染的正确方法
摘要:有时候,依赖 vue 响应方式来更新数据是不够的,相反,我们需要手动重新渲染组件来更新数据。或者,我们可能只想抛开当前的DOM,重新开始。那么,如何让vue以正确的方式重新呈现组件呢? 强制 Vue 重新渲染组件的最佳方法是在组件上设置:key。 当我们需要重新渲染组件时,只需更 key 的值,Vu
阅读全文
ERR_RESPONSE_HEADERS_MULTIPLE_CONTENT_DISPOSITION :浏览器下载报错
摘要:ERR_RESPONSE_HEADERS_MULTIPLE_CONTENT_DISPOSITION:Excel导出报错,浏览器崩溃。 服务端设置的响应头: header('pragma:public'); header('Content-type:application/vnd.ms-excel;c
阅读全文
JSBridge的原理及使用
摘要:一、什么是JSBridge 主要是给 JavaScript 提供调用 Native 功能的接口,让混合开发中的前端部分可以方便地使用 Native 的功能(例如:地址位置、摄像头)。而且 JSBridge 的功能不止调用 Native 功能这么简单宽泛。实际上,JSBridge 就像其名称中的Bri
阅读全文
前端js使浏览器窗口全屏与退出----浏览器全屏时 监测通过esc按键退出全屏
摘要:vue项目 项目分为顶部导航、侧边导航、以及右边mainContent区域 需求是 让项目的其中一个页面有全屏功能 并且在全屏时隐藏掉顶部的顶导航栏 实现: 1.在state里 定义一个全局flag 根据这个flag来控制顶导航的显示与隐藏 定义在了usr module里 在store里引入就可以了
阅读全文
js 检测元素的宽度或高度变化
摘要:一、js监听window变化的方法 1、onsize只能监听window对象的变化 (1)、 window对象原生、jQuery方法 //原生写法 window.onsize = function(){ console.log("11"); } //jquery写法 $(window).resize
阅读全文
纯CSS绘制三角形(各种角度)
摘要:今天给大家带来 CSS 三角形绘制方法 复制代码代码如下: #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bo
阅读全文