文章库ARTICLE COLUMN

  • 面试--css面试

    面试--css面试

    摘要:怪异的盒模型和标准浏览器的盒模型,可以通过属性控制两种盒模型的变化属性值这个属性值和是的盒模型是有关系的。简便完整响应式地实现各种页面布局提出了布局。交叉轴的起点对齐。 1、css盒模型 css的盒模型包括:content+padding+border+margin同时...

    sPengsPeng 评论0 收藏0
  • CSS实现空心三角指示箭头

    CSS实现空心三角指示箭头

    摘要:开发中,三角形的日常应用,以三角形指示箭头最为常见,其用来实现非常简单,熟悉了之后相比于引入或是背景图片会是更好更灵活的选择。这样就实现三角形了。实心三角形箭头实心三角形的原理就是一个三角形绝对定位到主体元素边界处并连接起来。 web开...

    makeFoxPlaymakeFoxPlay 评论0 收藏0
  • CSS_一些问题

    CSS_一些问题

    摘要:,当仅使用扩展时,添加可以使用子像素的伪边框。文本文本环形旋转器创建可用于指示内容加载的圆环微调器弹跳加载中反弹加载程序动画自定义文本选择更改文本选择的样式截断文本均匀分布的子元素在父元素中均匀分布子元素。 包含块 定位参考框或者定位...

    wuyuminwuyumin 评论0 收藏0
  • 拓端数据tecdat:从内容到”粉丝+科技“——网络媒体用户行为挖掘

    拓端数据tecdat:从内容到”粉丝+科技“——网络媒体用户行为挖掘

    摘要:原文链接如今的中国网络媒体市场,互联网视频互联网广告等领域势头强劲。中国是最大的收入市场,无论网络媒体的总体或人均消费如何,除非基本技术和品牌发生了重大变化,否则用户将难以继续增加支出。 showImg("https://segmentfault.com/img/bVVKE0?w...

    mengera88mengera88 评论0 收藏0
  • 成长小笔记

    成长小笔记

    css3中的boder 简单来说就是我们经常用的边框,大家肯定都知道它的作用了,一个非常基础的用法 showImg("https://segmentfault.com/img/remote/1460000011338725"); 还可以定义各种奇形怪状的边框类型, 可以多带带设它的上下左右边框 showImg("https:/...

    NoodlesNoodles 评论0 收藏0
  • Hybird App各大框架和工具浅谈

    Hybird App各大框架和工具浅谈

    Hybird App各大框架和工具浅谈

    ivan_qhzivan_qhz 评论0 收藏0
  • CSS布局说——可能是最全的

    CSS布局说——可能是最全的

    摘要:元素框相对于之前正常文档流中的位置发生偏移,并且原先的位置仍然被占据。这些相对于布局来说是基础的,同时也是非常重要的。可以看到,浮动元素,其实对于布局来说,是特别危险的。 前言 现在,我们被称为前端工程师。然而,早年给我们的称呼却是页...

    hearawayhearaway 评论0 收藏0
  • 布局总结-水平居中布局的实现

    布局总结-水平居中布局的实现

    摘要:布局一左右布局实现左右布局居中布局的几个实现方案标签结构很简单,就是一个父元素里面套了一个子元素想要实现左右布局,只需要把设置成向左浮动,右边向右浮动或者把和设置成二居中布局结构居中布局的几个实现方案标签结构很简单,就是一个父元素 CS...

    starsfunstarsfun 评论0 收藏0
  • CSS 黑魔法小技巧,让你少写不必要的JS,代码更优雅

    CSS 黑魔法小技巧,让你少写不必要的JS,代码更优雅

    摘要:利用用和来做表单即时校验需求让表单检验变得简单优雅,不需要写冗长的代码来校验设置样式丰富了表单元素,提供了类似等表单元素属性。不知细叶谁裁出,二月春风似剪刀。首先,你需要先了解一下渐变的使用技巧。 之前不久,由于自己平时涉猎还算广泛,...

    qqlcbbqqlcbb 评论0 收藏0
  • 利用canvas绘画二级树形结构图

    利用canvas绘画二级树形结构图

    摘要:上周需要做一个把页面左侧列表内容拖拽到右侧区域,并且绘制成关系树的功能。看了设计图,第一反应是用绘制关系线。吭哧吭哧搞定这个功能后,发现用绘图,有一个很严重的缺陷。关系很多的情况下,无法使用。主要用到了拖拽绘制。 上周需要做一个把页面...

    BlackjunBlackjun 评论0 收藏0
  • SPA那点事

    SPA那点事

    摘要:单页面应用的出现依然存在着争议性,我们该如何看待他的两面性呢接下来小生给大家总结一下他的优缺点。单页面应用的优势无刷新体验没有了令人诟病的页面频繁刷新,同时节约浏览器资源,路由响应比较及时,提升了用户的体验。 前端猿一天不学习就没饭吃...

    lijinke666lijinke666 评论0 收藏0
  • ECMAScript中有两种属性:数据属性和访问器属性。

    ECMAScript中有两种属性:数据属性和访问器属性。

    摘要:数据属性数据属性包含一个数据值的位置。数据属性有个描述其行为的特性。表示能否通过删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访问器属性。其中,描述符对象的属性必须是和。 ECMA-262定义这些特性是为了实现JavaScript引...

    cpuprocpupro 评论0 收藏0
  • CSS > ICONFONT 基线和大小问题

    CSS > ICONFONT 基线和大小问题

    摘要:根据标准字体的和两部分是根据表中和或者表中的和来计算的下面用了一个工具来计算字体的这四个属性从下载下来的字体有一个基线设置通过定义一个能兼容绝大部分中文字体的基线来使得保持图标和文字的对齐具体信息可以看这里我所用的工具这个流程走下来 ...

    jindongjindong 评论0 收藏0
  • CSS > 关于雪碧图预处理和后处理方案的讨论

    CSS > 关于雪碧图预处理和后处理方案的讨论

    摘要:预处理方案代表和预处理方案是预先指定需要生成的雪碧图切片元素,由工具合成后,得到相应的雪碧图和数据文件,开发中将二者投入使用。预处理方案一般以页面为单元组织雪碧图。结语关于雪碧图的处理方案的讨论就到此结束了。 广告:SF 里弄了个 CSS 小...

    hyuanhyuan 评论0 收藏0
  • 细说opacity和层叠上下文

    细说opacity和层叠上下文

    摘要:上篇文章半透明效果的属性和场景最后提到了层叠上下文,在这篇文章中就说说和层叠上下文。探索一使用生成的层叠上下文会压盖基本元素。仔细一想,层叠上下文的概念还是挺好理解的,比和都简单一些。 上篇文章《CSS半透明效果的属性和场景》最后提到了...

    MrZONTMrZONT 评论0 收藏0
  • 浏览器滚动条样式还可以改变,你知道吗?

    浏览器滚动条样式还可以改变,你知道吗?

    摘要:有时候,我们是不是觉得浏览器默认的滚动条很,那么浏览器滚动条样式能否改变呢,答案是肯定的,今天就给大家分享一下怎么改变浏览器的默认滚动条,让我们的页面更加炫酷。 有时候,我们是不是觉得浏览器默认的滚动条很low, 那么浏览器滚动条样式能否...

    fjcgreatfjcgreat 评论0 收藏0
  • Node.js 学习笔记_20170924(持续更新...)

    Node.js 学习笔记_20170924(持续更新...)

    摘要:记录学习的点点滴滴,方便日后查看。笔记源于网老师安装官网下载安装官网下载与电脑配版本,说明一下是长期支持版本是当前最新版本。浏览器请求访问此地址会出现,第一个服务就完成了,是不是很简单。模块分类模块分为核心模块文件模块第三方模块。 记...

    remcarpediemremcarpediem 评论0 收藏0
  • CSS半透明效果的属性和场景

    CSS半透明效果的属性和场景

    摘要:在中与半透明效果相关的属性有两个和。属性的值规定透明度。以及更早的版本支持替代的属性。接下来通过场景来描述半透明效果的实现。图片出现半透明效果,如果将文字设置为白色,文字的半透明效果会很小。 在CSS中与半透明效果相关的属性有两个:opaci...

    NoraXieNoraXie 评论0 收藏0
  • sass的基本使用

    sass的基本使用

    摘要:本文所有的例子都是在中编译,而可以自行编译,具体可以查看该链接配置的概念定义是的一种预处理器,文件后缀名为,可以用中的来转成样式。 最近在项目中利用到了css预处理器(sass),而之前没接触过的本博主出于好奇心,就在业余的时间里搜了一些资...

    alightersalighters 评论0 收藏0
  • CSS(一)伪元素的巧用

    CSS(一)伪元素的巧用

    摘要:并且,一些伪元素可以使开发者获取到不存在于源文档中的内容比如常见的还可以为伪元素定制样式。。中新增加的伪元素必须用伪类使用一个冒号例如。就本文而言,我们将把我们探讨的范围限制在和这两个伪元素的巧用上。 作为一门前端er,你肯定熟知 a:hove...

    entnerentner 评论0 收藏0
  • 前端排序算法总结;前端面试题2.0;JavaScript异步编程

    前端排序算法总结;前端面试题2.0;JavaScript异步编程

    摘要:与异步编程按照维基百科上的解释独立于主控制流之外发生的事件就叫做异步。因为的存在,至少在被标准化的那一刻起,就支持异步编程了。然而异步编程真正发展壮大,的流行功不可没。在握手过程中,端点交换认证和密钥以建立或恢复安全会话。 1、前端 排...

    AprilApril 评论0 收藏0
  • html简单响应式滚动条置顶

    html简单响应式滚动条置顶

    摘要:那么盒子首先就需要设置一个的高和定位的值在中也要控制值,通过判断滚动条移动到容器顶部时固定最终效果获取屏幕滚动条 简单响应式滚动条置顶 一般的,让页面出现滚动条的常见方法有: overflow:auto||overflow:scroll 或者overflow-x水平滚动条和ove...

    frolcfrolc 评论0 收藏0
  • 小技巧|CSS如何实现文字两端对齐

    小技巧|CSS如何实现文字两端对齐

    摘要:需求如下,红框所在的文字有四个字的三个字的两个字的,如果不两端对齐可以选择居中对齐,或者右对齐。其实现的效果就是可以让一行文字两端对齐显示文字内容要超过一行。 showImg("https://segmentfault.com/img/remote/1460000011336397"); 需求如下...

    DevWikiDevWiki 评论0 收藏0
  • bootstrap4.0 css架构

    bootstrap4.0 css架构

    摘要:原子性的默认变量一般是用来设置默认值,然后根据需求来覆盖的。语义化的变量名,值为直接的属性值。组件文件互不引用。组合有几个入口文件对组件进行按顺序的引入,形成不同的专用,形成完整可用的样式,注意引用顺序。 原子性 sass的默认变量一般是...

    solocodersolocoder 评论0 收藏0
  • css3 loading

    css3 loading

    摘要:效果一效果二蓝到浅蓝渐变右半圆环浅蓝到白色渐变左半圆环效果三参考文章 效果一 showImg("https://segmentfault.com/img/bVLlDy?w=204&h=192"); HTML CSS .zh-loading{position: absolute;z-index: 9;left: 0;top: 0;width: 100%;he...

    wuaiqiuwuaiqiu 评论0 收藏0

热门文章

<