文章列表

WEB前端

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

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

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

不忘初心  发布于 2020-09-29 浏览(43) 赞 (12)

WEB前端

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

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

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

不忘初心  发布于 2020-09-28 浏览(76) 赞 (36)

WEB前端

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

启动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 浏览(112) 赞 (16)

WEB前端

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

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 浏览(75) 赞 (2)

WEB前端

location.host 与 location.hostname 的区别

location.host 与 location.hostname 的区别

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

不忘初心  发布于 2019-07-20 浏览(243) 赞 (12)

WEB前端

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

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 浏览(587) 赞 (9)

WEB前端

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

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 浏览(750) 赞 (3)

WEB前端

如何使三个div均分父级div

如何使三个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 浏览(322) 赞 (1)

WEB前端

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

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

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

不忘初心  发布于 2019-06-21 浏览(2886) 赞 (25)

WEB前端

JS禁止页面右键菜单,并且自定义鼠标右键菜单

JS禁止页面右键菜单,并且自定义鼠标右键菜单

在一些场景下,我们并不希望用户点击右键菜单来审查元素,或者说我们想在右键菜单中添加一些我们自己的功能,但是却没有直接的API,那我们就换一种思路,直接禁止浏览器的原生右键鼠标菜单,然后自己重新写一个右键弹出菜单。如下图所示:实现代码:<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,user-scalable=no,initial-scal……

不忘初心  发布于 2019-06-20 浏览(623) 赞 (4)