文章库ARTICLE COLUMN

  • CSS中用 opacity、visibility、display 属性将 元素隐藏 的 对比分析

    CSS中用 opacity、visibility、display 属性将 元素隐藏 的 对比分析

    摘要:说明用来设置透明度定义建立布局时元素生成的显示框类型用来设置元素是否可见。总的来说,使用和属性,自身的事件不会触发,而使用属性,自身绑定的事件还是会触发的。 说明 opacity 用来设置透明度 display 定义建立布局时元素生成的显示框类型 v...

    rollbackrollback 评论0 收藏0
  • JS基础入门篇(十五)—数组去重

    JS基础入门篇(十五)—数组去重

    摘要:目的把数组中重复的内容去掉。思路每次取出数组一项和其他的所有项比较如果比较有相同的把重复的这个后面的删掉。是位置,表示长度。改进思路三键名是数据类型的前三位组成的字符串。思路四使用的方法可以去除数组内重复的表明展开数组的每一项 目的:...

    YoungdzeYoungdze 评论0 收藏0
  • html+css+js+Hbuilder开发一款安卓APP,根本不用学Android开发!

    html+css+js+Hbuilder开发一款安卓APP,根本不用学Android开发!

    摘要:我们知道,要做一款安卓,咱们得先学安卓开发语言,例如,前端后端。那么没有这些开发语言基础,咱们怎么做呢其实现在有比较好的开发方案就是做,咱们可以用前端知识构建安卓客户端,用构建服务端。 我们知道,要做一款安卓APP,咱们得先学安卓开发语...

    宋华宋华 评论0 收藏0
  • background-repeat space/round属性

    background-repeat space/round属性

    摘要:容器空间小于图片背景图不会产生缩放,会被裁切缩放背景图至容器大小非等比例缩放上面为下图为容器空间大于图片在不缩放的前提下尽可能多的重复图片充分利用容器空间,重复次之后轴方向如果剩余空间大于等于则重复第次,否则拉伸已经重复的背景图 1.容...

    姘搁『姘搁『 评论0 收藏0
  • css中的几个单位——rem,视口单位和ch

    css中的几个单位——rem,视口单位和ch

    摘要:基于视口的单位视口单位可以用来什么,比如实现响应式设置相对视口的宽度和高度,可以实现水平垂直居中实现网格布局将图片按照屏幕的比例显示这几个单位是相对于视口的,也就是可视区域,总共分成了份。 rem rem是设计响应式网页的神器,因为rem单位是...

    leiyileiyi 评论0 收藏0
  • 前端每日实战:39# 视频演示如何用纯 CSS 创作一个表达怀念童年心情的条纹彩虹心特效

    前端每日实战:39# 视频演示如何用纯 CSS 创作一个表达怀念童年心情的条纹彩虹心特效

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

    陆斌陆斌 评论0 收藏0
  • 前端学习记录(CSS篇)

    前端学习记录(CSS篇)

    摘要:,层叠样式表,将网页内容和显示样式分离,提高程序性能。它是一种专门描述结构文档的表现方式的文档,主要用于网页风格设计,包括字体大小颜色以及元素的精确定位。用于控制与之间的距离。 CSS Cascading Style Sheet,层叠样式表,将网页内容和显示...

    skinnerskinner 评论0 收藏0
  • react使用踩坑记(一)

    react使用踩坑记(一)

    摘要:本文主要介绍在移动端项目中如何使用及其配置使用脚手架生成的项目,后运行弹出配置项,该命令不可逆哦。使用了作为计算依据,因此需要在中贴上以下代码,并没有使用淘宝的方案使用的设计图是的哦配置的按需加载当然了,你需要先。 本文主要介绍在reac...

    toddmarktoddmark 评论0 收藏0
  • 【CSS练习】IT修真院--练习2-开发工具

    【CSS练习】IT修真院--练习2-开发工具

    摘要:任务二认识开发工具今天完成的事情编辑器对比版本管理工具学习基本操作代码托管平台对比服务器使用学习明天计划的事情分析任务三完成规划及部分开发遇到的问题暂无收获编辑器对比参考三者比较,各有哪些优势和弱势一款成熟的,对网站开发者友好,插件齐...

    _ang_ang 评论0 收藏0
  • CSS浮动的特性

    CSS浮动的特性

    摘要:原因是因为没有预先设置高度,所以高度由其包含的子元素高度决定。而浮动脱离文档流,所以子元素并不会被计算高度。此时的中,相当于中子元素高度为,所以发生了父元素高度塌陷现象。因为凡是能创建一个,就能达到包裹浮动子元素的效果。 浮动具有以下...

    yuxueyuxue 评论0 收藏0
  • 前端每日实战:35# 视频演示如何把 CSS 径向渐变用得出神入化,只用一个 DOM 元素就能画出国

    前端每日实战:35# 视频演示如何把 CSS 径向渐变用得出神入化,只用一个 DOM 元素就能画出国

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

    ssshooterssshooter 评论0 收藏0
  • flex布局滚动问题,子元素无法全部显示的解决办法

    flex布局滚动问题,子元素无法全部显示的解决办法

    摘要:布局使用起来非常方便,对于水平垂直居中的需求,很容易就能实现。但是前不久,在做全屏弹窗遮罩登录的时候,遇到了布局滚动的一个问题,在此记录一下。关键就在于最低高度,如果不用最低高度的话,滚动时还是无法全部显示登录框。 flex布局使用起来非...

    ScliangScliang 评论0 收藏0
  • Codepen 每周精选:本周最值得推荐的 23 个页面特效(2018-5-28)

    Codepen 每周精选:本周最值得推荐的 23 个页面特效(2018-5-28)

    摘要:按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 1. 随机生成的有流向的粒子效果https://codepen.io/ge1doot/pe... 2. 用 jquery 写的变换动画http...

    caohaoyucaohaoyu 评论0 收藏0
  • CSS2-盒模型、背景图片

    CSS2-盒模型、背景图片

    摘要:合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。雪碧图的使用背景图与元素的原点重合。白色框是元素,绿色框是背景图片。 盒模型属性 margin外边距(top,right,bottom,left)border边框(top,right,bottom,left)padding内边距(top,rig...

    yuanzhanghuyuanzhanghu 评论0 收藏0
  • 愈发熟练的 CSS 技巧

    愈发熟练的 CSS 技巧

    摘要:适配方案简单解析相对于根元素的的大小来计算坐作为一个单位是根据手淘团队,比较,改写的一个插件,兼容竖屏转横屏出现的,自定义视觉设计稿的宽度,设定最大宽度这里有的地址,下载下来用即可第一个参数是视觉设计稿的宽度,一般视觉设计稿有,可 sh...

    Lin_YTLin_YT 评论0 收藏0
  • CSS3中display属性的Flex布局-圣杯布局实例

    CSS3中display属性的Flex布局-圣杯布局实例

    摘要:负值对该属性无效。我们通常用到的就是这个属性,在布局的时候会很有用。对于这个属性,最好是手动敲一下,尝试一下各种值出现的效果。三圣杯布局布局一直是很重要的知识点,在面试中也会经常遇到,这里就用做一个圣杯布局。 一,为什么写这篇文章 在...

    pineconepinecone 评论0 收藏0
  • 前端每日实战:36# 视频演示如何利用 CSS 动画原理,在页面上表现日蚀现象

    前端每日实战:36# 视频演示如何利用 CSS 动画原理,在页面上表现日蚀现象

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

    张巨伟张巨伟 评论0 收藏0
  • CSS 3-浮动、定位

    CSS 3-浮动、定位

    摘要:让元素脱离文档流有三种方法浮动绝对定位固定定位元素脱离文档流定位的三种布局机制文档流浮动定位。定位元素会脱离文档流。浮动的元素是先站住自己所在文档流的位置,然后左右浮动。 文档流 文档流是一种默认定位方式,在文档流中元素框的位置由元素...

    TalkingDataTalkingData 评论0 收藏0
  • 如何找到所有 HTML select 标签的选中项

    如何找到所有 HTML select 标签的选中项

    话不多说,咱就直奔主题吧,直接展示代码: 1 2 3 4 5 1 2 3 4 5 以下就是js的部分: JQ: 获取所有选中的项(获取所有的select的选中项...

    lastSerieslastSeries 评论0 收藏0
  • laravel框架学习之路(三)Laravel Datatables的使用

    laravel框架学习之路(三)Laravel Datatables的使用

    摘要:我们知道,做后台管理系统需要很多表格用来展示我们的数据,笔者在项目中使用过,对于快速开发来说,将是一个不错的选择。 我们知道,做后台管理系统需要很多表格用来展示我们的数据,笔者在tp项目中使用过datatables,对于快速开发来说,datatables将...

    Lin_YTLin_YT 评论0 收藏0
  • Vue组件-极简的地址选择器

    Vue组件-极简的地址选择器

    摘要:一前言本文用完成一个极简的地点选择器,我们接下来带大家实现这个。当然其中也有一些值得学习与注意的地方。但是这其实也有无法监控的数据。 一、前言 本文用Vue完成一个极简的地点选择器,我们接下来带大家实现这个。当然其中也有一些值得学习与注意...

    blastzblastz 评论0 收藏0
  • Flutter样式和布局控件简析(二)

    Flutter样式和布局控件简析(二)

    摘要:开始继续接着分析相关的样式和布局控件,但是这次内容难度感觉比较高,怕有分析不到位的地方,所以这次仅仅当做一个参考,大家最好可以自己阅读一下代码,应该会有更深的体会。关于属性,指前一个组件的布局区域和绘制区域重叠了。 开始 继续接着分析F...

    yckyck 评论0 收藏0
  • 前端每日实战:37# 视频演示如何把握好 transition 和 animation 的时序,创作

    前端每日实战:37# 视频演示如何把握好 transition 和 animation 的时序,创作

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

    forsignerforsigner 评论0 收藏0
  • 水平居中、垂直居中、水平垂直居中、浮动居中、绝对定位居中.......帮你搞定

    水平居中、垂直居中、水平垂直居中、浮动居中、绝对定位居中.......帮你搞定

    摘要:包括水平居中,垂直居中,还有水平垂直居中。如果要再要细分,还要分浮动元素绝对定位的居中。样式水平居中的元素图片的水平居中图片的居中,比较特殊。 2018.05.29 居中一个元素?你会想到啥?这里面的知识还真不少。包括水平居中,垂直居中,还有水...

    watercwaterc 评论0 收藏0
  • background 线性渐变

    background 线性渐变

    摘要:设置渐变为从右到左。用于指定渐变的起止颜色指定颜色。第一个值设置宽度,第二个值设置高度。背景图像的某些部分也许无法显示在背景定位区域中。 格式: background: linear-gradient(direction, color-stop1, color-stop2, ...); = linear-gradient...

    xioquaxioqua 评论0 收藏0

热门文章

<