郝峰vip的博客

移动端1px 像素边框

css3 文本超出容器后显示... css3 文本超出几行后显示...

使用css3新特性`prefers-color-scheme`，根据操作系统主题色改变自己网站的颜色或者其他业务逻辑

前言在使用vue或者react开发项目时都会用到scss,或者less等的扩展语言，那么肯定会有公共变量提取与使用，这篇文章就是记录如何导出公共css变量的:export 关键词$menuText:#bfcbd9;$menuActiveText:#409EFF;$subMenuActiveText:#f4f4f5;// $menuBg:#304156;$menuBg:#304156;$menuHover:#263445;$subMenuBg:#1f2d3d;$subMenu

前言最近也是接受一个不知道经历过几代人写的项目，一个后台系统，一点响应式也没有，只能自己加，在写到响应式固定导航栏的时候发现当缩小浏览器或者在小屏幕出现滚动条时，固定的导航栏被遮住了，于是乎就开始找办法解决，幸好最终解决了。思路监听浏览器的scrollLeft，拖动多少就让固定的导航栏移动多少，就适配了，自己亲自写的，非常好用。我这里用的vue脚手架所以是在Vue项目里边的，导航栏是公共的组件，所以方法写在该组件内了，不过方法是通用的，最后需要在组件销毁时移除监听事件，否则在别的页面会

前沿相信好多小伙伴都遇到过这个需求，那就来说一下。原理：就是在滚动区域的外部在套一个盒子，设置外部这个盒子宽比内部的少20px,(其实也就是滚动条的宽度)，然后在overflow:hidden就可以了接下来看个小例子：<template> <div class="PrizeStatusShellOut"> ...

前沿这个是笔者自己的笔记，方便以后开发，我们的需求是单行文本向上滚动播放。自己封装为组件。不过，这个体验不是很好。上下衔接不友好一 新建一个组件，scrollOn.vue <div class="WinBottom Font14 "> <div class="inner-container Ellipsis" v-for="(ite...

前沿这是一个通用的需求，当页面提示框弹起禁止下边的内容滚动，并且保留滚动到的当前的高度，我是在vue公共的方法中写的，全局通用。第一步：先在你的公共css里边写入这个样式.dialog-open { position: fixed; width: 100%; left: 0; top: 0;}第二步 ：在你的公共js里边写入这个方法，导入全局，现在还不知道怎么注册全局...

a{ outline:none;}