
前端常见问题
平时遇到的一些坑
沉默的龙王
一个涉世未深的前端小菜鸟
展开
-
webpack 打包本地静态资源
如何使用webpack打包独立页面 初始化 首先我们需要在项目根目录执行npm init来初始化(一路回车) 安装webpack 首先在项目文件夹打开命令窗,然后执行命令 npm install webpack webpack-cli --save-dev 在项目根目录新建webpack.conf.js用来配置webpack const path = require('path') //文件路径处理 const htmlWebpackPlugins = require('html-webpack-plug原创 2021-12-20 16:08:35 · 2028 阅读 · 0 评论 -
如何避免CSS和js文件修改时客户端缓存
什么是客户端缓存? 身为开发者,我们开发的时候都习惯直接禁用浏览器缓存,或者修改完打开项目的时候顺手清理缓存,但是在用户使用项目的时候,他们往往不会考虑缓存的问题。所以我们开发者在进行版本更新的时候,就可能出现,用户的客户端缓存了样式,而自己提交的新版本样式没有被渲染出来的问题。 解决缓存的方法: 1. 在引入css文件,js文件的时候,在末尾加上一个参数,这个参数相当于版本号,在项目更新的时候修改,这样客户端在引入文件的时候就会重新加载渲染这个文件。如果你开发的是VUE项目,那么可以在构建项目的时候使用原创 2020-12-29 10:39:26 · 1053 阅读 · 0 评论 -
浏览器的兼容问题
为什么浏览器需要兼容 在W3C出现之前,各种浏览器都是按照自己的规则来解释我们编写的html页面的,所以相同的一个页面,在不同的浏览器上会呈现出不同的效果,可能字体有偏差,也可能某些效果无法实现。而我们想要的效果是自己的页面在任何浏览器打开都是统一的样式,所以我们就需要针对各个浏览器来进行兼容(大多情况都是针对IE浏览器)。 常见的兼容性问题 标签的margin和padding 问题描述:在不加...原创 2020-03-09 15:21:55 · 180 阅读 · 0 评论