文章库ARTICLE COLUMN

  • Sass 语法小结

    Sass 语法小结

    摘要:本文主要对的基本语法进行了小结,方便日后快速查阅使用。另外,因为的语法完全兼容,所以可以把原始的文件改名为后缀,即可直接导入了。为了解决这个问题,允许通过语法的形式指定每个参数的值。后记功能丰富强大,上面的语法小结只是其中的一小部分。...

    lidashuanglidashuang 评论0 收藏0
  • css项目中常用知识总结

    css项目中常用知识总结

    摘要:一布局水平垂直居中方法兼容性最好的方法方法属性方法才支持用查看属性的兼容性和应用实例设置父容器为弹性盒子定义父容器的弹性项目以主轴排列定义弹性项目在主轴的排列方式主要用于水平居中文字定义弹性项目在侧轴的排列方式主要用于垂直居中 一、di...

    MASAILAMASAILA 评论0 收藏0
  • 带标签的长标题省略展示的实现

    带标签的长标题省略展示的实现

    摘要:移动端经常出现一种样式左侧的标题右侧的标签,标题不长时标签跟随标题,标题过长时让标题省略。如下图所示实现很简单结构看起来是这样的精聚宽板凳老灶火锅簋街店样式看起来是这样的好处很明显可通过动态修改的和动态控制标签是跟随标题还是在最右端。...

    leeonleeon 评论0 收藏0
  • ES6! 如何制作一个高效轮播图?

    ES6! 如何制作一个高效轮播图?

    摘要:你的网站真的需要一个轮播图吗轻轻问自己三声,谷歌一下对轮播图效果的相关调查和建议,再决定是否要着手制作你的轮播图。在接近块间距时关闭动画移至另一块相应位置。表示接近边缘的图片。可把一部分放到里或轮播图前,阻塞渲染。 showImg("https://s...

    Lorry_LuLorry_Lu 评论0 收藏0
  • 盒模型/行内框盒子模型及line-height/vertal-align取值分析

    盒模型/行内框盒子模型及line-height/vertal-align取值分析

    摘要:标准盒模型下,设置的的值后,这个值仅包含的宽高,而在盒模型下,这个值是后的宽高。例标准盒模型下,占据的实际宽为实际高度同理。对齐所处行内框盒子的顶部对齐所处行内框盒子的底部。 盒模型 盒模型之所以称为盒是因为在一个页面布局中,文档...

    jackwangjackwang 评论0 收藏0
  • Amaze UI 3.0即将内测,全新设计,全新体验,等你尝鲜!!

    Amaze UI 3.0即将内测,全新设计,全新体验,等你尝鲜!!

    摘要:,大家好,蛰伏半年时间,即将强势更新。全新设计的版本到底有什么不同加入内测群抢先体验限量人正式启动内测时间为下周一,请提前入群了解情况感谢大家的支持。 hi,大家好,Amaze UI蛰伏半年时间,即将强势更新。 全新设计的3.0版本到底有什么不同?...

    hiyanghiyang 评论0 收藏0
  • 如何检测css特性

    如何检测css特性

    摘要:如何检测特性如果我们要检测一个属性是否支持支持属性不支持属性如果我们要检测该属性是否支持某值支持该属性值浏览器不支持该属性值如何动态赋值一个效果,并支持所有主流浏览器资料揭秘 如何检测css特性 如果我们要检测一个css属性是否支持 var dom ...

    izhuhaodevizhuhaodev 评论0 收藏0
  • HTML5 活动宣传页「My Flyme 独家记忆」开发实践总结

    HTML5 活动宣传页「My Flyme 独家记忆」开发实践总结

    摘要:年前放假的最后一天,我们上线了独家记忆活动宣传页。微信分享主要代码参考独家记忆当时光凝固,当回忆定格。这是属于我和的独家记忆。 年前放假的最后一天,我们上线了「My Flyme 独家记忆」 H5 活动宣传页。 因种种原因,直到放假前几天,才突然要求...

    harryhappyharryhappy 评论0 收藏0
  • 关于Less的学习笔记

    关于Less的学习笔记

    摘要:简介部分记录是一门预处理语言,它扩充了语言,增加了诸如变量混合函数等功能,让更易维护方便制作主题扩充,是一种动态样式语言。运算可进行加减乘除的运算。 Less简介部分记录: 1、 Less是一门CSS预处理语言,它扩充了CSS语言,增加了诸如变量、混...

    姘搁『姘搁『 评论0 收藏0
  • [转]CSS3 transform顺序问题

    [转]CSS3 transform顺序问题

    摘要:我弟弟写的内部地址发不出来中新引入的属性在使用时可能会带多个变化的参数,例如请注意,后面的跟着的参数顺序会影响最终的变化效果。 我弟弟写的~ 内部地址发不出来css3中新引入的属性 transform在使用时可能会带多个变化的参数,例如transform(scal...

    walterrwuwalterrwu 评论0 收藏0
  • white-space、word-wrap和word-break的简单整理

    white-space、word-wrap和word-break的简单整理

    摘要:理解和的区别从易于区分和理解的角度,我引用了无双在你真的了解和的区别吗一文中对两个属性作用的解释属性用来标明是否允许浏览器在单词内进行断句,这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。 white-space 、 word-wrap ...

    MagicerMagicer 评论0 收藏0
  • 弹性盒模型冷门知识

    弹性盒模型冷门知识

    摘要:可以出现居中的,两边元素分别为弹性盒模型中的标签可能会出现默认宽度,并且不可以用覆盖,只能设置为类似以下结构的有一定高度这个容器占据下部剩余空间这个容器在左边作为目录这个容器是一个搜索栏这里理论上是剩余空 可以出现居中的border,两边元...

    DevYKDevYK 评论0 收藏0
  • 纯css写单选框和复选框的样式和功能

    纯css写单选框和复选框的样式和功能

    摘要:只用纯写的单选框和复选框的样式和功能该怎么写看这里,复制下面的代码运行一遍就知道了,快试试吧效果截图移动单选按钮纯写法圆点使用背景图片写法 只用纯css写的单选框和复选框的样式和功能该怎么写?看这里,复制下面的代码运行一遍就知道了,快试...

    sanyangsanyang 评论0 收藏0
  • 组件设计漫谈

    组件设计漫谈

    摘要:最近组件库支持了,并且做了功能的升级,文档看这里下文不谈论这门技术,我打算从组件的设计以及一些细节来谈谈组件库这件事。组件细节举几个例子来谈谈组件设计和细节固钉当滚动条滑动,固钉元素划出视界时候,我们希望它能仍然钉在那里,展示在视界内...

    WelliJhonWelliJhon 评论0 收藏0
  • 2017.02.05 --- 前端学习

    2017.02.05 --- 前端学习

    摘要:进程开始在上学习基础知识。学习了中如何建立,,如何使用来代码。第一个参数使用添加,其他参数用分隔直接向服务器提交数据,可以实现等元素需要与服务器数据交互的元素放在中。表示在逻辑上同一组的元素。某些元素要显示字符需要添加。 进程 开始在f...

    moven_jmoven_j 评论0 收藏0
  • CSS篇-line-height计算方法(父子元素)

    CSS篇-line-height计算方法(父子元素)

    此处仅列举几种个人认为易模糊不清的情形。html结构如下: 测试行高 父元素为数字,子元素未设 .parent{ font-size: 12px; ine-height: 1; } .child{ font-size: 16px; } 父元素parent为 showImg("https://segmentfau.....

    liukai90liukai90 评论0 收藏0
  • 通俗的说下浏览器的渲染过程

    通俗的说下浏览器的渲染过程

    摘要:最初的模型浏览器下载开始解析遇见外链资源保存起来并且继续解析解析结束开始下载外链下载结束开始处理处理处理处理完毕开始渲染用户看到界面这个模型的基础是浏览器是单线程的但是实际上浏览器不是单线程是多个线程浏览器有如下几个线程引擎线程界面渲...

    DonneDonne 评论0 收藏0
  • Transition 实现轮播图

    Transition 实现轮播图

    摘要:关于轮播图的实现算是前端的一个基础,其实实现起来是很简单,这里把实现的基本思路总结一下。推荐使用,它是一款开源的移动端脚本框架,它可以完美的实现在移端开发的大多数事件,如点击滑动拖动多点触控等事件。 关于轮播图的实现算是前端的一个基础...

    pf_milespf_miles 评论0 收藏0
  • 前端开发中对图片的优化技巧总结

    前端开发中对图片的优化技巧总结

    摘要:使用矢量图替代位图。对于绝大多数图案图标等,矢量图更小,且可缩放而无需生成多套图。基本上,内容图片多为照片之类的,适用于。而修饰图片通常更适合用无损压缩的。使用减少对图片的请求次数。将图片转换为编码字符串到或页面中,减少的请求次数。 ...

    dackeldackel 评论0 收藏0
  • 函数防抖与函数节流

    函数防抖与函数节流

    摘要:适用情景对象的事件拖拽时的事件射击游戏中的事件文字输入自动完成的事件实际上对于的事件,实际需求大多为停止改变大小毫秒后执行后续处理防抖而其他事件大多的需求是以一定的频率执行后续处理节流。 区别 debounce(防抖):当调用动作n毫秒后,才...

    blankyaoblankyao 评论0 收藏0
  • CSS 基本测试题

    CSS 基本测试题

    摘要:下面提供了道有关的测试题,大家可以尝试做一下,一些题可以延伸深挖出很多知识点。测试题的答案在尾部。对于这种替换元素,和各方向均有作用。操作符表示仅在媒体查询匹配成功的情况下应用指定样式。 下面提供了18道有关css的测试题,大家可以尝试做...

    iamyoung001iamyoung001 评论0 收藏0
  • Css Secrets - 灵活的椭圆

    Css Secrets - 灵活的椭圆

    摘要:顾名思义,灵活的椭圆。椭圆,是我们今天的主角。所以,在宽高不一致的情况下,我们可以把角做成一个椭圆。接受百分数,不仅仅是具体的值。椭圆有两个轴轴,四个角。分别是给它们赋予不同的值就可以实现很多奇妙的图形。 Flexible ellipses 顾名思义,...

    YangderYangder 评论0 收藏0
  • 前端开源项目周报0207

    前端开源项目周报0207

    摘要:由出品的前端开源项目周报第七期来啦。我们的前端开源周报集合了一周来新收录的优质的前端开源项目,方便前端开发人员便捷的找到自己需要的项目工具等。 由OpenDigg 出品的前端开源项目周报第七期来啦。我们的前端开源周报集合了OpenDigg一周来新收录...

    roadtogeekroadtogeek 评论0 收藏0
  • Laravel优秀扩展包整理

    Laravel优秀扩展包整理

    摘要:本文整理上国内相对较常用及以上版本的扩展包代码生成文档对象云存储文档消息闪存文档编辑器代码提示文档文档文档图片处理文档微信开发文档语言包文档验证码文档社会化登陆文档系统日志文档前端构建工具文档跨域资源共享文档基于的用户认 本文整理Gith...

    kelkel 评论0 收藏0
  • CSS选择器

    CSS选择器

    摘要:基本选择器选择器含义版本优先级通用元素选择器匹配任何元素标签元素选择器匹配所有使用标签的元素选择器匹配所有属性中包含的元素选择器匹配所有属性中等于的元素其中中的第一位表示是否是内联的意思是则为不是为多元素的选择器组合选择器含义版本优先...

    张金宝张金宝 评论0 收藏0

热门文章

<