文章库ARTICLE COLUMN

  • Sublime Text3配置使用教程整理

    Sublime Text3配置使用教程整理

    摘要:安装完添加如下配置可自动在保存文件的时候格式化中文输入法不能跟随光标吗试试这个插件吧目前只支持和装完之后,写作时右下角显示语法为,可以按,直接就会生成,并在浏览器中显示。 Win平台上已经打造了便携版的Sublime Text3,但是,现在折腾Ubuntu...

    kevinkevin 评论0 收藏0
  • [译]:BFC与IFC

    [译]:BFC与IFC

    摘要:块级盒参与块级格式上下文行内级盒参与行级格式上下文。两个相邻盒子的垂直间距决定于属性。水平和在这些盒子中被平分。的宽度由浮动情况和它的包含块决定。当一个行内盒子被分割,分割发生则和便没有了视觉效果。参考神奇背后的原理清除浮动与与 BFC...

    dayday_updayday_up 评论0 收藏0
  • 如何用CSS进行网页布局-imooc-【更新完毕】

    如何用CSS进行网页布局-imooc-【更新完毕】

    摘要:中脱离文档流,也就是将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当做脱离文档流的元素不存在而进行定位。而对于使用脱离文档流的元素,其他盒子与其他盒子内的文本都会无视它。 第一章 内容简介 1-1 内容简介 showImg("https://segmentf...

    姘搁『姘搁『 评论0 收藏0
  • 高大上的AMD和CMD的区别

    高大上的AMD和CMD的区别

    摘要:目前这些规范的实现都能达成浏览器模块化开发的目的区别区域以来的模块,是提前执行,是延迟执行。不过从开始,也改成可以延迟执行根据写法不同,处理方式不同。推崇推崇依赖就近,推崇依赖前置。依赖可以就近书写依赖必须一开始就写好文中内容来自于,...

    EuphoriaEuphoria 评论0 收藏0
  • 网页布局基础-imooc

    网页布局基础-imooc

    摘要:第章自动居中一列布局相关知识点讲解标准文档流块级及行级元素等标准标准,由万维网联盟制定的一系列标准,包括结构化标准和表现标准语言行为标准语言和倡导结构样式行为分离。中的定位机制种的定位机制标准文档流浮动绝对定位。 第1章 课程简介 1-1 ...

    Lucky_BoyLucky_Boy 评论0 收藏0
  • 用jq实现移动端滑动轮播以及定时轮播效果

    用jq实现移动端滑动轮播以及定时轮播效果

    摘要:的代码代码代码定义每次滑动的距离定义当前滑动的索引位置,轮播图的个数向左滑动执行的方法当轮播图滑动最后一个位置时,当前轮播图位置不变当轮播不在最后一个位置时,轮播图位置变化方法向右滑动 Html的代码: ...

    qylostqylost 评论0 收藏0
  • SublimeText3系列(2)-使用SublimeLinter检查Javascript与CSS代

    SublimeText3系列(2)-使用SublimeLinter检查Javascript与CSS代

    摘要:对于不同的代码文本,可以使用不同的代码检查工具进行检查。本文中介绍代码检查插件,与代码检查插件。默认为,设置为表示只对文件的根目录有效,设置为表示禁止文件的查找。效果如下黄色代表警告,红色代表错误。 1.什么是linter? linter是用来检查...

    Michael_LinMichael_Lin 评论0 收藏0
  • SublimeText3系列(3)- HTML-CSS-JS Prettify美化代码&Ma

    SublimeText3系列(3)- HTML-CSS-JS Prettify美化代码&Ma

    摘要:今天主要介绍与两个插件插件使用来格式化与代码。可以在这里尝试的效果原始代码格式化后的代码有了这个,个人认为在前端开发中,可以不用和这两个插件。的代码对齐也有,实际上也用的是。其目标是成为一种适合书写的网络语言。 今天主要介绍HTML-CSSS-...

    SourcelinkSourcelink 评论0 收藏0
  • 学习笔记 —— CSS 相比传统 Table 布局的特点

    学习笔记 —— CSS 相比传统 Table 布局的特点

    摘要:传统布局的问题代码复杂可读性低,维护困难性能差的优势语法简单设计自由实现了内容和样式分离的意义表格并不擅长页面排版表格擅长的是显示数据 传统Table布局的问题 代码复杂 可读性低,维护困难 性能差 css的优势 语法简单 设计自由 实现了内...

    wdzgegewdzgege 评论0 收藏0
  • (译)响应式图片— srcset 和 sizes 属性

    (译)响应式图片— srcset 和 sizes 属性

    摘要:在响应式网页设计的革命中,图片看起来是被浪潮落下的一个事物。元素展示了很多改变这个局面的希望,但无论元素是否可以完全使用,现在有两个对于响应式图片很关键的两个属性和。 在响应式网页设计的革命中,图片看起来是被浪潮落下的一个事物。直到最...

    stefanieliangstefanieliang 评论0 收藏0
  • CSS技巧记录

    CSS技巧记录

    摘要:截文字方法一需要指定宽度。方法三截断文字,超过一定长度截断。三个事件的起始坐标,终点坐标,以及改变的距离具有重要作用。图像某些部分可能无法显示宽度为,高度包含图片,图片可能会变形定宽高边框以上用设置成设置模拟 CSS---截文字 方法一:需...

    casparcaspar 评论0 收藏0
  • zhilizhili-ui  荡平ie8910 还我前端清净地

    zhilizhili-ui 荡平ie8910 还我前端清净地

    摘要:给大家带来一个目前最新版本的方案特色部分功能部分功能是因为无法和和谐共处无法使用真可惜无法在上使用也就无法解决这些问题了不过解决方案里会有我使用的是地址作为兼容方案那么作为一款快速开发的方案解决方案也是会有的我举个例子如果想要使用一个...

    doodlewinddoodlewind 评论0 收藏0
  • 水平、垂直居中布局方案整理

    水平、垂直居中布局方案整理

    摘要:水平居中,相当于垂直居中,相当于文本式终极居中很容易便能看出,这其实是水平居中方案以及垂直居中方案的合用,也算是把文本排版的特性都利用了个遍了。 讨论前提 本文都是基于这样的HTML结构来进行讨论的: DEMO 水平居中 inline-block:inli...

    taohonghuitaohonghui 评论0 收藏0
  • 理解CSS浮动与清除浮动

    理解CSS浮动与清除浮动

    摘要:那我们举个栗子当先声明一个元素向左浮动时,由于脱离文档流,这个元素的右边就会空出一片空间,空间的长宽与浮动元素长宽相同。总结总结下来,浮动与清除浮动的顺序关系如下设置元素浮动,元素脱离文档流,不计算高度。 本文主要探讨两个问题: 为什...

    刘东刘东 评论0 收藏0
  • 两列自适应布局方案整理

    两列自适应布局方案整理

    摘要:前提本文讨论的是两列自适应布局左列定宽不定宽,右列自适应。左列不定宽,右列自适应形成的间隔通过设置来触发特性这个方法主要是应用到的一个特性浮动元素的块状兄弟元素会无视浮动元素的位置,尽量占满一整行,这样该兄弟元素就会被浮动元素覆盖。 ...

    starsfunstarsfun 评论0 收藏0
  • JavaScript “跑马灯”抽奖活动代码解析与优化(一)

    JavaScript “跑马灯”抽奖活动代码解析与优化(一)

    摘要:最近的项目中做了一个跑马灯的抽奖特效插件。这里主要是来写写自己的优化过程。所以写代码的时候一定要注意一些小细节哈。。。在以后,其返回的元素顺序等同于在中出现的先后顺序。尽管是一个数组。这时从加入执行队列到加入执行队列中间时间间隔是。 ...

    MRZYDMRZYD 评论0 收藏0
  • JavaScript “跑马灯”抽奖活动代码解析与优化(二)

    JavaScript “跑马灯”抽奖活动代码解析与优化(二)

    摘要:我的第一版是这样做的因为下和左方向的灯是需要倒序的,所以我使用了两个倒序的循环,其实当循环出现的时候,我们都应该思考我们的代码是否有可优化的空间。到这里关于跑马灯插件的代码解析详和优化就已经完了。 既然是要编写插件。那么叫做插件的...

    Yi_Zhi_YuYi_Zhi_Yu 评论0 收藏0
  • 给angular的repeat列表的行操作加上动效遇到的问题总结

    给angular的repeat列表的行操作加上动效遇到的问题总结

    摘要:还有没有别的办法呢一定要指定吗行不行修改即使没有设置,通过执行动画也是没有问题的。解决动画执行完清除元素的问题修改修改这次的效果不错。用上解决变的问题设置固定了已有动效正常了。 加入动效是让用户对应用的行为进行感知的一种有效手段。...

    未东兴未东兴 评论0 收藏0
  • bootstrap4源码阅读体会

    bootstrap4源码阅读体会

    摘要:通过阅读发现了不少知识的盲点和误解,对有了更深入的理解。总结几点印象较深的体会,分享给大家。但是通过阅读源码改变了这种认识模块化很简单灵活,这是其优点,同时也是一个缺点。 欢迎到个人博客参观: 点击这里 bootstrap已经使用了很长时间,但是...

    incredibleincredible 评论0 收藏0
  • Web移动开发基本概念

    Web移动开发基本概念

    摘要:移动客户端的开发类型原生,也就是完全使用移动设备系统语言写的客户端,就是纯,安卓就是纯就是用户看到的界面体验到的交互都是原生的。 前端是个很大的概念,我的理解是用户能够看到,直接接触到的层面都算是前端,比如IOS客户端界面,安卓客户端界...

    ivan_qhzivan_qhz 评论0 收藏0
  • 不可错过的Angular scrollbar library

    不可错过的Angular scrollbar library

    摘要:最近,工作中忙于开发一个,主要技术基于和。我希望这个滚动条长得好看,可自定义,轻量级,不要依赖于,能和一起用,且支持黑色主题,因为我们的是深色背景的。希望能帮到有需要的人。 最近,工作中忙于开发一个desktop apps,主要技术基于 electron ...

    nemonemo 评论0 收藏0
  • Week3:张士超,你到底把一周的好文章放哪里了

    Week3:张士超,你到底把一周的好文章放哪里了

    摘要:错过一周的优质内容,不要再错过周一的快速回顾寒潮来得出乎意料,手脚,一遍听着史诗巨著张士超你到底把我家钥匙放哪里了,一边将优质内容进行整理一周咨询当技术成为一种武器翻译组一周简讯跟着轮子哥造轮子基本概念二排版前端名一前端远程调试德来预...

    妤锋シ妤锋シ 评论0 收藏0
  • 手机html页面的垂直布局的基本框架

    手机html页面的垂直布局的基本框架

    摘要:第一,弹性布局有一新一旧两个版本,当然想用新版本,可是版的微信不支持,好在和主流的浏览器也都支持老版本,所以就先用老版本吧只是做了简单的兼容测试。 手机页面的一种典型布局方式为:头(header)、主体(main)和底(footer),头和底放一些常...

    lavorlavor 评论0 收藏0
  • checkbox样式研究——按钮

    checkbox样式研究——按钮

    摘要:假如把的都删除,就是这样当这个是,子级是时,子级的是根据这个的原始点为原始点。的子节点我观察到就是按钮中间的黑色点点。总之它就是定义了一个黑色的圆形。的只有一点要注意不透明度为,也就是不显示。的加号,是相邻兄弟选择器。 本源代码来自ht...

    cfanrcfanr 评论0 收藏0
  • ionic的checkbox分析

    ionic的checkbox分析

    摘要:之前分析了一个原生的,趁热打铁分析的自带定义了一个父节点。此元素会被显示为内联元素,元素前后没有换行符。子节点让元素的子节点像元素一样。综上,只是给了一个边框的效果。子节点这个就是那个后显示的对号。 之前分析了一个原生的checkbox,趁热...

    boosterbooster 评论0 收藏0

热门文章

<