文章库ARTICLE COLUMN

  • 如何把css'content的操作跟价值发挥到最大

    如何把css'content的操作跟价值发挥到最大

    摘要:属性需要与及伪元素配合使用,作用是可以定义伪元素所显示的内容,本文主要列举的可选值及实用的案例与技巧 showImg("https://segmentfault.com/img/bVbwuVr?w=900&h=383"); content属性需要与before及after伪元素配合使用,作用是可以定义伪元素所显...

    sixleavessixleaves 评论0 收藏0
  • css按钮交互效果

    css按钮交互效果

    摘要:最近在网上闲逛时,发现了这个毒鸡汤,内容有趣,按钮交互做的也很棒,简约而不简单。于是就把按钮交互的效果拿来学习一下。然后说一下就是元素的阴影效果,该属性可以让几乎所有元素的边框产生阴影。利用这个效果来模拟按钮塌陷。 最近在网上闲逛时,...

    hsluoyzhsluoyz 评论0 收藏0
  • 美化文件上传按钮自定义input file样式

    美化文件上传按钮自定义input file样式

    摘要:的样式不能直接用来美化,我们可以曲线救国,把的透明度降低为,相当于把这个控件隐藏了,实际上只是透明度为,还是存在的,然后把套上去,让充当的按钮。 input file的样式不能直接用css来美化,我们可以曲线救国,把input file的透明度降低为0,相当...

    jackzoujackzou 评论0 收藏0
  • CSS Reset 样式重置

    CSS Reset 样式重置

    摘要:前言所有浏览器都有附带的默认样式,这些样式应用在每一个页面,叫做用户代理样式表。标准字体大小可以,在移动端使用的适配的话会动态改变。删除中的内边框和填充。让中的在中正确显示有些浏览器会显示不过标签用的也少,自行取舍。 showImg("https:/...

    reclayreclay 评论0 收藏0
  • 前端面试每日 3+1 —— 第122天

    前端面试每日 3+1 —— 第122天

    摘要:前端面试每日题,以面试题来驱动学习,每天进步一点让努力成为一种习惯,让奋斗成为一种享受相信坚持的力量学习不打烊,充电加油只为遇到更好的自己,天无节假日,每天早上点纯手工发布面试题死磕自己,愉悦大家。 今天的知识点 (2019.08.16) —— 第1...

    anywayanyway 评论0 收藏0
  • anchor-link-with-fixed-header

    anchor-link-with-fixed-header

    摘要:一般常见于文档页面,复现如下点击右侧的目录,快速定位至,结果被遮住为方便观察,设置。代码给每个锚点增加属性解决后效果纠正偏移后,能准确定位,且不影响页面布局。修复后的代码原创说明此篇文章记录于年月日实际项目开发中遇到的问题。 背景 复...

    jay_tianjay_tian 评论0 收藏0
  • 小程序自定义导航栏(适配所有手机)

    小程序自定义导航栏(适配所有手机)

    摘要:背景在做小程序时,关于默认导航栏,我们遇到了以下的问题手机对于页面的展示不一致,安卓的显示不居中页面的只支持纯文本级别的样式控制,不能够做更丰富的效果左上角的事件无法监听定制路由导航单一,只能够返回上一页,深层级页面的返回不够友好探索...

    jayzoujayzou 评论0 收藏0
  • 编写可维护的前端代码

    编写可维护的前端代码

    摘要:最近在看高级程序设计,看到可维护代码的编写,做一下笔记与总结,方便以后查看。 最近在看JavaScript高级程序设计,看到可维护代码的编写,做一下笔记与总结,方便以后查看。 1.代码约定 1.1可读性 代码的格式化 使用若干个空格来进行缩进,因为制...

    CoreDumpCoreDump 评论0 收藏0
  • 博客乔迁,特此mark

    博客乔迁,特此mark

    之前工作手笔都是记录在有道云的,以后要常驻segmentfault,特此mark一下 : )

    idealcnidealcn 评论0 收藏0
  • 用 Authing 10分钟实现单点登录(SSO)

    用 Authing 10分钟实现单点登录(SSO)

    摘要:单点登录,简称为,是目前比较流行的企业业务整合的解决方案之一。添加三个按钮增加三个按钮控件到中,目的是为了演示如何使用管理单点登录状态。运行方法在终端中运行以下命令之后在浏览器访问。在应用交互中的位置官网小登录仓库欢迎,欢迎文档 单点...

    CobubCobub 评论0 收藏0
  • 学习成果:一个很简单的登录框

    学习成果:一个很简单的登录框

    摘要:作为选择器时,会选中所有和同辈的元素。代码简单登录框用户名密码登录要记得和的相对位置,自行在中添加引用。 介绍 showImg("https://segmentfault.com/img/bVbwvZq?w=1920&h=1080"); 除了样式之外,只通过css的伪类选择器实现了当鼠标焦点在"用户名"...

    lindroidlindroid 评论0 收藏0
  • 上下高度固定(100px),中间自适应

    上下高度固定(100px),中间自适应

    摘要:绝对定位弹性布局网格布局表格布局不知道为什么表格布局里面设置背景颜色无效,自己在那时还是没有解决。当然这也算是在这种情况下使用表格布局的一个缺点吧,背景色容易被屏蔽。有哪位童鞋能够很好处理这个问题的还请指教一波,谢谢 1、绝对定位 ...

    niuxiaowei111niuxiaowei111 评论0 收藏0
  • 前端面试每日 3+1 —— 第123天

    前端面试每日 3+1 —— 第123天

    摘要:前端面试每日题,以面试题来驱动学习,每天进步一点让努力成为一种习惯,让奋斗成为一种享受相信坚持的力量学习不打烊,充电加油只为遇到更好的自己,天无节假日,每天早上点纯手工发布面试题死磕自己,愉悦大家。 今天的知识点 (2019.08.17) —— 第1...

    kviccnkviccn 评论0 收藏0
  • 假设高度已知,请写出三栏布局,其中左栏右栏宽度各为300px,中间自适应

    假设高度已知,请写出三栏布局,其中左栏右栏宽度各为300px,中间自适应

    摘要:浮动布局绝对布局弹性布局表格布局网格布局全部代码部分浮动布局通过把多个类选择器链接在一起,仅可以选择同时包含这些类名的元素类名的顺序不限两者之间无空格例如被选择的元素浮动解决方案这是三栏布局 1、浮动布局 .layout.float .left{ ...

    MiracleWongMiracleWong 评论0 收藏0
  • vue.use学习

    vue.use学习

    摘要:学习我们都知道,每次在使用,就会联想到等等,但是发现没,就不用使用这是为什么呢严格来说,使用方法的都是依赖于的组件,而他只是一个处理请求的一个库,不依赖于所以,他不需要因为他没有使用到方法,而其他使用方法的都是用了方法。 vue.use学习...

    jeffrey_upjeffrey_up 评论0 收藏0
  • New CSS Logical Properties! - The Next Step of CSS

    New CSS Logical Properties! - The Next Step of CSS

    摘要:目前为止,支持类似这种多方向网站的最佳方式,依然是使用和变量。在英文网站,宽度属性用表示,高度属性用表示。在英文网站中更多常用于,它的值升级为代替。在英文网站中,物理属性与逻辑属性的表现是一致的。 原文链接:https://medium.com/@elad/n...

    zhoutaozhoutao 评论0 收藏0
  • 网址收集

    网址收集

    摘要:框架妹子前端练习题牛客网测试云测好看设计设计免费图库下载懒人图库中国素材 框架 妹子UIhttps://amazeui.clouddeep.cn UIkithttp://www.getuikit.net/index... ICON ZUIhttp://zui.sexy/#/ 前端练习题 牛客网https://www.nowcoder.com/5678889 测试 ...

    Miracle_lihbMiracle_lihb 评论0 收藏0
  • 前端面试每日3+1——第121天

    前端面试每日3+1——第121天

    摘要:前端面试每日题,以面试题来驱动学习,每天进步一点让努力成为一种习惯,让奋斗成为一种享受相信坚持的力量学习不打烊,充电加油只为遇到更好的自己,天无节假日,每天早上点纯手工发布面试题死磕自己,愉悦大家。 今天的知识点 (2019.08.15) —— 第1...

    chunquedongchunquedong 评论0 收藏0
  • React V16.9来了 无痛感升级 加入性能检测 【译-真香】

    React V16.9来了 无痛感升级 加入性能检测 【译-真香】

    摘要:更新日志应对添加以编程方式收集性能测量。在和在将弃用为常见攻击面。添加对事件的支持。在从调用时发出警告,创建循环。在和从错误的渲染器使用时发出警告。 2019年8月8日,我们发布了React 16.9。它包含几个新功能,错误修正和新的弃用警告,以帮助...

    zzirzzir 评论0 收藏0
  • 外卖app学习笔记

    外卖app学习笔记

    摘要:短信验证码登录和高德定位基本的项目结构搭建在目录下建立一个作为首页在目录下建立一个文件夹放默认样式的文件网址在目录下建立一个作为登录页在设置好路由可以按需加载,设置路由守卫路由守卫是否在登陆状态下登陆页面的组建搭建在文件夹下建立一个定...

    Barry_NgBarry_Ng 评论0 收藏0
  • scss的基本用法

    scss的基本用法

    摘要:一定义变量定义变量基本用法变量作为字符串拼接二简单的计算加减乘除三选择器嵌套四继承样式五使用,强大之处在于可以传递参数不传参传参初始化默认值六导入外部七高级用法,循环语句和自定义函数的使用自定义函数 一、定义变量 // scss 定义变量 ...

    Yi_Zhi_YuYi_Zhi_Yu 评论0 收藏0
  • 前端面试每日3+1——第120天

    前端面试每日3+1——第120天

    摘要:前端面试每日题,以面试题来驱动学习,每天进步一点让努力成为一种习惯,让奋斗成为一种享受相信坚持的力量学习不打烊,充电加油只为遇到更好的自己,天无节假日,每天早上点纯手工发布面试题死磕自己,愉悦大家。 今天的知识点 (2019.08.14) —— 第1...

    TychioTychio 评论0 收藏0
  • contenteditable跟user-modify还能这么玩

    contenteditable跟user-modify还能这么玩

    摘要:中的,他是一个全局属性,可以大致理解为可以使一个元素处于可编辑状态,像极了,不过还是存在许多不足跟问题,比如没有钩子等,本文不作深入探讨开胃使一个可以进行内容编辑点击我进行编辑乍一看,好像很普通,但是它可以解决一个的一个痛点,那就是可...

    hedge_hoghedge_hog 评论0 收藏0
  • 你所不知道的 CSS 负值技巧与细节

    你所不知道的 CSS 负值技巧与细节

    摘要:大家最为熟知的就是负,使用负的,可以用来实现类似多列等高布局垂直居中等等。那还有没有其他一些有意思的负值使用技巧呢下文就再介绍一些负值有意思的使用场景。但是希望无论左侧内容较多还是右侧内容较多,两栏的高度始终保持一致。 写本文的起因是...

    FrozenMapFrozenMap 评论0 收藏0
  • 前端复习计划

    前端复习计划

    摘要:清浮动问题解决新特性新特性新特性标签语义化性能优化移动端自适应源码源码跨域正则表达式指向问题类的继承原型链和闭包输入后浏览器做的操作有哪些协议深拷贝和前拷贝节流与防抖图片懒加载热更新的区别布局不定宽高居中盒模型属性的事件捕获判断数据类...

    lolomacololomaco 评论0 收藏0

热门文章

<