前端

CSS实现居中的几种方案(总结)
JavaScript

CSS实现居中的几种方案(总结)

682 0

本篇文章给大家介绍一下多个CSS居中方案。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。(学习视频分享:css视频教程)水平居中内联元素要使内联元素(如链接,span 或img)居中,使用 text-align: center 足够了。123<div class="desk"> <span class="plate"></span></div>123.

5个有用的css函数(分享)
JavaScript

5个有用的css函数(分享)

81 0

CSS 包含了许多函数,而且它能够完成许多早期需要用 JavaScript才能完成的事情。每年都有新的特性被添加进来,这让我们的开发更加轻松,也减少了对JavaScript的依赖。CSS 函数是它所具有的最强大的特性之一,在本文中,我将介绍一些我认为有用的函数。(学习视频分享:css视频教程)attr()attr 函数用于获取所选元素的属性值。 它接受三个参数,属性名称,类型和默认值。语法:1at

浅谈layui前端遇到的难点(集合)
JavaScript

浅谈layui前端遇到的难点(集合)

88 0

layui是一款采用自身模块规范编写的前端UI框架,其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,虽然layui很简单,但在我们使用时总会遇到一些难点,本文为大家介绍了一些layui前端会遇到的一些难点。一、表格中插入下拉框的情况问题:表格遇到下拉框表单的情况,下拉框在表格中没办法显示出来,效果:1、表格中下拉框被隐藏----方法1这种方法解决了表格中下拉框被隐藏的状态了,但是显示并不是很美观,距离最下面的表格的下拉框展开之后会撑开表格的滚动条显示出来,可以看到截图效果:这个办法只是简单是修改了一下

推荐一个Chrome DevTools实用小插件:CSS Overview Panel
JavaScript

推荐一个Chrome DevTools实用小插件:CSS Overview Panel

72 0

本篇文章给大家推荐一个实用Chrome DevTools小插件:CSS Overview Panel(CSS概览面板),使用它重构和改善样式表。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。CSS概览面板(CSS Overview Panel)提供了关于你的CSS的有趣信息。你可以查看高级别的CSS指标,这些指标在重构时特别有用。如何使用此功能启用此功能:从“DevTools实验

JavaScript

详解CSS3+SVG滤镜实现不规则边框的方法

504 0

本篇文章将介绍一种配合 SVG 滤镜实现各种不规则图形添加边框的小技巧。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。需求背景,给不规则图形添加边框在我们日常开发中,时长会遇到一些非矩形、非圆形的图案。类似下面这些:使用纯 CSS,搭配一些技巧,是可以制作出上面的图形的,当然这只是需求的第一步。紧接着,可能会有要给上述图形添加边框的诉求,这个时候,CSS 就很难办到了。尝试使用 drop-shadow 添加边框第一种方法,我们可以尝试使用 drop-shadow,给不规则的图形,添加一个

JavaScript

cs如何实现翻转效果

76 0

css实现翻转效果的方法:1、将外层元素设置perspective;2、将第二包裹层翻转180度,同时设置过渡速度;3、设置“backface-visibility”;4、设置“z-index”属性;5、让“back”最开始就翻转180度。本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。CSS3实现翻转(Flip)效果今天,我们用比较简洁的CSS3来实现翻转效果。动画效果效果分析当鼠标滑过包含块时,元素整体翻转180度,以实现“正”“反”面的切换。HTML分析分析:.co

前端HTML5几种存储方式的总结
JavaScript

前端HTML5几种存储方式的总结

77 0

总体情况h5之前,存储主要是用cookies。cookies缺点有在请求头上带着数据,大小是4k之内。主Domain污染。主要应用:购物车、客户登录对于IE浏览器有UserData,大小是64k,只有IE浏览器支持。目标解决4k的大小问题解决请求头常带存储信息的问题解决关系型存储的问题跨浏览器1.本地存储localstorage存储方式:以键值对(Key-Value)的方式存储,永久存储,永不失效,除非手动删除。大小:每个域名5M支持情况:注意:IE9 localStorage不支持本地文件,需要将项目署

JavaScript

Vue.js方法与事件的介绍

65 0

本篇文章给大家带来的内容是关于Vue.js方法与事件的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。方法与事件@click调用得方法名后可以不跟括号(),如果该方法有参数,默认会将原生事件对象event传入。这种在HTML元素上监听事件的设计看似将DOM与JavaScript紧耦合,违背分离的原理,实则刚好相反。因为通过HTML就可以知道调用的是哪个方法,将逻辑与DOM解耦,便于维护。最重要的是,当viewModel销毁时,所有的事件处理器都会自动销毁,无需自己处理。Vue提供了一个