所有文章

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

  WEB前端

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

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

  阅读更多

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

  WEB前端

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

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

  阅读更多

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

  WEB前端

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

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

  阅读更多

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

  WEB前端

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

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

  阅读更多

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

  WEB前端

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

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

  阅读更多

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

  WEB前端

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

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

  阅读更多

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

  WEB前端

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

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

  阅读更多

• 【原】wangeditor3如何集成highlightJs实现代码高亮？

  WEB前端

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

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

  阅读更多

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

  WEB前端

  由于之前一直是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 围观(6775) 评论(0) 点赞(16) 【WEB前端】

  阅读更多

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

  WEB前端

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

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

  阅读更多

• 【原】location.host 与 location.hostname 的区别

  WEB前端

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

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

  阅读更多

• 【原】ajax使用formdata提交form表单，服务端接收不到数据

  WEB前端

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

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

  阅读更多

• 【原】ajax提交formdata，报错Uncaught TypeError: Illegal invocation(…)

  WEB前端

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

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

  阅读更多

• 【原】如何使三个div均分父级div

  WEB前端

  在一些网页设计中，经常会涉及到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 围观(575) 评论(0) 点赞(1) 【WEB前端】

  阅读更多

• 【原】弄清楚ajax实现的五个步骤，带你用原生js实现ajax请求

  WEB前端

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

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

  阅读更多