文章库ARTICLE COLUMN

  • BFC理解

    BFC理解

    摘要:解决高度塌陷的前提就是能识别并包含到浮动元素。那有没有一个更好的高度检测方法呢答案是有的,就是我们经常用到的。不支持,所以需要通过专有的属性,触发。 Block formatting context (块级格式化上下文) 页面文档由块block构成 每个block在页面...

    nevermindnevermind 评论0 收藏0
  • CSS中的一些小细节

    CSS中的一些小细节

    摘要:一排版原理改变盒模型计算方式取值初始值举个例子演示结果文档二一些容易被忽视的小细节下面代码,标签的高度是多少解析默认情况下是没有高度只有宽度。使用场景可以利用的百分比来做出一些固定宽高比的盒子。另外注意水平垂直居中的实现方式。 一、CS...

    fxpfxp 评论0 收藏0
  • 360前端星学习笔记-深入CSS

    360前端星学习笔记-深入CSS

    摘要:深入课程链接一的版本规范在之前,把所有标准放在一起去管理,这样推进起来版本升级比较难,后来在的版本中,将标准分成几个模块来管理。 深入CSS 课程ppt链接 一、CSS的版本(level) css Level 1 css Level 2(CSS2.2规范) css Level 3 Color Mo...

    xcoldxcold 评论0 收藏0
  • 360前端星学习笔记-深入css(2)

    360前端星学习笔记-深入css(2)

    摘要:课程一继承某些元素会自动继承其父元素的计算值举例上述代码,标签里的就会继承父元素的,为。显示继承给设置显示继承根元素下所有元素除独自设置如的都是。二初始值当向上继承到顶点还是没找到值的话,就需要初始值了。 课程ppt 一、css继承 1.1 某些...

    William_SangWilliam_Sang 评论0 收藏0
  • 前端每日实战:45# 视频演示如何用纯 CSS 创作一个菱形 loader 动画

    前端每日实战:45# 视频演示如何用纯 CSS 创作一个菱形 loader 动画

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

    MarvinZhangMarvinZhang 评论0 收藏0
  • 深入理解ES6(二)(解构赋值)

    深入理解ES6(二)(解构赋值)

    摘要:默认值解构赋值允许指定默认值。因为解析器会将起首的大括号,理解成一个代码块,而不是赋值语句。数值和布尔值的解构赋值解构赋值时,如果等号右边是数值和布尔值,则会先转为对象。可以使用圆括号的情况可以使用圆括号的情况只有一种赋值语句的非模式...

    mzloginmzlogin 评论0 收藏0
  • CSS层叠机制

    CSS层叠机制

    摘要:在层叠中每个样式规则都有一个权重值,当其中几条规则同时生效时,权重最大的规则优先。一般权重值跟对象,是否有特异度和位置先后有关。 css中为什么要有层叠机制 因为在css中可能会有多个样式同时影响同一个元素的某个属性,层叠机制可以解决作者(...

    wenziwenzi 评论0 收藏0
  • CSS中的百分比

    CSS中的百分比

    摘要:我们一般喜欢将宽度设置成百分比,但在将高度设置成百分比的时候要注意。解决方法利用函数让的宽度减去因为的百分比是参照其父元素的宽度计算的,因此这里将它的父元素的宽度减小,那么它的的自然就小了 结论: 标准流中的元素,看其属性有没有继承性...

    LeoHsiunLeoHsiun 评论0 收藏0
  • css中几个重要概念

    css中几个重要概念

    摘要:包含块是一个相对的概念,比如子元素的初始化布局总是在父元素的左上角,这就是一个相对的概念。每个元素都会生成一个包含块,但这个包含块是虚无的,你看不到也摸不着,只是一个概念。这个属性在新的版本中已经移除了,可以不用关注该属性了。 替换元...

    darkbugdarkbug 评论0 收藏0
  • 小程序之仿小米商城Lite

    小程序之仿小米商城Lite

    摘要:嗯这句话就是作为第一次做仿小程序项目的我,历经磨难得出来的肺腑之言。作为想要走上代码这条不归路的程序员,心浮气躁就是为以后整个项目给自己挖坑奠定了良好的基础。 前言      关于小程序,在这里有一句话送给正准备阅读的你-世界上本没有坑...

    LsnshLsnsh 评论0 收藏0
  • 小程序填坑实录

    小程序填坑实录

    摘要:注意,这里有一个坑,在开发者工具上回调是不会被调用的,只有在手机上才有效。 open-data头像如何设置样式 设置成 { display: block; overflow: hidden; } 就可以正常设置样式了,包括圆形头像等 用户授权按钮设计思路 授权按钮设计成全屏透明的,用...

    xiyangxiyang 评论0 收藏0
  • 前端实用资源整理

    前端实用资源整理

    摘要:事件的响应分区为三个阶段捕获目标冒泡阶段。绑定的多个事件会被覆盖,后者覆盖前者。再用转换成数值表示。如实际数量为,则展示为项目中使用过滤器做的处理可以抽取方法的,调整相关,可以获取指定位数的缩写。 CSS html5中a的download属性 定义和用...

    Gu_YanGu_Yan 评论0 收藏0
  • 前端面试题(4)JavaScript

    前端面试题(4)JavaScript

    摘要:变量声明提升在中,函数声明与变量声明经常被引擎隐式地提升到当前作用域的顶部。对象的方法和属性是在全局范围内有效的。未形成标准,实现混乱。 前端面试题JavaScript(一) JavaScript的组成 JavaScript 由以下三部分组成: ECMAScript(核心)...

    1treeS1treeS 评论0 收藏0
  • 一些实现垂直居中的方法

    一些实现垂直居中的方法

    摘要:设置,相当于是表格的,单元格所包含的内联元素可以实现垂直居中。使用居中这个不多说了下面的实现方法,相对来说不那么常规内联元素实现居中这种方法需要多加一个内联元素,让它的高度和父级元素的高度一致,再通过来实现。 showImg("https://segment...

    legendaryedulegendaryedu 评论0 收藏0
  • CSS选择器概述

    CSS选择器概述

    摘要:常用于链接描点上用户行为选择器选择匹配的元素,且匹配元素被激活。,选择的是奇数项,而使用选择的却是偶数项否定伪类选择器选择器功能描述匹配所有除元素外的元素属性选择器语法选择器功能描述用于选取带有指定属性的元素。 CSS选择器概述 一.CSS3 ...

    wangjuntytlwangjuntytl 评论0 收藏0
  • 前端每日实战:43# 视频演示如何用纯 CSS 绘制一个充满动感的 Vue logo

    前端每日实战:43# 视频演示如何用纯 CSS 绘制一个充满动感的 Vue logo

    摘要:源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,一个容器中包含个子元素居中显示定义层三角形的尺寸定义容器的尺寸画出层三角形定义动画效果最后,隐藏容器外的内容大功告成 showImg("https://segmentfault.com/img/bVbbQrP?w=500&h=50...

    alightersalighters 评论0 收藏0
  • 前端框架这么多,该如何抉择?

    前端框架这么多,该如何抉择?

    摘要:在引起状态变化的时刻,框架自动触发脏检查,也可以手动执行脏检查,直接操作更新视图。最后,说了这么多,大家在具体选型时还是要首先分析自己的需求和现状,然后再做选择。 作为一个软件开发者,最大的挑战就是在不断涌现的新技术中进行取舍,持续学...

    JackwooJackwoo 评论0 收藏0
  • 一个前端菜鸟的成长历程

    一个前端菜鸟的成长历程

    摘要:张鑫旭老师的文章写的很棒,解决了我的许多困惑。所以,基础知识的牢固就显得尤为重要是个不怎么听话的孩子,总是会搞出一些奇奇怪怪的事情来张鑫旭老师十年磨一剑,钻研的魔法,可见其中技术细节有多复杂。   从实习算起,到现在工作了也有一年半的...

    lieepslieeps 评论0 收藏0
  • 手机端页面在项目中遇到的一些问题及解决办法(持续更新)

    手机端页面在项目中遇到的一些问题及解决办法(持续更新)

    摘要:解决页面使用在上滑动卡顿的问题首先你可能会给页面的和增加了然后就可能造成上页面滑动的卡顿问题。页面橡皮弹回效果遮挡页面选项卡有时和的去除掉问题可能就没有了。该行无文字时,光标高度与的一致。 1.解决页面使用overflow: scroll在iOS上滑动卡...

    terenteren 评论0 收藏0
  • 作为前端,如何帮帝都的朋友租到合适的房子

    作为前端,如何帮帝都的朋友租到合适的房子

    摘要:前后翻几页我们不难发现,豆瓣是利用后面的参数来实现分页的。最后我们打开看一看效果吧,标红的是回复数量,点击标题可以直接跳转到豆瓣对应的页面。   在帝都打拼的小伙伴都知道,要租个合适的房子真心不易。中介要收一个月的房租作为中介费。而且...

    pubdreamccpubdreamcc 评论0 收藏0
  • 前端开发注意事项(HTML与CSS进阶)

    前端开发注意事项(HTML与CSS进阶)

    摘要:答因为有序列表前的数字外观是固定的,不能修改。所以在开发中,大多数情况下都是使用无序列表标签和标签可以用于突出对这两个标签赋予了强调的语义。 HTML 与 CSS 进阶 Img 标签 alt 属性 一定要添加 用于图片描述 给机器看的,如果图片加载失败,会...

    AlexTuanAlexTuan 评论0 收藏0
  • 移动端placeholder不能垂直居中解决方案

    移动端placeholder不能垂直居中解决方案

    摘要:问题描述问题如图手机端文字偏上,垂直方向不居中,光标显示偏上解决方案输入手机号码成果问题完美解决,文字完美居中,光标显示正常 1.问题描述 问题如图:手机端placeholder文字偏上,垂直方向不居中,input光标显示偏上showImg("https://segmentfa...

    用户83用户83 评论0 收藏0
  • 从零开始写一个轮播

    从零开始写一个轮播

    摘要:什么是轮播轮播,英文,也就是幻灯片的意思,我们可以手动或者自动切换一张张的照片达到显示的目的。怎么实现一个轮播一般,我们可以两种方法来实现轮播,例如,核心思路使用透明度来切换照片,使用距离来平移照片。 什么是轮播 轮播,英文slider,也...

    olleolle 评论0 收藏0
  • JS基础入门篇(二十)—事件和事件对象(一)

    JS基础入门篇(二十)—事件和事件对象(一)

    摘要:事件事件的定义所有的元素都有事件,我们要做的就是为事件绑定函数,当元素发生事件时就会出发对应的函数。当我们没有为事件绑定函数时,事件的值为。点击事件需要注意的是事件名是,不是。鼠标移动事件鼠标移动持续触发,当鼠标移出此元素上停止触发。...

    entnerentner 评论0 收藏0
  • 【CSS练习】IT修真院--练习3-简单界面

    【CSS练习】IT修真院--练习3-简单界面

    摘要:任务三一个最简单的移动端页面今天完成的事情运用布局知识跟随设计图进行布局,完成简单并继续学习优化让布局更好适应屏幕变化使用了盒模型及百分比了解区别在中应用图片处理学习明天计划的事情深度思考手机分辨率和网页的区别周末补学任务四计划及简单...

    MrZONTMrZONT 评论0 收藏0

热门文章

<