摘要: 个人实际开发中用到的效果问题总结出来便于自己以后开发查看调用,如果也适用其他人请随意拿走勿喷就行! 进度条这一效果还是比较简单的,并没有什么难度,代码还简单好理解,它是由一个滑块控制进度条的快进,并计算进度的百分比给展示出来,具体效果如下。 HTML代码 <div class="box"> <p c 阅读全文
posted @ 2020-05-20 15:02 迷小落 阅读(450) 评论(0) 推荐(0) 编辑
摘要: 个人实际开发中用到的效果问题总结出来便于自己以后开发查看调用,如果也适用其他人请随意拿走勿喷就行! 利用原生js实现侧边滚动条,点击上下滚动,根据滚动条文字进行反方向滚动,根据文字的长度来定义滚动条的长度,鼠标滚轮滚动控制滚动条,具体样式如下。 逻辑思路非常的简单,需要点击事件、鼠标按下事件、鼠标弹 阅读全文
posted @ 2020-04-01 10:56 迷小落 阅读(723) 评论(0) 推荐(0) 编辑
摘要: 个人实际开发中用到的效果问题总结出来便于自己以后开发查看调用,如果也适用其他人请随意拿走勿喷就行! 这个就是一个普通的时间轴,是我看到小红书官网上面的一个效果就模仿写了下来,具体样子下面有动图显示,可自行修改样式。 以上是效果图,下面是代码。 HTML代码 <div style="width:400 阅读全文
posted @ 2020-01-22 11:13 迷小落 阅读(478) 评论(0) 推荐(0) 编辑
摘要: 个人实际开发中用到的效果问题总结出来便于自己以后开发查看调用,如果也适用其他人请随意拿走勿喷就行! 介绍一下这个导航是什么,他是键盘事件左右键移动到可视窗口末端然后会滑动一个导航,一直移动一直滑动,直到最后一个停止,反方向一样。 当初有用vue input标签写过,其中有bug,就是光标在滑动的时候 阅读全文
posted @ 2020-01-09 11:33 迷小落 阅读(1072) 评论(0) 推荐(1) 编辑
摘要: 个人实际开发中用到的效果问题总结出来便于自己以后开发查看调用,如果也适用其他人请随意拿走勿喷就行! 在开发公共导航页面时,大家可能会遇到这样一个问题,在a标签点击跳转页面后,被点击的a标签添加的样式刷新后消失。 阅读全文
posted @ 2019-07-08 16:06 迷小落 阅读(943) 评论(0) 推荐(0) 编辑
摘要: 个人实际开发中用到的效果问题总结出来便于自己以后开发查看调用,如果也适用其他人请随意拿走勿喷就行! 原生js对于思路要求比较高,在js代码我都写有备注,足够理解并使用,即使是小白或者刚入行的程序员也比叫好理解,其轮播图只是一个简单的效果,缺点没有写动画效果看起来比较生硬,优点简单好学,容易理解,非常 阅读全文
posted @ 2019-06-28 11:37 迷小落 阅读(1622) 评论(0) 推荐(0) 编辑
摘要: 个人实际开发中用到的效果问题总结出来便于自己以后开发查看调用,如果也适用其他人请随意拿走勿喷就行! vue.js是现在流行的js框架之一,vue 是一套用于构建用户界面的渐进式javascript框架,与其它大型框架不同的是:vue被设计为可以自底向上逐层应用。vue的核心库只关注视图层,不仅易于上 阅读全文
posted @ 2019-06-27 11:42 迷小落 阅读(20734) 评论(0) 推荐(0) 编辑
摘要: 双飞翼布局,是一种页面布局的形象的表达,他像鸟一样拥有两个翅膀一个身体。具体表现形式为 两边顶宽,中间自适应宽度的三栏布局,中间栏要放在HTML文档流的最前,优先渲染。 阅读全文
posted @ 2018-12-18 13:15 迷小落 阅读(318) 评论(0) 推荐(0) 编辑
摘要: 查看sass版本: sass -v / sass --version 文件后缀: scss: √, 编写方式更类似于css; sass: 不需要花括号,也不需要标点 引用变量: div { color: $color } 嵌套规则: content { width: $width; h3 { col 阅读全文
posted @ 2018-12-17 21:05 迷小落 阅读(162) 评论(0) 推荐(0) 编辑
摘要: cursor: default >默认值单箭头 e-resize >横向双箭头 ne-resize >左下右上切斜双箭头 n-resize >纵向水平双箭头 se-resize >左上右下切斜双箭头 sw-resize >左下右上切斜双箭头 s-resize >纵向水平双箭头 w-resize >横 阅读全文
posted @ 2018-12-08 18:36 迷小落 阅读(321) 评论(0) 推荐(0) 编辑