前端界面
文章平均质量分 78
ONLY&YOU
计算机前后台开发
展开
-
Cookie、Session、Token定义、优缺点、用途
Cookie、Session、Token定义、优缺点、用途原创 2022-03-05 15:39:45 · 734 阅读 · 0 评论 -
网页置灰css
通过对html元素添加filter实现网页页面置灰,参考csdn置灰时的样式。html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gr...原创 2020-04-05 10:47:15 · 549 阅读 · 0 评论 -
bootstrap中,使用Pagination处理前后端分页
在前端界面编辑过程中,我们经常遇到需要进行分页处理的情况,很多博客都介绍了表格进行前后端分页处理的方法,本博客主要介绍非表格处理时(例如template),使用Pagination处理前后端分页方法。原创 2017-12-26 10:53:28 · 13866 阅读 · 2 评论 -
使用css修改input框中checkbox的样式
概述 在页面设计时,我们经常使用input复选框。由于界面设计的需要,我们需要修改复选框的样式,使得界面更美观或者适应新的需求。由于CheckBox伪类修改比较复杂,通常修改的方式有两种,一个是链入图片,另一个是使用纯css的方法进行修改。链入图片的设计方式比较简单,但是需要预先设计或者下载图片,比较麻烦。纯css的方法,只需要在css文件中编写代码,个人觉得比较方便,因此,本文使用该方式对...原创 2018-04-19 11:14:34 · 171678 阅读 · 12 评论 -
前端页面中使用Spectrum 绘制调色板
概述 在页面开发时,有时我们需要在页面中添加一个调色板,方便用户自己喜欢的颜色。这时,我们需要在页面中添加一个调色板。在input[type='color']中,可以直接调出调色板,而且界面也比较漂亮,但是我们很难控制它的样式,最致命的是他的兼容性非常差,在ie10中无法进行显示,因此选用Spectrum 绘制调色板。最终的展示效果为:操作目标 在页面中,我们需要将调色...原创 2018-04-19 13:09:44 · 5604 阅读 · 3 评论 -
在输入框和文本框中获取和设置光标位置,以及选中文本和获取选中文本值的方法 --- 详解,兼容所有浏览器。
转载:https://www.cnblogs.com/cheerfulCoder/p/4323930.html写在前面最近在segmentfault上看到它的日期输入控件,感觉挺有意思。好吧,动手写一个,加到自己的代码库里吧。然后问题来了,在上面图片中,我们很明显的看得出这里涉及光标位置的控制。比如说当我输入1993的3之后,光标必须要得插入到-中划线的下个输入点。在网上找...转载 2018-11-22 15:22:28 · 4350 阅读 · 0 评论 -
js实现音乐列表循环播放或单曲循环
简介在前端页面中,有时候我们需要播放一首或者多首背景音乐,以此提高用户体验度。但是,很少有插件能够直接支持插入循环列表。因此,采用js控制Audio标签,实现音乐的循环播放,具体的功能可有(一部分): 可设置循环列表,对列表中的歌曲进行播放。 可对控制按钮进行隐藏。 可实现audio标签对应的功 等等。 实现过程首先在设置一个标签<bod...原创 2018-11-22 20:17:19 · 19076 阅读 · 1 评论 -
Vue.js——60分钟快速入门
转发自 http://www.cnblogs.com/keepfool/p/5619070.html文章的主要目录结构 Vue.js介绍Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。如果你之前已经习惯了用j...转载 2018-11-27 09:26:51 · 381 阅读 · 0 评论 -
vue简单语法规则总结
目录 npm安装的Vue项目结构展示 数据绑定 计算属性 V-bind及class与style绑定 内置指令 表单与v-model 组件 npm安装的Vue项目结构展示 数据绑定 计算属性 V-bind及class与style绑定 内置指令 表单与v-model 组件 ...原创 2019-01-29 17:05:23 · 1050 阅读 · 0 评论