前端学习
qq_31847185
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
webpack-dev-server 出现错误
一、问题描述在使用webpack-dev-server时,出现如图错误:我的配置文件如图:package.json文件如图:二、方案一、直接将index.html文件放入dist中我看的webpack3.x视频中,老师直接将index.html文件放入dist中,同样能够生成首页。如图:生成如下页面:三、方案二,使用HtmlWebpackPlugin插件生成首页因为出错,所以百度的时候找到了第二种...原创 2018-07-16 16:28:04 · 3956 阅读 · 0 评论 -
ExtractTextPlugin 不支持webpack4.x
一、错误提示二、解决方案使用npm install extract-text-webpack-plugin@next安装extract-text-webpack-plugin,注意先移除之前安装的extract-text-webpack-plugin,不然会报错。...原创 2018-07-16 19:52:27 · 1495 阅读 · 0 评论 -
webpack学习系列(一),安装webpack与webpack-cli
一、问题描述在安装webpack时,输入webpack -v提示我需要安装webpack-cli,如图:二、解决因为在webpack 3中,webpack本身和它的CLI以前都是在同一个包中,但在第4版中,他们已经将两者分开来更好地管理它们。所以用 npm install webpack-cli -g 命令全局安装webpack-cli即可,当然,网络不行的小伙伴可以用cnpm,这里就不多说了。安...原创 2018-07-15 16:23:17 · 16502 阅读 · 0 评论 -
建立一个webpack小demo
一、错误提示二、解决方案1. error是因为webpack版本更新了,以前的打包方式不再适用,而是需要用npx webpack src/index.js -o dist/bundle.js这样的命令来打包,npx是node提供的,根据webpack官网的说法,如图:2. warning同样是因为版本的问题,在webpack4.x中,多了一个‘mode’命令,分为开发模式,生产模式--mode d...原创 2018-07-15 17:04:35 · 440 阅读 · 0 评论 -
flex布局中遇到的坑
如题,这些天在github上找了个施展项目练手,跟着些代码,但是很快就出现了问题。一、问题描述使用flex布局,第一个元素样式发生错误,如图:强迫症患者表示伤不起!代码如下:HTML:<div class="type-bar"><div v-for="(cate,index) in category" :key="index"><im...原创 2018-07-26 21:33:51 · 2222 阅读 · 0 评论 -
firefox火狐浏览器outline:none去除虚框失效的坑
一、问题描述在点击按钮时,因为登录按钮获得焦点,按钮上出现了难看的虚框,强迫症患者表示谁也忍受不了……如下图所示: 二、解决方案找了很多方法,比如直接在css样式中加这行代码:focus{outline:none;}又比如在js代码中解决$("a,input,button").focus(function(){this.blur()});然而,尝试了无数...原创 2018-09-19 17:05:46 · 1456 阅读 · 0 评论 -
z-index上层元素遮挡下层元素点击事件解决
一、问题描述笔者是在些一个登录界面时遇到这个问题的,需求是点击登录按钮出现登录悬浮框,初始化时登录悬浮框是display:none的,但笔者发现登录框那一块区域的input框无法响应点击时间,也无法获得焦点。一般鼠标放在input框上是会变成编辑的横杠,input框也会获得焦点。二、解决方案对上层元素使用:pointer-events: none;这样点击事件就能穿透上层...原创 2018-09-19 17:24:33 · 17275 阅读 · 9 评论 -
vue中父组件通过props向子组件传异步值为空的解决方案
一、问题描述封装了一个highchart组件,想要复用,结果props传值一直失败,图自然画不出来,watch,mounted等钩子函数都试过依然不行。二、解决方案因为父组件的值是通过axios请求获得,当父组件拿到处理后的值时,子组件钩子函数生命周期已经走完,即便拿到值也不会再次渲染。简单的解决方案就是通过v-if,设置一个flag,让子组件在父组件拿到值后再开始渲染。但是这...原创 2018-09-28 22:00:04 · 11804 阅读 · 1 评论
分享