• webpack4代码拆分

    基础库分离将react、react-dom基础包通过cdn引入,不打入到bundle中 externals 配置12345678module.exports = { externals: { react: ...
  • webpack4多页面应用MPA

    多页面应用MPA 每一次页面跳转,后台都会返回一个新的html,多页应用 属于后端渲染,有明显的优势:SEO友好、每个页面是解耦的 缺点:每个页面对应一个entry,一个html-webpack-plugin,(这种太麻烦了,每次新增都需要再配置一次...
  • webpack4资源内联

    资源内联是干什么资源内联:就是把打包好的css等文件,在html中注入这些文件路径,实现内联 页面框架的初始化,比如flexible 上报相关打点 css内联避免页面闪动(直接将css内联到html文件) 内联html123// raw-load...
  • webpack热更新原理

    webpack热更新plugins配置 webpack-dev-server 开启本地服务器,监听文件变化后,热更新页面;不刷新浏览器而是热更新,不输出文件,而是放在内存中;配合 new.webpack.HotModuleReplacementP...
  • react知识Q&A

    qa的关键在于回答时注意知识可扩展的深度和广度,基本从“是什么”,“为什么”,“怎么做”三个方面来回答 Q:说说什么是react? 题解:react的诞生背景 2005年 jquery诞生,浏览器兼容是当时最大的问题。不算框架,只算是工具函数合集。...
  • webpack4基础

    安装yarn add webpack webpack-cli 基础配置 entry 依赖入口 12345entry: '{path}/app.js' //单入口 SPAentry: { app: '{...
  • vue定义全局方法

    一、将方法挂在到vue原型(Vue.prototype)上 定义: 1234567// global.jsconst Func = ()=>{ console.log('global')}export default ...
  • vue中使用svg图标

    对svg图标的简单实用和认识svg图标的使用 在Vue项目中写一个svg组件 安装svg-sprite-loader插件对svg文件进行编译解析 yarn add svg-sprite-loader 在src/assets/目录下新建icons目录...
  • 前端如何防范xss攻击

    xss是什么 Cross-Site Scripting(跨站脚本攻击)简称 XSS,是一种代码注入攻击。攻击者通过在目标网站上注入恶意脚本,使之在用户的浏览器上运行。利用这些恶意脚本,攻击者可获取用户的敏感信息如 Cookie、SessionID ...
  • vue使用jest问题解决

    vue项目中用jest测试时,遇到几个问题,在这记录以下踩的坑,以后爬得快。 SecurityError: localStorage is not available for opaque origins详细报错如下: 1234567Test sui...