文章库ARTICLE COLUMN

  • 【前端芝士树】如何对元素块实现居中(垂直和水平方向都居中)?

    【前端芝士树】如何对元素块实现居中(垂直和水平方向都居中)?

    摘要:前端芝士树如何对元素块实现垂直居中水平居中和垂直居中是前端开发过程中肯定会遇到的问题,下面我讲解几种常见的方式。 【前端芝士树】如何对元素块实现垂直居中? showImg("https://segmentfault.com/img/bVbisNT?w=430&h=183"); 水平居中和垂直居中...

    _Dreams_Dreams 评论0 收藏0
  • 小程序中placeholder-class和placeholder-style的区别

    小程序中placeholder-class和placeholder-style的区别

    摘要:小程序中的样式如图可知,小程序为我们提供了两种修改中的方法。两者的区别在项目使用过程中起初我以为两种属性只是区别于形式功能是一样的,但后来发现并不相同。把写在上则是正常比例。 小程序中的placeholder样式 showImg("https://segmentfault.co...

    lk20150415lk20150415 评论0 收藏0
  • css3变形动画的一些基础知识

    css3变形动画的一些基础知识

    摘要:指定完成过渡所需的时间,完成一次动画所需时间指定过渡函数,动画播放方式指定开始出现的延迟时间,如果没有延迟我们可以用或者直接不写。第一种第二种第三种被称为关键帧,其类似于中的关键帧。表示动画在结束后继续应用最后的关键帧的位置。 transf...

    gghyoogghyoo 评论0 收藏0
  • 手把手教会使用react开发日历组件

    手把手教会使用react开发日历组件

    摘要:你也可以从其他星期开始,不过会对下面的日期显示有影响,因为每个月的第一天是周几决定第一天显示在第几个格子里。首先要根据年月的第一天获得,根据这个获取周几。 准备工作 提前需要准备好react脚手架开发环境,由于react已经不支持在页面内部通过j...

    remcarpediemremcarpediem 评论0 收藏0
  • CSS实现导航栏点击选中

    CSS实现导航栏点击选中

    摘要:用类来标准哪个选项被选中选中效果只是当前选项,点击其他选项是不会改变用标签实现选中效果回顾教程教程上没有如何点击选中,发现评论区已有人给出答案可以实现点击时选中不可以实现点击时选中问题一个有生成的入口文件,一个没有生成入口文件,没有的...

    SonglcySonglcy 评论0 收藏0
  • 移动端适配方案

    移动端适配方案

    摘要:布局,缩放这也是淘宝使用的方案,根据屏幕宽度设定值,需要适配的元素都使用为单位,不需要适配的元素还是使用为单位。 讨论适配方案之前,先了解几个移动端的概念。 基础概念 设备像素(device pixels):又称为物理像素,是显示屏的最小物理单位。在...

    zzzmhzzzmh 评论0 收藏0
  • 初步了解表单操作

    初步了解表单操作

    摘要:获取表单组件元素表单操作文本内容的选择对象和对象都提供了方法,该方法用于选择当前文本框的所有文本内容。 表单操作 获取表单 获取表单元素 获取表单元素的方式,大体上可以分为以下几种方式:1.Document对象提供的定位页面元素的一系列方法 var...

    A  LoityA Loity 评论0 收藏0
  • Chrome 调试技巧

    Chrome 调试技巧

    摘要:而就是告诉程序在那里停下来进行单步调试,俗称断点。面向,专为异步而生的断点调试功能。中的调试技巧元素的控制台书签开发者工具和都提供了书签功能,用于显示你在元素标签页或标签页中最后点击的元素。 写在前面本文包括浏览器调试,不包括web移动...

    fantixfantix 评论0 收藏0
  • css3 弹性布局和多列布局

    css3 弹性布局和多列布局

    摘要:弹性盒子基础弹性盒子是中盒子模型的弹性布局,在传统的布局方式上增加了很多灵活性。定义一个弹性盒子在父盒子上定义属性内核浏览器的兼容设置,下同当然还有行内布局的弹性盒子注意,设为布局以后,子元素的和属性将失效。 弹性盒子基础 弹性盒子(Fl...

    stormzhangstormzhang 评论0 收藏0
  • CSS伪类的实例

    CSS伪类的实例

    既然说到伪类,这里就用足够的代码给表现一下他们的神奇用法。从简单到复杂,可以清晰的看清到伪类的诸多使用方法,对于有些功能近似的就取其一举例了: :first-letter 为第一个字添加样式,这里用一个首字下沉的例子来演示一下: 中国是以华夏文明为源泉 ...

    junbaorjunbaor 评论0 收藏0
  • css元素居中方法

    css元素居中方法

    摘要:写在前面很多时候我们需要水平居中时候用但我们要知道,这个方法有很大的局限性,它不能对浮动元素和绝对定位元素居中,而且对于其他元素必须在有属性时才有作用。 写在前面:很多时候我们需要水平居中时候用margin: 0 auto;但我们要知道,这个方法有...

    calxcalx 评论0 收藏0
  • 前端每日实战:126# 视频演示如何用纯 CSS 创作小球变矩形背景的按钮悬停效果

    前端每日实战:126# 视频演示如何用纯 CSS 创作小球变矩形背景的按钮悬停效果

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbgnoQ?w=400&h=300"); 效果预览 按下右侧的点击预览...

    didikeedidikee 评论0 收藏0
  • 纯css实现瀑布流(multi-column多列及flex布局)

    纯css实现瀑布流(multi-column多列及flex布局)

    瀑布流的布局自我感觉还是很吸引人的,最近又看到实现瀑布流这个做法,在这里记录下,特别的,感觉flex布局实现瀑布流还是有点懵的样子,不过现在就可以明白它的原理了 1.multi-column多列布局实现瀑布流 先简单的讲下multi-column相关的部分属性 column-c...

    MangoGoingMangoGoing 评论0 收藏0
  • 实现一个扫描商品条码进行评价或留言的小程序(附源码)

    实现一个扫描商品条码进行评价或留言的小程序(附源码)

    摘要:功能介绍对准上面的小程序码,扫一下,嘀地一声,扫码成功,打开小程序,进入小程序首页。因为手头上没有可乐,所以我找来了一只非常专业的猫,扮演一瓶的可口可乐演示给大家看。 1.功能介绍 showImg("https://segmentfault.com/img/remote/1460000016...

    stefanieliangstefanieliang 评论0 收藏0
  • DOM和BOM

    DOM和BOM

    摘要:和概念文档对象模型。作用操作页面中的元素。顶级对象是就是指或者文件。侧重于展示数据,侧重于存储数据,写的是代码,遵循的是的规范。页面中所有的内容都是节点标签节点,属性节点,文本节点。所以,对象值这种写法是错误的。 DOM和BOM DOM 概念 D...

    WelliJhonWelliJhon 评论0 收藏0
  • CSS设置容器和屏幕高度一致

    CSS设置容器和屏幕高度一致

    摘要:最近项目遇到一个问题,登录页面是全背景图片,需要图片填满屏幕,并且不能出现滚动条之前有的方法是用动态获取屏幕的高度并且赋值给容器。 最近项目遇到一个问题,登录页面是全背景图片,需要图片填满屏幕,并且不能出现滚动条 之前有的方法是: 用Js...

    stefanieliangstefanieliang 评论0 收藏0
  • 《从零构建前后分离的web项目》:前端了解过关了吗?前端基础架构和硬核介绍

    《从零构建前后分离的web项目》:前端了解过关了吗?前端基础架构和硬核介绍

    摘要:前端准备前端了解过关了吗前端基础架构和硬核介绍技术栈的选择首先我们构建前端架构需要对前端生态圈有一切了解,并且最好带有一定的技术前瞻性,好的技术架构可能日后会方便的扩展,减少重构的次数,即使重构也不需要大动干戈,我通常选型技术栈会参考...

    SwordFlySwordFly 评论0 收藏0
  • overflow:hidden失效问题

    overflow:hidden失效问题

    摘要:要求能够显示最后一个完整的标签。搜索解决方式时一直关注的是失效,而没有想过是因为使用了的影响。这个属性存在兼容性问题。在解决问题的过程中,发现了另一种解决办法,在父元素上添加。 2018-08-03 Questions about work 这几天开发的时候遇到了个...

    SHERlocked93SHERlocked93 评论0 收藏0
  • 定时器以及定时器的几个案例

    定时器以及定时器的几个案例

    摘要:定时器延迟执行,周期执行延迟执行延迟执行打印一段文字作为对比延迟毫秒周期执行周期执行方法作用设置一个周期执行的定时器参数标识延迟执行的代码逻辑标识延迟执行的时间,单位为毫秒返回值表示当前定时器的标识案例动态显示时间动态显示时间 定时器...

    heartFollowerheartFollower 评论0 收藏0
  • 您的【用户体验优化方案】到了,请签收~

    您的【用户体验优化方案】到了,请签收~

    摘要:暴露年龄了广告词饭后嚼两粒大概,故事性很强,比较有意思同时直入主题,饭后吃益达口香糖有益健康。书里破茧成蝶说道,揣摩用户的心思远远不够,你不可能完整的想到别人在想什么,所以还需要去体验用户的生活。 用户体验(User Experience,简称UX 或...

    cheng10cheng10 评论0 收藏0
  • SCSS学习笔记(一)

    SCSS学习笔记(一)

    摘要:的由来就是加强版的,要讲那就一定要从讲起英文全称是一个最初由设计并由开发的层叠样式表语言。年发行,年版本稳定,设计和开发分开进行,让这个语言的功能相当完善。变量允许使用变量,所有变量以开头。 SCSS的由来 SCSS就是加强版的CSS,要讲SCSS那...

    simpleapplessimpleapples 评论0 收藏0
  • margin/padding百分比值的计算

    margin/padding百分比值的计算

    摘要:还有一种说法是根本原因并不是因为死循环。,总而言之就是在默认的水平文档流方向下,和属性的垂直方向的百分比值都是相对于父元素宽度计算的。表示元素的高度为宽度的一半。 1、百分比介绍 一般元素的宽度用百分比值表示时,元素的总宽度包括外边距取...

    jsummerjsummer 评论0 收藏0
  • mui上拉加载更多的使用

    mui上拉加载更多的使用

    摘要:地址我的另一博客原文链接地址框架中上拉加载的坑在函数自己上拉加载行为后的回调函数在封装的上拉加载中,点击某一项会失效。点击单项事件中上拉加载中的坑点击事件失效不需要放在中触发点击事件了 demo地址 我的另一博客原文链接gitHub地址 mui框架...

    DangoSkyDangoSky 评论0 收藏0
  • 思否网站随屏幕大小自动发生变化

    思否网站随屏幕大小自动发生变化

    摘要:之后,为了弄明白到底为什么,我直接扒来了网页的源代码,首先,先搞明白创建按钮变号是怎么回事。 上次汇报中,潘老师演示了一下思否网站设计的优点,其中一点就是页面随屏幕自动发生变化,先看几张图,来了解一下这神奇的功能 首先,这是正常宽屏(1...

    NinoNino 评论0 收藏0
  • 前端每日实战:124# 视频演示如何用纯 CSS 创作一只纸鹤

    前端每日实战:124# 视频演示如何用纯 CSS 创作一只纸鹤

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。最后,增加一点交互效果,当鼠标悬停时,由等腰直角三角形变形成鹤大功告成 showImg("https://segme...

    IntMainIntMain 评论0 收藏0

热门文章

<