前端爱踩的坑
关注
分享
扫一扫
盘点那些前端爱踩的坑
@拯救世界的狗子
这个作者很懒，什么都没留下…
展开
-
sockjs.js?9be2:1609 GET http://192.168.1.105:8080/sockjs-node/info?t=1619435698150 net::ERR_CONNECTI
在使用vue-cli脚手架创建项目的时候，在cnpm create app命令后，项目创建成功后通过npm run serve命令运行以后，控制台报错，sockjs.js?9be2:1609 GEThttp://192.168.1.105:8080/sockjs-node/info?t=1619435698150net::ERR_CONNECTI错误分析：sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器原创 2021-04-26 19:22:23 · 2182 阅读 · 0 评论 -
webpac4k运行webpack ./src/main.js ./dist/tem.js
标题webpac4k运行webpack ./src/main.js ./dist/tem.js打包的命令格式：webpack 要打包的文件的路径 打包好的输出文件的路径运行webpack .\src\main.js .\dist\bundle.js提示错误，错误信息如下：WARNING in configurationThe 'mode' option has not been set, webpack will fallback to 'production' for this value.S原创 2021-02-10 17:27:52 · 357 阅读 · 1 评论 -
第一次安装webpack过程中的那些坑
1.window+R键，输入cmd打开命令行工具，输入 mkdir XXXX（XX：文件夹名）；2.cd XXX 进入刚刚创建好的文件夹里，输入cnpm install -g webpack （安装了淘宝镜像的小伙伴可以直接使用cnpm，没有安装的使用npm）cnpm和npm的区别这里就不多说了，不懂的小伙伴可以百度安装前必须先安装node.js安装了淘宝npm镜像，后面也是使用cnpm安装的，建议安装下npm install -g cnpm --registry=http://registry原创 2021-02-09 23:32:37 · 1823 阅读 · 0 评论 -
Vue用v-for给src属性赋值的方法
我的代码结构如下面代码所示，无法执行，在img中的src属性中无法用v-for遍历填加 var itemBody = { props: ["itemList"], template: ` <div> <div class="item" v-for="(item,index) in itemList">原创 2020-11-05 22:40:33 · 1813 阅读 · 0 评论 -
常用的正则表达式类库
常用的正则表达式类库一、校验数字的js正则表达式1 数字：^[0-9]*$2 n位的数字：^d{n}$3 至少n位的数字：^d{n,}$4 m-n位的数字：^d{m,n}$5 零和非零开头的数字：^(0|[1-9][0-9]*)$6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$7 带1-2位小数的正数或负数：^(-)?d+(.d{1,2})?$8 正数、负数、和小数：^(-|+)?d+(.d+)?$9 有两位小数的正实数：^[0-9]+(.原创 2020-09-26 22:26:50 · 537 阅读 · 0 评论 -
css3中transition和display的坑
不知道大家做css3动画的时候遇到过这种情景没？用opacity实现淡入淡出的效果。一切正常，没什么问题例：<!DOCTYPE html> <html> <meta charset="uft-8"><head> <style>.div1{ background: red;}.div2 { width:100px; height:100px; background:blue; tr原创 2020-05-14 23:54:31 · 962 阅读 · 2 评论 -
关于子元素的margin-top溢出和元素浮动对父元素高度影响解决方案
1.关于子元素的margin-top作用在无margin-top-border的父元素上导致子元素的margin-top溢出问题。在给没有margin-top-border父元素中的子元素添加margin-top时（给子元素margin-top时，若这个子元素前面没有其他内容，这个margin-top值会应用到父元素上），发现没有直接表现出来，而是作用到父元素身上，就会导致子元素的margin-...原创 2020-04-27 19:47:33 · 570 阅读 · 0 评论