文章库ARTICLE COLUMN

  • 简单易懂的CSS Modules

    简单易懂的CSS Modules

    摘要:结果是选手获胜,名为的元素,最终的值为。而合理的命名约定,的确是组织代码的有效策略。它们会再由转换为适当的组合。虽然本文为了严谨,结果写了相当长的篇幅,但希望你读过之后,还能觉得是简单易懂的。 不要误会,CSS Modules可不是在说css模块...

    chunquedongchunquedong 评论0 收藏0
  • 前端面试知识点集锦

    前端面试知识点集锦

    摘要:个人总结的比较全面的前端面试知识点。主要是一些个人认为面试时容易考到以及平时需要注意的一些知识点。如果需要进行深入了解可以根据知识点查询相关的技术文章。 个人总结的比较全面的前端面试知识点。主要是一些个人认为面试时容易考到以及平时需要...

    iKcampiKcamp 评论0 收藏0
  • 打造专属自己的html5拼图小游戏

    打造专属自己的html5拼图小游戏

    摘要:最近公司刚好有个活动是要做一版的拼图小游戏,于是自己心血来潮,自己先实现了一把,也算是尝尝鲜了。下面就把大体的思路介绍一下,希望大家都可以做出一款属于自己的拼图小游戏,必须是更炫酷,更好玩来吧,大家一起加油。。。 最近公司刚好有个活动...

    codeKKcodeKK 评论0 收藏0
  • angularjs特效之分散的字符串--解析compile link $compile $inter

    angularjs特效之分散的字符串--解析compile link $compile $inter

    摘要:效果预览来自的效果预览引用了,已被墙,请谨慎预览转载声明这篇文章其实源自的博客。主要内容整个效果都建立在的里面。为了弥补这个缺陷,我决定改成在函数中对进行操作。重点来了,是和初始位置的相对位置。就是元素的初始值。 效果预览 来自codepen...

    SHERlocked93SHERlocked93 评论0 收藏0
  • css的样式优先级

    css的样式优先级

    摘要:所以我更倾向于认为外部样式表和内部样式表具有相同的优先级,结论如下浏览器缺省设置外部样式表内部样式表内联样式同一样式表内部的优先级同一样式表内,样式的优先级主要是由选择器的权重和权重的累加决定的。 前几天做百度的笔试题,第一题就是关于...

    jccjcc 评论0 收藏0
  • tooltips 提示

    tooltips 提示

    摘要:纯工具提示查看效果演示安装使用在中使用常规使用方法直接在页面中引用我是提示在页面中使用工具提示工具提示工具提示还可以这样提示还可以这样提示新增背景颜色提示开发 tooltips showImg("https://segmentfault.com/img/remote/1460000006768818"); ...

    ShevaKuilinShevaKuilin 评论0 收藏0
  • FlexBox弹性盒子计算规则

    FlexBox弹性盒子计算规则

    摘要:申明的值为,不出现伸展的情况申明的值不为,且子盒子的或值之和容器的的左边界到右边界的值。分配规则是按子盒子属性值所占百分比来分配见上首先依据属性计算各个弹性盒子的宽度值,,一共溢出了。 和FlexBox弹性盒子计算规则相关的属性有: margin ...

    Kylin_MountainKylin_Mountain 评论0 收藏0
  • CSS魔法堂:小结一下Box Model与Positioning Scheme

    CSS魔法堂:小结一下Box Model与Positioning Scheme

    摘要:魔法堂重新认识和魔法堂你一定误解过的魔法堂就这个样魔法堂说说那个被埋没的志向深入细节后会发现中定位模式之间,和之间存在千丝万缕的关系,必须以俯瞰的角度捋一下。当采用时,属性的实际值会被重置为。由于和则需要通过来引入来提供盒子定位微调的...

    szyskyszysky 评论0 收藏0
  • 最简单的px转rem预处理方法

    最简单的px转rem预处理方法

    摘要:如果你使用作为你的预处理的工具,那么是你使用最简单处理转工具,使用方法如此简单首先安装工具然后只要在你的文件引用就可以里工具将编译成并预处理将转换成上面内容输出为选择使用和设置初始值默认你可以设置它。 showImg("https://segmentfault.co...

    CristicCristic 评论0 收藏0
  • 面试遇到的一些题

    面试遇到的一些题

    摘要:最近面试遇到的一些面试题记录分享下。单个保存的数据不能超过,很多浏览器都限制一个站点最多保存个。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。元素仍保持其未定位前的形状,它原本所占的空间仍...

    weizxweizx 评论0 收藏0
  • CSS的低权重原则—避免滥用子选择器

    CSS的低权重原则—避免滥用子选择器

    摘要:使用子选择器,会增加选择符的权重,的选择符权重越高,样式越不易被覆盖,所以除非确定结构非常稳定,一定不会再修改了,否则尽量使用子选择器。在进过大量实践后,我并不认为多有太大的坏处,相反,与使用子选择器相比,新添加反而跟利于维护。 CSS...

    vslamvslam 评论0 收藏0
  • CSS 加载新方式

    CSS 加载新方式

    摘要:二目前最先进的加载方法在上面的代码中,通过一些内联样式我们可以加速初始渲染,同时隐藏起还没有加载完样式的组件,并通过异步地完成加载。 Chrome 浏览器有意改变的加载方式,当其出现在中时,这一变化将更加明显。笔者决定在本文中进行详细说明这...

    wtheewthee 评论0 收藏0
  • CSS选择器之:nth-child(n)与:nth-last-of-type(number)

    CSS选择器之:nth-child(n)与:nth-last-of-type(number)

    摘要:功夫不负有心人,找到了选择器。定义和用法选择器匹配属于其父元素的第个子元素,不论元素的类型,从第一个子元素开始计数第一个子元素的下标是,不要和混淆,是。 这段时间在做一些东西,整理了其中遇到的一个关于CSS选择器的问题。 需要完成一个下图...

    roland_reedroland_reed 评论0 收藏0
  • stylus css tooltips 工具提示

    stylus css tooltips 工具提示

    摘要:纯工具提示查看效果演示安装使用在中使用常规使用方法直接在页面中引用我是提示在页面中使用工具提示工具提示工具提示还可以这样提示还可以这样提示新增背景颜色提示开发 tooltips showImg("https://jaywcjlove.github.io/sb/ico/stylus.svg"); showIm...

    singeryesingerye 评论0 收藏0
  • Stylus插件开发教程

    Stylus插件开发教程

    摘要:你还需安装一个依赖,告诉使用者,你这个是基于哪个版本开发的,当然你可以不安装这个依赖,那只能自己用了。开发调试在根目录中运行在本机全局为做一个软链接,如果你移动了目录你得重新做软链接。因为你在前面添加了文件事实上导入的文件是。 由于St...

    cyqiancyqian 评论0 收藏0
  • 面试必问的数组去重复

    面试必问的数组去重复

    摘要:如果你现在正在面试请保持冷静的头脑,从容应对因为头脑一热可能该会的也不会了,下面贴出来一段简单的数组去重复的方法,写的有点简单仅供大家参考,如果不足之处请多赐教新数组只是简单的判断,后续会越来越完善判断数组的类型 如果你现在正在面试请...

    pingan8787pingan8787 评论0 收藏0
  • CSS文本居中小技巧

    CSS文本居中小技巧

    摘要:我们解析下这个弹窗内容短,居中,内容长,居左,不写两套样式内容,怎么将两个综合在一起常做的话,估计看了前面的图也知道答案的了,看如下样式知道了吗看出什么了吗。来人,上代码参考 我个人比较喜欢简单粗暴的上实际的结果的,所以,请看如下需求...

    everfighteverfight 评论0 收藏0
  • 动态生成DOM元素的高度及行数获取与计算方法

    动态生成DOM元素的高度及行数获取与计算方法

    摘要:很多时候,需要计算高度的元素都是动态生成的,我们无法在数据渲染前获取到它的高度。获取高度后页面行数计算将在后面统一讲解。优点此方案通过直接在实际场景的页面上渲染后进行高度计算,因此计算精准,不存在任何偏差。 背景 在开发IM的项目过程中...

    sushengsusheng 评论0 收藏0
  • CSS3实现全景图特效

    CSS3实现全景图特效

    摘要:本篇文章将给大家带来一个的黑科技如何仅仅使用来实现全景图的效果最终效果演示页面布局基础样式首先定义一些基本的样式和动画这段代码的意思是让图片的高等于容器的高,并且水平方向自动,即图片最左边贴着容器左侧。 本篇文章将给大家带来一个css3的...

    winterdawnwinterdawn 评论0 收藏0
  • CSS基础知识之position

    CSS基础知识之position

    摘要:最近在慕课网学习了网页布局基础和固定层效果,都是由声音甜美的婧享人生老师所录制,视频详细讲解了中的用法,在此把学习笔记分享给大家。 最近在慕课网学习了 网页布局基础 和 固定层效果 ,都是由声音甜美的 婧享人生 老师所录制,视频详细讲解了CS...

    xiaowugui666xiaowugui666 评论0 收藏0
  • Boostrap Tutorial

    Boostrap Tutorial

    摘要: Bootstrap tutorial Download bootstrap To get bootstrapUse CDN which stands for const file delivery network instead of download a zip. Container Container is fixed length, using container-flui...

    libin19890520libin19890520 评论0 收藏0
  • CSS魔法堂:"那不是bug,是你不懂我!" by inline-block

    CSS魔法堂:"那不是bug,是你不懂我!" by inline-block

    摘要:那不是,是我不懂而已。的用途之一西文是以空格来分隔单词的,而汉字间则无需空格分隔,但为了统一西文东亚和的排版,于是抽象出一个名为的概念用于分隔词义单元,则作为的值域,而定义域就是语言信息。 前言 每当来个需要既要水平排版又要设置固定高...

    cucumbercucumber 评论0 收藏0
  • 前端学习之路

    前端学习之路

    摘要:前言之所以会写这篇文章是因为在一年的前端学习过程,我走了很多弯路,也思考了很多,最近又正好拿到了某厂的,希望以我之拙见能给初学者一些帮助。不过前端的方向,主要还是自学。 前言 之所以会写这篇文章是因为在一年的前端学习过程,我走了很多弯...

    mjmj 评论0 收藏0
  • CSS外挂:Sass的那些装逼函数(function)

    CSS外挂:Sass的那些装逼函数(function)

    摘要:,返回的最大值。非相同的单位,报错编译为,返回一个随机数。函数函数称为三元条件函数,主要因为他和中的三元判断非常的相似。颜色函数暂时还没用到过。函数,根据三个值创建一个颜色将一个颜色根据透明度转换成颜色。 前戏:前几篇文章其实都是些基...

    boosterbooster 评论0 收藏0
  • CSS > 高清缩放原理分析

    CSS > 高清缩放原理分析

    摘要:最近在研究屏的适配问题,在具体方案讨论之前,陆续做了一些理解笔记,现归纳如下。 最近在研究 Retina 屏的适配问题,在具体方案讨论之前,陆续做了一些理解笔记,现归纳如下。具体方案的讨论将另作文章。 中的 viewport 是布局视口 initial-scale ...

    zhjx922zhjx922 评论0 收藏0

热门文章

<