所有文章

  • 【原】在本地vue项目中进行npm install失败,提示错误:npm ERR! cb() never called!

    WEB前端在本地vue项目中进行npm install失败,提示错误:npm ERR! cb() never called!

    这两天在整理学习笔记的时候,发现之前记录过一个问题,在本地vue项目中进行npminstall失败,提示错误:npmERR!cb()nevercalled!,跟以前的项目也没什么不一样,当时忘记截图了,后来窗口关掉之后没法复现了,在我查资料的时候发现了一篇类似问题的文章,借用一下他的图片。详细错误信息:D:\workspace_ued\xszz\pc>npminstallnpmERR!cb()nevercalled!npmERR!Thisisanerrorwithnpmitself.Pleasereportthiserrorat:npmERR...

    不忘初心 不忘初心 2021-12-06 围观(326) 评论(0) 点赞(11) WEB前端

    阅读更多
  • 【原】anywhere在linux服务器上执行失败:Error: spawn xdg-open ENOENT

    WEB前端anywhere在linux服务器上执行失败:Error: spawn xdg-open ENOENT

    之前的一个gis相关的项目中,碰到一个奇葩问题,直接将项目整个部署到tomcat中时,gis的底图一直出不来,一番排查之后发现是因为不能访问地图的json文件夹导致的,也就是不光要访问到具体的json文件,还要能访问到json文件所在的文件夹目录,这个是tomcat容器本身的限制,所以最终选择将gis底图所在的目录单独拎出来当做一个项目,利用anywhere来对外提供服务。改为anywhere对外提供服务之后,问题得到解决,本地联调很顺利,但是发布到线上之后,发现anywhere启动不了,报错:Error:spawnxdg-openENOENT。详...

    不忘初心 不忘初心 2021-12-02 围观(1068) 评论(0) 点赞(15) WEB前端

    阅读更多
  • 【原】缺少sass依赖的环境导致npm install失败

    WEB前端缺少sass依赖的环境导致npm install失败

    使用eladmin的时候,在npminstall时解决了babel的问题之后,又出现了一个关于sass的问题,这次的错误信息提示倒是很明确了,可以一眼就定位问题所在,是关于python和visualstudio的。详细错误信息如下PSD:\workspace_ued\eladmin-web>npminstallnpmWARNdeprecated@hapi/topo@3.1.6:ThisversionhasbeendeprecatedandisnolongersupportedormaintainednpmWARNdeprecated@hapi...

    不忘初心 不忘初心 2021-11-06 围观(1930) 评论(0) 点赞(19) WEB前端

    阅读更多
  • 【原】对开源项目eladmin进行npm install因为版本不匹配导致失败

    WEB前端对开源项目eladmin进行npm install因为版本不匹配导致失败

    最近要做一个新的后台管理项目,在网上溜达了一圈,看中了eladmin这个开源项目,可是在进行npminstall的时候直接就失败了,看起来似乎是因为babel的缘故,但错误信息看的也不是很清晰,没办法第一时间确定下来,只能慢慢调试。详细错误信息如下:PSD:\workspace_ued\eladmin-web>npminstallnpmERR!codeERESOLVEnpmERR!ERESOLVEunabletoresolvedependencytreenpmERR!npmERR!Found:@babel/core@7.0.0npmERR!n...

    不忘初心 不忘初心 2021-11-05 围观(436) 评论(0) 点赞(1) WEB前端

    阅读更多
  • 【原】Nginx部署Vue项目并配置多个不同的代理转发

    WEB前端Nginx部署Vue项目并配置多个不同的代理转发

    vue为我们提供了两种路由模式:hash、history,如果使用hash模式,那么在url上就会带有#号,页面之前的切换都是由vue-router自己来控制的,所以我们部署到服务器上之后,无需做额外的配置就可以使用,可一旦我们想要是用history模式,如果不做额外配置,那就会发现一件神奇的事情,从首页index.html开始一层层访问的时候一切正常,一旦你想直接访问首页之外的一个url就会出现404。如上图,官方已经明确说明,因为vue单页客户端应用的性质,若想要直接访问而不404,那就需要后端提供支持,为此,vue-router官网也给我们推...

    不忘初心 不忘初心 2021-07-25 围观(836) 评论(0) 点赞(3) WEB前端

    阅读更多
  • 【原】js监听浏览器关闭、前进、后退事件,切换网页之前给出confirm提示

    WEB前端js监听浏览器关闭、前进、后退事件,切换网页之前给出confirm提示

    在平时写博客的过程中,最害怕的就是眼瞅着文章写完了,还没来得及保存,就手抖将网页关掉了,那感觉不是一般的酸爽,尤其是笔记本触摸板不好用的时候,稍微手一滑,前进后退一下网页,辛辛苦苦写了几小时的文章就丢了,此时就很希望在网页切换和销毁的时候能有一个confirm提示,今天就来教大家如何避免这种事情发生,几行js就能搞定。在各大博客网站(如:csdn、思否、简书)中,都有这个功能,大家平时可以稍微注意一下,效果如下图所示:此时,如果我们选择了取消,那么系统将会阻止这一次的操作,能很大程度上防止误操作。不多哔哔了,这酸爽,谁用谁知道啊,直接上代码了。wi...

    不忘初心 不忘初心 2020-10-16 围观(236) 评论(0) 点赞(9) WEB前端

    阅读更多
  • 【原】Highlight.js不兼容换行符,导致代码块注释高亮排版错乱

    WEB前端Highlight.js不兼容换行符,导致代码块注释高亮排版错乱

    今天将Highlight.js升级到了10.2.0,在集成到wangEditor中去的时候,发现只要碰到有注释的地方,不管是什么编程语言,都会出现高亮部分的排版错乱情况,但是我把需要高亮的代码单独拿出来,写了一个html做测试,它又不会出问题了,所以,我猜测可能是需要高亮的代码有问题。如上图,从第四行注释开始,后面的内容全部变成了注释,进一步猜测,是否没有对换行做处理,导致后面的代码没能被识别,从而都被当成了注释?为了验证我这个猜想,我在wangEditor的_insertCode方法中打了一个log,然后将代码拷贝出来,放到我自己做测试的那个ht...

    不忘初心 不忘初心 2020-09-29 围观(1081) 评论(0) 点赞(12) WEB前端

    阅读更多
  • 【原】wangeditor3如何集成highlightJs实现代码高亮?

    WEB前端wangeditor3如何集成highlightJs实现代码高亮?

    最近在整改个人博客的过程中,想顺手将以前使用的一个富文本编辑器wangEditor也升级一下,却碰到了一个非常操蛋的问题,在版本迭代到了3.x的时候(本文中使用的是3.1.1版本),作者将代码高亮功能取消了,实在是让人头大。我去他的GitHub上溜达了一圈,发现对于拿掉代码高亮这个功能,困惑的人还不少,作者也做了不少答复,总结下来有两个原因。一、个人精力有限二、受众群体主要不是程序员这种涉及到高亮的issue都是在2017年提出来的,都3年了,作者也还是一直没有抽出精力来优化,而在2018年的时候,作者回复了一个关于代码高亮的issue,并给出了具...

    不忘初心 不忘初心 2020-09-28 围观(84) 评论(1) 点赞(36) WEB前端

    阅读更多
  • 【原】启动Vue项目报错“npm ERR! code ELIFECYCLE”

    WEB前端启动Vue项目报错“npm ERR! code ELIFECYCLE”

    由于之前一直是npm和cnpm混着用,也没啥问题,今天在启动Vue项目的时候,却碰见了一个错误“npm ERR! code ELIFECYCLE”,一开始是用npm run启动的,后来换成cnpm run也不行。从截图中,看到详细的错误信息:npmERR!codeELIFECYCLEnpmERR!errno1npmERR!reception@1.0.0dev:`webpack-dev-server--inline--progress--configbuild/webpack.dev.conf.js`npmERR!Exitstatus1npmERR!...

    不忘初心 不忘初心 2020-08-21 围观(4758) 评论(0) 点赞(16) WEB前端

    阅读更多
  • 【原】cnpm : 无法加载文件 C:\Users\wolffy\AppData\Roaming\npm\cnpm.ps1

    WEB前端cnpm : 无法加载文件 C:\Users\wolffy\AppData\Roaming\npm\cnpm.ps1

    由于在国内,所以执行npm会很慢,不过这事儿可拦不倒业界大佬,就跟maven一样,分分钟就弄来一个国内私服,这不,npm也可使用国内的镜像,可是我在HBuilder中执行cnpm的时候,分分钟就报错“cnpm : 无法加载文件 C:\Users\wolffy\AppData\Roaming\npm\cnpm.ps1”。在这里我哔哔两句,也是我为什么会写这篇文章的起因在公司最近的项目中,前端用的是Vue,看到同事使用的IDE竟然是HBuilder,让我有些惊讶,这是一款国产的IDE,在它前些年刚问世的时候,我尝试使用过几次,正如网友所吐槽的一样,它当...

    不忘初心 不忘初心 2020-08-20 围观(533) 评论(0) 点赞(2) WEB前端

    阅读更多
  • 【原】location.host 与 location.hostname 的区别

    WEB前端location.host 与 location.hostname 的区别

    今天在给个人博客做防镜像处理的时候,用到了location中的host和hostname属性,以前没注意过二者之间的细节,导致在本机调试的时候,if校验一直通不过,百度之后才明白,写一篇文章来记录一下。首先,我们弄清楚一件事情,在访问网站的时候,一般都是直接输入域名,并没有带上任何的端口,因为nginx之类的代理工具都是监听服务器的80端口,所以可以省略,这也直接导致一个现象,location中的host和hostname获取到的值是一样的。当我们在本机测试的时候,针对localhost和127.0.0.1又是什么样的呢?现在明白了,host是包含...

    不忘初心 不忘初心 2019-07-20 围观(589) 评论(0) 点赞(12) WEB前端

    阅读更多
  • 【原】ajax使用formdata提交form表单,服务端接收不到数据

    WEB前端ajax使用formdata提交form表单,服务端接收不到数据

    上一篇文章中,我使用formdata的方式来实现ajax提交form表单,当时碰到了一个formdata二次处理的问题,虽然解决了,但后续又碰到了另外一个问题:“ajax使用formdata提交form表单之后,后台服务无法获取到值”,今天来就这个问题给大家分析一下。前端代码:varformData=newFormData();//声明表单对象,括号中可以传递一个form对象formData.append("username","积微成著");formData.append("password","sssssss");$.ajax({url:'/t...

    不忘初心 不忘初心 2019-07-05 围观(1454) 评论(0) 点赞(9) WEB前端

    阅读更多
  • 【原】ajax提交formdata,报错Uncaught TypeError: Illegal invocation(…)

    WEB前端ajax提交formdata,报错Uncaught TypeError: Illegal invocation(…)

    在使用ajax提交formdata时,报了一个错:“Uncaught TypeError: Illegal invocation(…)”,之前一直都是直接利用jquery,使用$.submit()这种方式,也没太在意一些细节,这次使用FormData()方式来模拟form表单提交,直接凉凉。。。折腾了一圈,最终定位到问题的原因:对提交的form表单数据进行了重复处理。代码如下:varformData=newFormData();//声明表单对象,括号中可以传递一个form对象formData.append("username","积微成著");$....

    不忘初心 不忘初心 2019-07-05 围观(2391) 评论(0) 点赞(3) WEB前端

    阅读更多
  • 【原】如何使三个div均分父级div

    WEB前端如何使三个div均分父级div

    在一些网页设计中,经常会涉及到div均分,那怎么在一个div里均分元素呢?div怎么等分才可以使得div内子元素平均分配?一、百分比+浮动布局(主要针对三等分)<!doctypehtml><html><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">...

    不忘初心 不忘初心 2019-06-27 围观(222) 评论(0) 点赞(1) WEB前端

    阅读更多
  • 【原】弄清楚ajax实现的五个步骤,带你用原生js实现ajax请求

    WEB前端弄清楚ajax实现的五个步骤,带你用原生js实现ajax请求

    jquery提供的ajax方法好用的一批,那么我们如何用原生js实现ajax呢?原生js用来发送ajax请求的api是什么呢?本文就来教你如何利用原生js封装一个ajax请求,超级简单,并没有大家想象中的那么复杂。我们打开浏览器的console,简单抓几个包看看:如上图,在浏览器中随便打开一个页面,就可以看到有很多ajax请求,点开它们之后,可以看到在请求头中都有一个“XMLHttpRequest”。没错,原生js发送ajax请求的就是“XMLHttpRequest”,那么我们必须要弄清楚XMLHttpRequest实现ajax的步骤,只有搞清楚了...

    不忘初心 不忘初心 2019-06-21 围观(8350) 评论(0) 点赞(25) WEB前端

    阅读更多

站点信息

  • 网站程序:spring + freemarker
  • 主题模板:《今夕何夕》
  • 文章统计:篇文章
  • 标签管理标签云
  • 微信公众号:扫描二维码,关注我们