css
文章平均质量分 73
鲁南彭于晏
摸鱼大王
展开
-
【项目难点】禁止滚动、文本溢出省略号、css实现三角形、动态样式(使用vue)
这三个是最近做移动端项目遇到的一些比较小的需求。1、禁止滚动背景:手动实现了一个压屏窗(可以理解成带遮罩的弹窗),发现在弹窗出现后,依然可以通过鼠标滚轮上下滑动来使下面的列表进行滑动,要解决这个问题。实现一:利用betterscroll插件,将列表彻底做成只能被touch或者tap类事件触发滚动的组件。实现二:如果弹窗没有滚动需求的话,可以在弹窗弹出时,禁用touchmove事件实现三:如果弹窗没有滚动需求的话,可以把body的overflow设置为hidden,直接就没有滚动这一说了2、文本溢原创 2021-07-25 01:12:05 · 315 阅读 · 0 评论 -
【前端学习】sass入门
一、简介1、特色兼容css3增加变量、嵌套(nesting)、混入(mixins)等功能函数可以对颜色和属性进行运算控制指令(control directives)原创 2021-07-15 16:40:14 · 236 阅读 · 0 评论 -
【JS红宝书学习】11DOM扩展
对DOM的扩展,主要有Selector API和HTML5。1、选择符API众多JavaScript库中最常用的一项功能,就是根据CSS选择符选择与某个模式匹配的DOM元素。实际上,jQuery的核心就是通过CSS选择符查询DOM文档取得元素的引用,从而抛开了getElementById()和getElementsByTagName()。Selector API Level1的核心是两个方法,querySelector()和querySelectorAll(),可以通过Document和Elemen原创 2021-05-07 22:23:38 · 154 阅读 · 0 评论 -
【JS红宝书学习】15使用Canvas绘图
canvas是html5中的新功能,并且canvas还建议了一个WebGL的3D上下文。主流浏览器基本都支持。Windows XP本身缺少必要的绘图驱动程序,因此不可以使用canvas。1、canvas元素canvas的使用原理是先在html中声明一个canvas元素,然后在这个元素所占区域(使用width和height属性指定)中进行绘制。canvas可以使用id来标识自身,也可被css选择器选择后进行调整。基本使用方法,创建一个canvas元素,获取这个canvas元素,获取二维上下文。<原创 2021-04-21 22:57:16 · 223 阅读 · 1 评论 -
【组件】验证码
对验证码组件进行封装参考了这篇文章<canvas id="canvas" width="120" height="30" style="cursor: pointer;"></canvas>var cas=document.querySelector('#canvas');var ctx=cas.getContext('2d'); //构建绘图环境cas.onclick = randomCode;position={x:0,y:0,w:120,h:30};ne原创 2021-04-20 17:29:57 · 96 阅读 · 0 评论 -
【css学习】css基础学习 知识点简单整理
知识点1、盒模型Margin(外边距) - 清除边框外的区域,外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域,内边距是透明的。Content(内容) - 盒子的内容,显示文本和图像。例如div { width: 300px; border: 25px solid green; padding: 25px; margin: 25px;}300px (宽)50px (左 + 右填充)原创 2020-07-29 19:32:33 · 230 阅读 · 0 评论