文章库ARTICLE COLUMN

  • IOS 底部margin失效

    IOS 底部margin失效

    摘要:问题和布局方式有关使用把底部设置一定的间距上无效安卓有效场景仅在底部需要撑开一定间距时使用失效但是在撑开间距的同时也会伴随容器自带的底色非白所以不考虑如图所示解决方式更改整体布局在需要留白的区域添加空白块具体兼容还与部分机型和系统版本...

    HelKyleHelKyle 评论0 收藏0
  • CSS 入门简介

    CSS 入门简介

    摘要:一简介及引用概述汉译为层叠样式表,是用于控制网页样式。二基础语法语法规则由两个主要的部分构成选择器,以及一条或多条声明。也就是说,和不冲突。这意味着两者都将遵守选择器中的规则。选择获得焦点的元素。 一、CSS简介及引用 1、CSS 概述 CSS汉...

    EscapedDogEscapedDog 评论0 收藏0
  • web学习笔记13-移动端搜索框提示功能

    web学习笔记13-移动端搜索框提示功能

    摘要:当按钮被松开时,触发事件获取到关键字判断关键字是否为空若输入字符串不为空则显示网络请求搜索。显示自动提示框,给框里填关联词条的内容给缓存对象赋值若输入字符串为空则显示历史搜索。     最近项目一直在迭代更新,没有什么新的东西做,所以...

    wdzgegewdzgege 评论0 收藏0
  • css选择class中的第一个怎么选?使用first-of-type?

    css选择class中的第一个怎么选?使用first-of-type?

    摘要:找到结构里面的所有的标签记作如果最后一个元素的为,把字体颜色改为 Dom结构 我是span 我是h1 我是h1 我是h1 我是h1 我是h1 1.指定标签 h1:first-of-type { color: red; // #test底下所有的h1找出来,其中第一个h1...

    tanglijuntanglijun 评论0 收藏0
  • 精读《国际化布局 - Logical Properties》

    精读《国际化布局 - Logical Properties》

    摘要:引言一带一路正在积极推动中国的国际化进程,前端网站也面临着前所未有的国际化挑战。本周精读的文章是,通过一种新的技术,实现国际化布局。讨论地址是精读国际化布局如果你想参与讨论,请点击这里,每周都有新的主题,周末或周一发布。 1 引言 一...

    seasonleyseasonley 评论0 收藏0
  • MPVUE -学习笔记

    MPVUE -学习笔记

    MPVUE -学习笔记

    woshicixidewoshicixide 评论0 收藏0
  • 不要再问我移动适配的问题了

    不要再问我移动适配的问题了

    摘要:不要再问我的问题系列一不要再问我的指向问题了二不要再问我跨域的问题了移动端适配的问题,一般来说我们都不会去深究,因为这种东西都是配置一次就再也不用管的了,接到设计图就按照祖传套路撸就完事了。 不要再问我XX的问题系列:一、不要再问我...

    AiryAiry 评论0 收藏0
  • 前端常用属性/方法/命令积累

    前端常用属性/方法/命令积累

    摘要:定义表格中的表注内容脚注样式节标签描述属性定义文档的样式信息。原始值是由从对象下来的所有对象继承的。方法通常由在后台自动进行调用,而不是显式地处于代码中。 HTML常用标签 其实在w3school上都有详细的总结和描述,写在这里是为了理清自己的思...

    wupengyuwupengyu 评论0 收藏0
  • css浮动及其危害和解决方法

    css浮动及其危害和解决方法

    摘要:元素向右浮动。元素不浮动,并会显示在其在文本中出现的位置。规定应该从父元素继承属性的值。 html元素有三种类型: ①、块状元素: 如div -------- display:block ②、内联元素: 如span ------ display:inline ③、内...

    atinosunatinosun 评论0 收藏0
  • 浅谈pc和移动端的响应式

    浅谈pc和移动端的响应式

    摘要:浅谈和移动端的响应式身为一个前端攻城狮,是不是经常遇到各种各样的响应式问题下面我们来说一下响应式跟自适应有什么区别有些人可能还不知道响应式跟自适应的区别甚至认为他们是同一个东西其实不是的自适应是最早出现的,后面才有了响应式。 浅谈pc和...

    SoarkeySoarkey 评论0 收藏0
  • transform

    transform

    摘要:参考一变形原点变形原点,默认值为中心位置的值可以为百分值,默认值二旋转三移动四缩放五扭曲基点,默认值 参考:https://blog.csdn.net/qq_2418... 一、变形原点 transform-origin(X,Y)变形原点,默认值为中心位置(-webkit-,-moz-,-o-)x,y的值可以...

    ephereridephererid 评论0 收藏0
  • 记录

    记录

    浏览器的重排(reflow)和重绘(repaint)https://mp.weixin.qq.com/s/89...

    张春雷张春雷 评论0 收藏0
  • CSS 盒模型简介

    CSS 盒模型简介

    摘要:左右和会起作用。外边距合并当一个元素出现在另一个元素上面时,第一个元素的下外边距与第二个元素的上外边距会发生合并。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。 一、盒子模型概述 盒子模型是CSS的基石,指定标签如何显示;...

    netmounetmou 评论0 收藏0
  • html+css面试题 行内元素padding和margin

    html+css面试题 行内元素padding和margin

    看到一个面试题 关于行内元素span的 * { padding: 0; margin: 0; } span { padding: 100px; border: 1px solid red; } ...

    HtmlCssJsHtmlCssJs 评论0 收藏0
  • web学习笔记15-移动端地址选择控件-v1.0简单版

    web学习笔记15-移动端地址选择控件-v1.0简单版

    摘要:先放上出来的效果看效果图挺简单的,因为懒。点击选择地址北京市北京市朝阳区朝外街道请选择地址请选择这个还是一目了然的,很简单,下面是样式。     好久都没有写东西了,现在干的活都是重复和简单的活,能总结出来的东西还是不太多。     ...

    ninefiveninefive 评论0 收藏0
  • 网页标准文档流中垂直方向的margin塌陷现象

    网页标准文档流中垂直方向的margin塌陷现象

    摘要:在标准文档流中即没有浮动,如果设置了浮动那就不会出现这中情况了,中有两个元素,这两个元素的宽高都是,第一个设置了第二个设置了,那么实际上两个元素之间的距离是,这就是塌陷现象,并且塌陷还是以大的一方为准。 在标准文档流中(即没有浮动,如...

    flybywindflybywind 评论0 收藏0
  • 盒子边界(根据理解和测试记录,在概念上可能有描述错误,推荐补充)

    盒子边界(根据理解和测试记录,在概念上可能有描述错误,推荐补充)

    摘要:测试测试测试测试在以前蠢蠢的不知道的时候,有时候会通过给增加然后给最后一个去除类似这样,虽然这样可以解决,但是不推荐。如果与的边界值大于会小于之间的间距时,可以根据情况重新设置首尾边界的具体值。 前言:边界属性margin是盒子与盒子之间的...

    GenngGenng 评论0 收藏0
  • css之position定位

    css之position定位

    摘要:一定位方式默认定位方式相对定位相对于该元素静态定位的元素定位即元素所在正常文档流的位置相对定位结果相对定位并没有脱离文档流只是相对于该元素以前所在的位置进行偏移绝对定位相对于除了定位以外的父元素进行定位如果父元素没有定位就根据即浏览器...

    waruqiwaruqi 评论0 收藏0
  • Phaser游戏框架与HTML Dom元素之间的通信交互

    Phaser游戏框架与HTML Dom元素之间的通信交互

    摘要:本想按照的元素官方实例来创建元素,但一直提示错误,无奈直接用的语法来创建元素,然后在内获取该元素,也不用再使用第三方的插件,还是挺方便快捷的。按照这个思路,还可以创建等一系列元素,然后再在内操作其对应的就可以了,而至于元素则用监听即可...

    xiaowugui666xiaowugui666 评论0 收藏0
  • 为什么我们要使用Redux(图解)

    为什么我们要使用Redux(图解)

    摘要:前言随着框架的强大,使用的人数与日俱增。不仅仅要给孙子组件分发他们要的状态同时还要给自己的子女组件分发他们需要的状态。所以,我们必须想办法解决这样的窘迫。帮助每一个组件分发状态,减少了中间环节。就像眼镜你需要用的时候就会想起它 前言 ...

    aervonaervon 评论0 收藏0
  • 在单页应用中,如何优雅的监听url的变化

    在单页应用中,如何优雅的监听url的变化

    摘要:单页应用的原理从早起的根据的变化,到根据的的变化,实现无刷新条件下的页面重新渲染。那么在单页应用中是如何监听的变化呢,本文将总结一下,如何在单页页面中优雅的监听的变化。在下几章中,重点介绍一下如何监听的改变。   单页应用的原理从早...

    leap_frogleap_frog 评论0 收藏0
  • SVG图标跑到哪里了?

    SVG图标跑到哪里了?

    摘要:先上图,这是我们想要实现的图标效果为了方便看出图标的轮廓,我们将背景上色。也就是说划定了应该显示的图像区域的起点位置以左上角为图像起点和大小,所以它包含四个数字类型参数,分别代表盒子左上角的坐标和它的宽度和高度。 先上图,这是我们想要...

    huashiouhuashiou 评论0 收藏0
  • Flex布局使用总结

    Flex布局使用总结

    摘要:所有内容均源自阮一峰老师的文章布局教程语法篇,不过此总结都是结合平时使用的自我表述。引言布局使得一个框体内部的排版更为便捷,比如栅格排版,自适应分配长宽,垂直居中等,原来可能需要很多样式配合来完成,使用,就变得更了。 所有内容均源自阮...

    marekmarek 评论0 收藏0
  • 「前端早读君006」移动开发必备:那些玩转H5的小技巧

    「前端早读君006」移动开发必备:那些玩转H5的小技巧

    摘要:今日励志语录有志者自有千计万计,无志者只感千难万难。三动画技术越来越不陌生,使用门槛也渐渐降低,而且动画还可以使用控制。扫一扫查看效果打开微扫一扫关注早读君,每天早晨为你推送前端知识,度过挤地铁坐公交的时光 今日励志语录有志者自有千计...

    LittleLiByteLittleLiByte 评论0 收藏0
  • 关于js计算非等宽字体宽度的方法

    关于js计算非等宽字体宽度的方法

    摘要:准备一个容器首先在外插入一个的容器避免重绘计算方法总结出了两种方法,这里由于我使用的是,其他元素同理。下面先说性能最好的一个方法,先创建所有的元素,然后统一到准备好的容器里。 准备一个容器 首先在body外插入一个absolute的容器避免重绘: ...

    BDEEFEBDEEFE 评论0 收藏0

热门文章

<