文章库ARTICLE COLUMN

  • 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
  • 实现marquee滚动效果

    实现marquee滚动效果

    摘要:横着滚动效果链接描述传奇无双传奇无双传奇无双新快币抽中新快币抽中新快币抽中新快币抽中新快币抽中新快币抽中竖着滚动效果链接描述万圣节万圣节万圣节新快币抽中新快币抽中新快币抽中新快币抽中 背景:marquee标签在有些浏览器兼容性不好,就手动用...

    Lin_RLin_R 评论0 收藏0
  • 「前端早读君008」新手必踩坑之display: inline-block

    「前端早读君008」新手必踩坑之display: inline-block

    摘要:中线基线顶线底线中线基线顶线底线是文本的几个基本线,其对应位置如下图基线小写英文字母的下端沿。中线小写英文字母的中间。将元素的基线与其父元素的下标基线对齐。将元素的基线对准给定长度高于其父元素的基线。 今日励志语 往日不可追,来日犹可...

    sevi_stuosevi_stuo 评论0 收藏0
  • 小程序/uniapp支持的css选择器一览

    小程序/uniapp支持的css选择器一览

    摘要:本次测试主要参考文档为选择器参考手册主要是安卓微信小程序的选择器兼容入坑小程序过程中看到微信对支持的选择器的描述只有六个分别是但是看到给写的花里胡哨的的库还有各种花里胡哨的小程序并且还表明支持之前各种无的库所以我觉得事情并没有这么简单...

    MockingBirdMockingBird 评论0 收藏0
  • FE.CSS-理解Matrix,Flex,Grid

    FE.CSS-理解Matrix,Flex,Grid

    摘要:理解中有这么几个属性方法斜拉缩放旋转位移其实找到旧像素位置与新像素位置的关系就可以用表示。当网格项目多于网格中的单元格或网格项目放置在显式网格之外时,将创建隐式轨道。 理解transform:matrix matrix transform中有这么几个属性方法 skew(35d...

    qujianqujian 评论0 收藏0
  • Grid布局——页面布局如此简单

    Grid布局——页面布局如此简单

    摘要:网格单元格被划分之后每一个格子就是单元格,也是布局的最小单位。网格区域若干个单元格拼接而成的区域。网格间隙单元格与单元格之间的距离,可以垂直也可以水平。 前言 CSS网格布局用于将页面分割成数个主要区域,或者用来定义组件内部元素间大小、位...

    ScorpionScorpion 评论0 收藏0

热门文章

<