![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 64
Shelly~
菜鸟先飞,加油(ง •̀_•́)ง
展开
-
webpack配置详解(五)
1. entry1. string --> './src/index.js' 单入口 打包形成一个chunk。 输出一个bundle文件。 此时chunk的名称默认是 main2. array --> ['./src/index.js', './src/add.js'] 多入口 所有入口文件最终只会形成一个chunk, 输出出去只有一个bundle文件。 --> 只有在HMR功能中让html热更新生效~3. object 多入口 有几个入口文件就原创 2021-03-16 16:31:02 · 198 阅读 · 0 评论 -
webpack优化配置(四)
webpack性能优化开发环境性能优化生产环境性能优化开发环境性能优化优化打包构建速度HMR优化代码调试source-map生产环境性能优化优化打包构建速度oneOfbabel缓存多进程打包externals-------cdn引入dll--------单独先打包优化代码运行的性能缓存(hash-chunkhash-contenthash)tree shakingcode split懒加载/预加载pwa注:打包来自同一个入口文件,原创 2021-03-16 11:16:33 · 159 阅读 · 0 评论 -
webpack生产环境的基本配置(三)
1. 提取 css 成单独文件下载安装包下载插件npm install --save-dev mini-css-extract-plugin 修改配置文件const { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');const MiniCssExtractPlugin = require('mini-css-extract-plugin');module.e原创 2021-03-12 20:54:25 · 109 阅读 · 0 评论 -
webpack开发环境的基本配置(二)
1. 创建配置文件创建文件 webpack.config.js配置内容如下const { resolve } = require('path'); // node 内置核心模块,用来处理路径问题。module.exports = { entry: './src/js/index.js', // 入口文件 output: { // 输出配置 filename: './built.js', // 输出文件名 path: resolve(__dirname, 'build/js')原创 2021-03-12 20:26:19 · 220 阅读 · 0 评论 -
webpack简介(一)
1. webpack是什么?webpack是一种前端资源构建工具,一个静态模块打包器。在webpack看来,前端的所有资源文件(js/css/json/img/less/…)都会作为模块处理。他将根据模块的依赖关系进行静态分析,打包生成对应的静态资源。2. webpack五个核心概念entry入口(Entry)指示 webpack 以哪个文件为入口起点开始打包,分析构建内部依赖图。output输出(Output)指示 webpack 打包后的资源 bundles 输出到哪里去,以及如何命原创 2021-03-12 19:56:21 · 125 阅读 · 0 评论 -
2021前端实习生最新面经(滴滴、华为、爱奇艺、海尔)
// 以下问题不分先后,全凭回忆,可能会有些遗漏的地方网易 35min1.自我介绍,围绕项目2.原型,闭包,作用域,3.vue双向绑定原理4.webpack介绍5.跨域请求6.cache-control7.做了一道题-变量提升的8.等高的多列布局9.盒子模型,bootstrap是哪种模型10.轮播图,如何实现11.flex12.css如何清除浮动13.v-model14.懒加载,如何实现页面滚动到底部15.rem原理16.首页优化方式17.vue如何实现数据共享18.遇原创 2021-01-15 10:24:09 · 912 阅读 · 0 评论 -
2020年 前端面试问题总结:附答案
面试题整理1 常规知识点List itemjs基础知识从输入url到获得页面经历的所有事情(越细越好)原型链继承es6新特性DOM事件和事件流盒子模型事件循环BFCFlexPromise原理以及手写代码vue响应式原理vue虚拟dom & diff算法前端性能优化防抖和节流HTTP缓存常见算法(排序洗牌等)2 面试中遇到的高频题(跟上面会有重合)事件循环原型链vue响应式原理HTTP缓存防抖和节流vue3解决什么问题Vue 为什么不能检测数原创 2021-01-08 15:15:34 · 1523 阅读 · 0 评论 -
解决core3.0跨域请求问题:【Error: Network Error at createError (createError.js?2d83:16)】前后端分离Vue的使用
问题描述最近试着用vue+axios来搭建前端,实现前后端分离,后端采用asp.net coe mvc 架构,在前端axios调用后端接口时,出现了跨域请求的错误问题,经过一番查找,最终成功实现了跨域请求,迈出了前后端分离的第一步。跨域问题浏览器报错的日志如下:Error: Network Errorat createError (createError.js?2d83:16)at XMLHttpRequest.handleError (xhr.js?b50d:84)刚开始在后端加入了断点,前原创 2020-11-06 13:05:12 · 15897 阅读 · 0 评论 -
web开发必须要学习的HTTP原理(二)
第二章 简单的 HTTP 协议2.1 HTTP 协议用于客户端和服务器端之间的通信HTTP 协议和 TCP/IP 协议族内的其他众多的协议相同,用于客户端和 服务器之间的通信。 请求访问文本或图像等资源的一端称为客户端,而提供资源响应的一 端称为服务器端。在两台计算机之间使用 HTTP 协议通信时,在一条通信线路上必定有一端是客户端,另一端则是服务器端。有时候,按实际情况,两台计算机作为客户端和服务器端的角色有可 能会互换。但就仅从一条通信路线来说,服务器端和客户端的角色是 确定的,而用 HTTP原创 2020-09-19 11:41:20 · 131 阅读 · 0 评论 -
web开发必须要学习的HTTP原理(一)
在学习 Web 开发的过程中,接触到编写网络爬虫程序、分析抓包数据、实现 HTTP 服务器、提供网站 RESTAPI、修改后端定制框架等方面,它们无一例外,都会用到 HTTP协议的各方面知识,并且某些细节无法通过查阅资料立即领会到,还需依靠扎实的基础及平日里的积累。关于讲解网络协议的书有三本,前两本被读者们奉为“圣经”:《HTTP权威指南》 但是厚度令人望而生畏;《TCP/IP 详解,卷1》 但是内容晦涩难懂,学习难度较大;《图解HTTP》 内容相对生动有趣,对于初学者比较友好。所以.原创 2020-09-17 10:33:37 · 226 阅读 · 0 评论 -
一些实用美观的开源前端页面插件汇总
以下是我在学习过程中使用过的插件,日常积累一些有用的插件。希望博友也能推荐一些好的插件。一、编辑器 Markdown链接:https://pandao.github.io/editor.md/二、内容排版 typo.css链接:https://github.com/sofish/typo.css三、动画 animate.css链接:https://daneden.githu...原创 2020-03-02 23:06:24 · 814 阅读 · 0 评论