![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 57
廉颇易老
这个作者很懒,什么都没留下…
展开
-
vscode中js文件和vue文件格式化分号和双引号的问题
vs code编辑器运行vue项目时,.vue 文件和 .js 文件的规范是:不建议行尾有分号,字符串使用单引号不建议使用双引号的,如果项目中有 eslint 的话,那么就会经常报错。我的习惯是喜欢打开 format on save (保存及格式化代码)选项,安装了prettier 插件,也在 settings.json 设置了如下: // vue文件默认格式化工具:vetur ...原创 2020-02-14 19:59:17 · 3573 阅读 · 1 评论 -
vue项目使用scss时报错
vue项目使用scss,需要安装 node-loader 和 sass-loader命令:npm install node-loader --save-dev 和 npm install sass-loader --save-dev然后运行项目报错:Module build failed: TypeError: this.getResolve is not a function...原创 2019-12-28 18:18:09 · 1154 阅读 · 0 评论 -
关闭vscode烦人的提示框
vscode有两种烦人的提示框:第一种是:鼠标放到html标签上的悬浮提示框,如图:第二种是:输入的时候有悬浮窗,并不是智能提示的框,而是解释型的提示框,如图:这两种框基本上都用不到,而且还是英文的提示,日常使用中更加无视,而且面积大小不一,遇到大面积的很是烦人,遮挡视线,需要挪动光标才可以消失。所以专门花费了些时间来处理这个问题。一:关闭鼠标hover时的悬浮窗:...原创 2019-09-20 12:55:26 · 33371 阅读 · 15 评论 -
整理下2个div的动态切换
首先展示实现效果:点击 “其他格式” 的时候动态切换两个div的显示状态:实现需求:两个div,一个div默认状态下是显示状态,另一个div是隐藏状态,当点击“其他格式”的时候,动态切换两个div的显示状态。实现代码:HTML:CSS:原生javascript:具体看js的实现思路就可以了。代码只是自己思想逻辑的一种具象体现,开始做的时候,还是没...原创 2019-09-19 22:44:57 · 843 阅读 · 1 评论 -
css复选框和文字对齐
解决css复选框和文字不对齐的方法:https://www.cnblogs.com/anymoredo/p/4980009.htmlinput[type=checkbox]{ display: inline-block; vertical-align: middle; margin-bottom: 2px;}...转载 2019-07-08 16:39:04 · 2182 阅读 · 0 评论 -
m3u8格式下载
之前用到m3u8下载的时候,是可以下载的,后来过了一段时间,再次想要下载,发现怎么想都想不起来了。记录下当时是按照什么教程下载的。https://jingyan.baidu.com/article/ff411625ba601d12e5823753.html是这个教程。首先在需要的视频网页中,按下F12,点击左上角的手机模式,使其转换成手机模式状态,控制台切换到NetWork,按下F...转载 2019-06-25 10:19:23 · 3240 阅读 · 0 评论 -
chrome 67版本后无法拖拽离线安装CRX格式插件的解决方法
起因:想重新用回“掘金”插件,但是下载后安装不上,问题搁置了好几天,今天再次无意中看到这篇文章:“http://chromecj.com/utilities/2018-09/1525.html”。试了试,只有第三种方法管用,“掘金”插件可以使用了。为防止链接挂掉,简述下步骤:1.下载好后的crx文件,更改后缀名为zip或者rar2.解压更改后缀名后的文件3.打开“chrome:...原创 2019-04-17 12:49:12 · 423 阅读 · 0 评论 -
video的那些杂七杂八的东西
video标签的那堆破事,这篇文章写得不错,收藏推荐:video的那些事转载 2019-01-22 21:26:10 · 598 阅读 · 0 评论 -
解决webstrom编辑器右上角浏览器图标消失不见的问题
之前的电脑上安装的版本是WebStorm-2018.1.3,开始时好好的,可以运行HTML文件,右上角也可以显示各个浏览器的图标,但是更新了WebStorm-2018.1.5后,重新打开编辑器,发现编辑器右上角的浏览器图标消失不见了,右击HTML文件也没有open in broswer 选项,但是idea编辑器打开相同的HTML文件完全不受影响,强迫症,表示必须解决webstrom傲娇的问题,上网...原创 2018-07-07 20:22:01 · 6644 阅读 · 2 评论 -
前端-水平垂直居中问题
效果图:贴代码:实现方法一:position + translate 方案1.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i原创 2018-06-27 20:49:12 · 303 阅读 · 0 评论 -
node读取本地文件中文乱码问题
node读取本地文件中遇到中文时,读取出来的是一串乱码。问题来源: 由于Node.js仅支持如下编码:utf8, ucs2, ascii, binary, base64, hex,并不支持中文GBK或GB2312之类的编码,在 windows 中,默认的文本编码方式是根据系统的 locale 决定的,中文系统中默认的编码方式为 gb2312 而不是 utf-8,(在Linux 中是用...原创 2018-05-10 15:06:19 · 1421 阅读 · 0 评论 -
4种方法解决为 li列表 添加事件问题(for循环经典问题)
在for循环中,为每个li列表添加事件的时候,总是需要得到每个li对应的下标值,这是就会产生一个问题,这篇博客代码就是分析问题产生的本质和提供了4种方法来解决问题原创 2017-09-07 17:23:13 · 4297 阅读 · 0 评论 -
Canvas设置width和height问题
canvas中设置宽高有canvas标签设置和css样式设置,那么这两种设置的区别是什么?原创 2017-09-06 18:43:08 · 3252 阅读 · 2 评论 -
sublime中css输入分号后自动提示的烦恼
解决sublime中sublimeCodeIntel插件输入分号后自动提示的烦人问题原创 2017-09-05 15:37:26 · 4303 阅读 · 2 评论 -
前端新人学习横向下拉菜单总结
前端新人,学习横向下拉二级菜单demo时遇到些困难,特总结下,备用。1.首先明白一级菜单和二级菜单都是具有点击功能的,所以所有的菜单都是一个超链接。2.纵向二级菜单和横向都是可以使用列表来做的。横向的只是给了li一个浮动。所以要用到列表。3.一级菜单和二级菜单构成一个li,因为同一个一级菜单下有多个二级菜单,所以二级有多个超链接,我们可以使用一个div来盛装。4.二级菜单下有多个超原创 2016-12-27 00:16:22 · 1490 阅读 · 0 评论 -
整理各种三角问题
首先是这种简单的小三角:实现代码:for(var i=1;ifor(var j=1;jdocument.write("*");}document.write("");}其中,i代表行数,j代表列数。其次:是这种三角形:实现代码如下:for(var i=1;ifor(var j=1;jdocument原创 2017-01-06 23:53:40 · 341 阅读 · 0 评论 -
再续js打印图形
上篇博客使用js打印了几种三角形,那么今天来更新打印菱形。实现效果如图:那么实现代码如下:菱形span{visibility: hidden;}var n = parseInt(prompt("请输入行数"));for(var i=1;iif(ifor(var j=1;jdocu原创 2017-01-08 20:17:22 · 491 阅读 · 0 评论 -
IE和谷歌(火狐)浏览器兼容获取内部样式表和外部样式表的样式
内部样式表和外部样式表的样式不能使用节点.style.属性名的方式来获取样式。所以今天学习了IE谷歌之间兼容获取内部样式表和外部样式表的样式的方法。以内部样式表为例:获取内部样式表或外部样式表的样式*{margin: 0;padding: 0;box-sizing:border-box;}#container{width: 400原创 2017-03-02 00:42:03 · 986 阅读 · 0 评论