web前端学习
文章平均质量分 60
Fayeni
这个作者很懒,什么都没留下…
展开
-
css-隐藏滚动条并可以滚动内容
隐藏滚动条的同时还需要支持滚动,我们经常在前端开发中遇到这种情况,最容易想到的是加一个iscroll插件,但其实现在CSS也可以实现这个功能,我已经在很多地方使用了,下面一起看看这三种方法。方法1:计算滚动条宽度并隐藏起来在本站的侧栏,你可以看到前端日报的那块内容并没有滚动条,但鼠标移上去却可以滚动内容。这是什么技术呢? 其实我只是把滚动条通过定位把它隐藏了起来。演示下面给一个简化版的代码<div class="outer-container"> <div cl..转载 2021-11-04 20:44:39 · 652 阅读 · 0 评论 -
Vue3.x项目初始化/创建
1.在终端输入npm install -g @vue/cli2.创建一个文件夹/将终端路径设置成你想存储项目的文件我在这里创建了一个专门用来学习vue的文件夹,并将终端路径指向这个文件夹3.在终端输入vue create vue3-1,该命令会创建一个名为vue3-1的项目4.会有几个问题,可以参考设置一下5.路径指向vue3-1后执行命令yarn serve6.打开http://localhost:8080/查看页面...原创 2021-09-16 16:03:10 · 222 阅读 · 0 评论 -
我的第一段JavaScript---点击图标关闭相应内容
如图右侧有个关闭图标。(只截取了部分内容)JavaScript部分:<script language="javascript" type="text/javascript">/****功能:隐藏*参数divDisplay:html标签id***/ function click_a(divDisplay) { if(docume...原创 2018-08-02 23:46:54 · 279 阅读 · 0 评论 -
positon的absolute和relative
position:absolute; 他的意思是绝对定位,他是参照浏览器的左上角,配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位,在没有设定TRBL,默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性,那么当前的absolute则以浏览器左上角为原始点进行定位,位置将由TRBL决定。position:relative; 他的意思...原创 2018-08-10 09:46:01 · 224 阅读 · 0 评论 -
CSS3 text-overflow多行文本溢出显示省略号
语法:text-overflow:clip | ellipsis默认值:clip适用于:所有元素clip: 当对象内文本溢出时不显示省略标记(...),而是将溢出的部分裁切掉。 ellipsis: 当对象内文本溢出时显示省略标记(...)。在使用的时候,有时候发现不会出现省略标记效果,经过测试发现,使用ellipsis的时候,必须配合overflow:hidden; whit...原创 2018-08-14 09:49:53 · 875 阅读 · 0 评论 -
CSS3 box-shadow图层阴影
上一节我们一起探讨了一下CSS3的文字阴影text-shadow的使用方法,今天我们接着一起来探讨一下CSS3中的另一个属性box-shadow的使用方法。CSS3的box-shadow有点类似于text-shadow,只不过不同的是text-shadow是对象的文本设置阴影,而box-shadow是给对象实现图层阴影效果。本文我们搁下IE不谈,只谈谈box-shadow的具体使用方法语法...转载 2018-08-09 10:58:14 · 951 阅读 · 0 评论 -
JS 给Li增加class
<script> var list=document.getElementById("mainNav") //获取ul对象 lis=list.getElementsByTagName("li") //获取ul下的li对象,是数组集合 for(var i=0,l=lis.length;i<l;i++){ lis[i].className="main...原创 2018-08-16 17:06:30 · 2394 阅读 · 0 评论