前端
雨临Lewis
个人博客地址:https://lewky.cn
展开
-
js、css外部文件的相对路径问题
如果js、css外部文件有使用到相对路径时,需要注意其相对路径的基准是不一样的。比如说,在index.html中引用到了外部的js和css文件,这两个文件都通过相对路径引用了某一张图片;这些文件所在的目录如下:.├── js| └── index.js├── css| └── index.css├── images| └── bg.jpg└── index.h...原创 2018-05-30 23:05:48 · 2977 阅读 · 0 评论 -
JSP 页面中用绝对路径显示图片
原文地址 http://lijun0349-163-com.iteye.com/blog/2008680说明:该方法在windows下有用,但在Linus中无效首先,图片和工程不在一个盘符下。图片也不能放到工程下。 在JSP 文件中 <img src="C:/Users/fx/Pictures/test.jpg"/> 这样是引不到图片的。因为,JSP页面在引图片的时候是在页面...转载 2017-09-01 01:04:25 · 1150 阅读 · 0 评论 -
css - 单词的自动换行问题
转载自:解决文档中有url链接时被强制换行的问题问题当行内出现很长的英文单词或者url的时候,会出现自动换行的问题,为了美化页面,往往会希望这些很长的英文单词或者url能够断开来,超出的部分换行到下一行。解决方案可以通过使用两个属性来实现该需求:word-wrap:break-word;word-break:break-all;word-wrapwor...转载 2018-09-02 22:52:36 · 6247 阅读 · 0 评论 -
Markdown - 如何使用上标、下标
解决方法Markdown可以和HTML的语法兼容,可以通过HTML的上标和下标标签来实现效果:标签写法效果上标2<sup>10</sup>210下标H<sub>2</sub>OH2O这里解释下,sup指的是superscript上标,sub指的是subscript下标。参考链接在markdown中如...原创 2018-12-12 22:11:38 · 10845 阅读 · 4 评论 -
页面的背景音乐加载很慢
问题由于我在页面中使用了&lt;audio&gt;标签来播放一首背景音乐,该音频是一首大小为2.7MB的MP3文件。在第一次加载该页面时,需要花费相当长的一段时间去加载音频。解决方法百度了下才知道,原来超过2MB的背景音乐其实是一个很巨大的文件了,如果网速稍微慢一些用户体验就会很差了。大概有几种解决的办法:把音乐加到FLASH里使用rm或wma格式的背景音乐降低MP3文件的音质第...原创 2018-12-19 22:36:51 · 4385 阅读 · 5 评论 -
Markdown - 如何给文本加下划线
解决方法Markdown可以和HTML的语法兼容,可以通过HTML的标签来实现效果:标签写法效果下划线&lt;u&gt;下划线&lt;/u&gt;下划线这里解释下,u指的是underline下划线。附注尽量不要给文本加下划线,因为这会和超链的表现形式混淆,会被误以为是个超链。参考链接HTML 标签...原创 2018-12-14 23:34:58 · 30889 阅读 · 0 评论 -
执行gulp build报错
问题与分析在执行gulp build报错如下:D:\coding\Resume\Resumes>gulp buildgulp build[5628]: src\node_contextify.cc:628: Assertion `args[1]->IsString()' failed.D:\coding\Resume\Resumes>gulp -v[22:00:13]...原创 2019-02-27 00:45:32 · 7023 阅读 · 0 评论 -
Windows下完全卸载node.js并安装node.js的多版本管理工具nvm-windows
前言由于高版本的node.js导致gulp执行build命令失败,我需要在Windows下卸载掉已有的node.js并安装一个多版本管理工具nvm-windows,方便切换不同版本的node.js。nvm是Linux下常用的一个node.js多版本管理工具,但是nvm不能在Windows下使用,在GitHub上有个项目叫nvm-windows,可以让我们在Windows下对node.js进行多...原创 2019-02-27 00:46:53 · 41462 阅读 · 8 评论 -
快速删除node_modules文件夹
前言当安装了较多模块后,node_modules目录下的文件会很多,直接删除整个目录会很慢,下面介绍些快速删除node_modules目录的方法。方法一:使用rimraf模块的命令在全局安装rimraf模块,然后通过其命令来快速删除node_modules目录:npm install rimraf -grimraf node_modules方法二:使用命令来删除目录Windows下...转载 2019-02-27 00:47:36 · 7329 阅读 · 0 评论 -
css笔记-为什么不建议使用*{padding:0;margin:0;}进行reset?
segmentfault上的一个回答 采用*{pading:0;margin:0;}这样的写法好处是写起来很简单,但是*是通配符,需要把所有的标签都遍历一遍,当网站较大时,样式比较多,这样写就大大的加强了网站运行的负载,会使网站加载的时候需要很长一段时间,因此一般大型的网站都有分层次的一套初始化样式。常用的reset.css* { -webkit-box-sizing: border-bo转载 2018-04-17 22:31:48 · 9494 阅读 · 0 评论 -
html中<base>标签的使用
在html的<header>标签中可以使用<base>标签如下:<header><!-- <base> 标签为页面上的所有链接规定默认地址或默认目标。 --><base href = "${pageContext.request.contextPath}/" /><base target = "_blank" /></header>这样使用的好处是页面中的所有链接如果使用了相对路径,那么就会原创 2018-04-08 23:05:16 · 2385 阅读 · 0 评论 -
<![CDATA[]]>和转义字符
原文地址:http://www.cnblogs.com/catgatp/p/6403382.html被这个标记所包含的内容将表示为纯文本,比如表示文本内容“。 此标记用于xml文档中,我们先来看看使用转义符的情况。我们知道,在xml中,”、”>”、”&”等字符是不能直接存入的,否则xml语法检查时会报错,如果想在xml中使用这些符号,必须将其转义为实体,如”<”、”>”、”转载 2017-08-29 16:03:14 · 511 阅读 · 0 评论 -
设置网站ico图标的两种方法
方法一: 直接在站点根目录下放入名为:favicon.ico 的图标文件(必须要为 ICO 文件,BMP 及其他格式的图片文件不行)。还有将 favicon.ico 中的 favicon 命名为你网站域名的名称也可以,例如:你网站的域名为:xll.com,你可以将该 ICO 文件命名为:xll.ico 。其IE地址栏图标绝对地址就可以为:http://www.timeshi.com/转载 2017-09-11 13:26:45 · 4316 阅读 · 1 评论 -
如何屏蔽双击选中文本
IE浏览器可以通过在某个标签里添加onselectstart="return false"来屏蔽双击选中文本,该属性在火狐中无效,火狐需要用style="-moz-user-select:none;"。此外还可以在body里添加该属性来实现整个网页都无法选中文字。类似的属性属性还有:禁止鼠标右键:oncontextmenu="return false";禁止拖放:ondrags原创 2017-08-29 19:45:00 · 3080 阅读 · 0 评论 -
如何通过选中文字来勾选/取消复选框
有时候我们想要在选中文字的时候就自动勾选或取消复选框,有两种实现的方式:①在复选框的外边包上<label/>标签<label><input type="checkbox">233333333</label>②通过<label/>标签的for属性来联动某一个复选框<input type="checkbox" id=&q原创 2017-08-20 23:34:24 · 1535 阅读 · 0 评论 -
关于display:none和display:block的问题
如果使用了display:none,会使该标签消失;可以通过display:block重新恢复该标签。但是这里有一个问题,使用了display:none之后会使该标签原本的样式被清除,所以就算重新恢复标签也不会恢复原本的样式。解决办法:不要直接令某一个标签的display属性设置为none,应当用一个div标签将要消失的标签包起来,然后通过该div标签的display来实现内部标签的隐藏和原创 2017-08-21 14:05:51 · 23537 阅读 · 0 评论 -
$("body").animate({"scrollTop":top})无效的问题
问题我在个人站点的左下角和右下角各自使用了如下代码来将页面滚动到顶部和底部:$("body").animate({scrollTop:0},800);$("body").animate({scrollTop:$(document).height()},800);最近才忽然发现在Chrome浏览器下,上面的代码没有问题,而在Firefox下却是无效的。百度后才知道,原来这是因为这两个浏览...原创 2019-05-03 00:29:01 · 6756 阅读 · 6 评论