03 2022 档案
摘要：1、npm run build 打包页面空白 我们会发现页面head中引用的js和css文件是出现了路径错误，这里修改如下： 解决位置：config/index.js文件：把assetsPublicPath: '/'改为assetsPublicPath: './' 1.npm run build打包
阅读全文
摘要：1、利用 meta 标签对 viewport 进行控制 移动设备默认的 viewport 是 layout viewport，也就是那个比屏幕要宽的 viewport，但在进行移动设备网站的开发时，我们需要的是 ideal viewport。那么怎么才能得到 ideal viewport 呢？我们在
阅读全文
摘要：1、跨站脚本攻击（XSS） Cross-Site Scripting（跨站脚本攻击）简称 XSS，是一种代码注入攻击。攻击者通过在目标网站上注入恶意脚本，使之在用户的浏览器上运行。利用这些恶意脚本，攻击者可获取用户的敏感信息如 Cookie、SessionID 等，进而危害数据安全。为了和 CSS
阅读全文
摘要：1、冒泡排序 比较相邻的两个元素。如果第一个比第二个大，则交换位置； 对每一对相邻元素重复第一个步骤，从开始第一对到结尾的最后一对，这样在最后的元素应该会是最大的数； 针对所有的元素重复以上的步骤，除了最后一个； 重复步骤1~3，直到排序完成。 /** * 外循环控制需要比较的元素，比如第一次排序后
阅读全文
摘要：在网页里面，在某个可视容器内（某个div）一次性渲染所有数据，其实用户也只能看见一部分数据，其余得通过滚动来查看； 那么我们可以只渲染可见部分数据，不可见部分数据不渲染，通过上下padding来进行占位使其可以滚动； 滚动得时候不断计算可所需展示数据的开始下标和结束下标来截取可视数据； <!doct
阅读全文
摘要：1、切换其他组件统计图时，出现卡顿问题如何解决 原因：每一个图例在没有数据的时候它会创建一个定时器去渲染气泡，页面切换后，echarts图例是销毁了，但是这个echarts的实例还在内存当中，同时它的气泡渲染定时器还在运行。这就导致Echarts占用CPU高，导致浏览器卡顿，当数据量比较大时甚至浏览
阅读全文
摘要：1、对于简单应用 store 模式 集中式状态管理 action 统一管理 state 的更新，更好地记录 state 的变化和调试 var store = { debug: true, state: { message: 'Hello!' }, setMessageAction (newValue
阅读全文
摘要：1、commonJS 原理 浏览器不兼容CommonJS的根本原因，在于缺少四个Node.js环境的变量。 module exports require global 只要能够提供这四个变量，浏览器就能加载 CommonJS 模块。 下面是一个简单的示例。 var module = { export
阅读全文
摘要：1、js栈内存和堆内存的区别？ 首先JavaScript中的变量分为基本类型和引用类型。基本类型就是保存在栈内存中的简单数据段，而引用类型指的是那些保存在堆内存中的对象。 （1）基本类型 基本类型有Undefined、Null、Boolean、Number 和String。这些类型在内存中分别占有固
阅读全文
摘要：1、什么是Bootstrap网格系统（Grid System）？ Bootstrap 包含了一个响应式的、移动设备优先的、不固定的网格系统，可以随着设备或视口大小的增加而适当地扩展到 12 列。它包含了用于简单的布局选项的预定义类，也包含了用于生成更多语义布局的功能强大的混合类。 响应式网格系统随着
阅读全文
摘要：1、对象是什么 面向对象编程(Object oriented Programming,缩写为OOP)是目前主流的编程范式。它将真实世界各种复杂的关系，抽象为一个个对象，然后由对象之间的分工与合作，完成对真实世界的模拟。 每一个对象都是功能中心，具有明确分工，可以完成接受信息、处理数据、发出信息等任务
阅读全文
摘要：1. join()：将数组中所有元素都转化为字符串并连接在一起。 2. reverse()：将数组中的元素颠倒顺序。 3. concat()：数组拼接的功能 ,返回新数组，原数组不受影响。 4. slice()：截取数组生成新数组，原数组不受影响。返回的数组包含第一个参数指定的位置和所有到但不含第二
阅读全文
摘要：fetch()是 XMLHttpRequest 的升级版，用于在 JavaScript 脚本里面发出 HTTP 请求。 浏览器原生提供这个对象。 1、基本用法 fetch()的功能与 XMLHttpRequest 基本相同，但有三个主要的差异。 （1）fetch()使用 Promise，不使用回调函
阅读全文
摘要：前端网页需要知道，用户使用的是手机浏览器还是桌面浏览器。 本文根据 StackOverflow，整理了 JavaScript 侦测手机浏览器的五种方法。 1、navigator.userAgent 最简单的方法就是分析浏览器的 user agent 字符串，它包含了设备信息。 JS 通过naviga
阅读全文
摘要：1、在移动端，单击穿透是什么？ 单击穿透现象有3种。 单击穿透问题：单击蒙层（mask）上的“关闭”按钮，蒙层消失后，发现触发了按钮下面元素的 click事件。 页面单击穿透问题：如果按钮下面恰妤是一个有href属性的a标签，那么页面就会发生跳转。 跨页面单击穿透问题：这次没有蒙层了，直接单击页内按
阅读全文
摘要：1、事件修饰符 1. .stop 阻止单机事件冒泡 2. .prevent 阻止默认行为（比如 @submit.prevent 会阻止提交后刷新页面） 3. .capture 添加事件侦听器时使用捕获模式 4. .self 只有事件在元素本身（而不是子元素）触发时触发回调 5. .once 只触发一
阅读全文
摘要：1、v-cloak 解决“闪动”问题 1，提供样式 [v-cloak]{ display:none } 2，在差值表达式所在的标签中添加v-cloak指令 原理：先通过样式隐藏内容，然后在内存中进行值的替换，替换好之后再显示最终的结果，解决了“闪动”问题。 如果没有彻底解决问题，则在根元素加上sty
阅读全文
摘要：1、$router router是VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包含了所有的路由包含了许多关键的对象和属性,常见的有： 1.1、push：向 history 栈添加一个新
阅读全文
摘要：函数防抖（debounce）：当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。 /** * @desc 函数防抖 * @param func 函数 * @param wait 延迟执行毫秒数 * @param imme
阅读全文
摘要：使得一定时间内只触发一次函数。原理是通过判断是否到达一定时间来触发函数。 /** * @desc 函数节流 * @param func 函数 * @param wait 延迟执行毫秒数 * @param type 1 表时间戳版，2 表定时器版 */ function throttle(func,
阅读全文
摘要：1、vuex有哪几种属性？答：有五种，分别是 State、 Getter、Mutation 、Action、 Module 2、vuex的State特性是？答：一、Vuex就是一个仓库，仓库里面放了很多对象。其中state就是数据源存放地，对应于与一般Vue对象里面的data二、state里面存放的
阅读全文
摘要：1、Vuex是什么？ Vuex是专门为Vue服务，用于管理页面的数据状态、提供统一数据操作的生态系统，相当于数据库mongoDB，MySQL等，任何组件都可以存取仓库中的数据。其中vuex类似的 还是有Redux,Redux大多用于React,针对Redux后续在做补充，现在就让我们好好了解下Vue
阅读全文
摘要：1、用户名正则 // 用户名仅支持中文、字母、数字、“-”“_”的组合，4-20个字符 /^[\u2E80-\u9FFF\w-]{4,20}$/ // 用户名正则，4到16位（字母，数字，下划线，减号） /^[a-zA-Z0-9_-]{4,20}$/ 2、密码强度正则 //密码强度正则，最少6位，包
阅读全文
摘要：1.元字符 "."元字符：匹配匹配除换行符 \n 之外的任何单字符。 "^"元字符：匹配输入字符串的开始位置，如果在方括号表达式中使用，此时它表示不接受该字符集合。 "$"元字符：匹配输入字符串的结尾位置。 "*"元字符：匹配前面的子表达式零次或多次。 "+"元字符：匹配前面的子表达式一次或多次。
阅读全文
