文章库ARTICLE COLUMN

  • 实现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
  • BFC,包含块,文档流,浮动,定位是个啥关系---CSS视觉格式化模型

    BFC,包含块,文档流,浮动,定位是个啥关系---CSS视觉格式化模型

    摘要:视觉格式化模型浏览器在解析渲染我们所写的内容,顺序渲染普通文档流。渲染结果如下图这儿有一个知识点文档流按我的理解就是在浏览器渲染显示的一个模式,这个模式的特点自上而下,从左到右排列规则。如果不特殊指定,浏览器会默认当前的渲染是按文档流...

    huashiouhuashiou 评论0 收藏0
  • CSS 从入门到放弃系列:CSS的引入方式

    CSS 从入门到放弃系列:CSS的引入方式

    摘要:嵌入方式嵌入方式的只对当前的网页有效。链接方式这是最常见的也是最推荐的引入的方式。是才出现的概念,所以如果浏览器版本较低,无法正确导入外部样式文件使用无法引入超过条的样式表。 css的四种引入方式 内联方式(行间样式) 这通常是个很糟糕的书...

    BigTomatoBigTomato 评论0 收藏0
  • vue项目接入微信JSSDK的坑

    vue项目接入微信JSSDK的坑

    摘要:微信说明文档分享的坑根据的文档,很多人都是在初始化的配置的时候,传入的当前的地址不正确。同样的,给微信初始化的加入对应的参数。 date: 2018-12-13 15:23:09 用于记录接入微信JS-SDK的坑,以后方便查询第一次接入公众号微信支付、分享、定位等...

    lieepslieeps 评论0 收藏0
  • input在iOS里的兼容性

    input在iOS里的兼容性

    摘要:框在里,无法聚焦,不能输入内容,把改成或者直接加一个 input框在iOS里,无法聚焦,不能输入内容,把-webkit-user-select:none改成-webkit-user-select:auto;或者直接加一个style=-webkit-user-select:auto....

    andong777andong777 评论0 收藏0
  • 老生常谈之CSS的垂直居中

    老生常谈之CSS的垂直居中

    摘要:在通常情况下,对那些需要居中的元素来说,其尺寸往往是由其内容来决定的。虽然没有垂直居中效果,但也是完全可以接受的。的另一个好处在于,它还可以将匿名容器即没有被标签包裹的文本节点垂直居中。 主要摘自:《CSS 揭秘》,强烈推荐的一本书。 4...

    CompileYouthCompileYouth 评论0 收藏0
  • js 实现上下拖动改变父 div 的高度,左右上下拖动动态分割孩子的宽高

    js 实现上下拖动改变父 div 的高度,左右上下拖动动态分割孩子的宽高

    摘要:需求实现父里面左右,上下动态分割,并上下改变父的高度,并且宽和高都是按百分比如图。一个改变父高度的,用于上下拖动不能占有位置,所以要绝对定位,并定位到最右下角。上下拖动的,当上拖动时,的父的高度变小,当下拖动时,的父的高度变大。 show...

    Cheng_GangCheng_Gang 评论0 收藏0
  • 移动端适配之一:到底什么是像素

    移动端适配之一:到底什么是像素

    摘要:但是,在移动端,看着分辨率高达的,在控制台中却只有的分辨率,似乎有点不合逻辑。对于手机,物理像素可以在手机说明书或者官网的参数配置中查到,而设备独立像素打开控制台选择对应机型后就可以看到当然,也可以在控制台中用上面的命令查看。 最近在...

    LiuZhLiuZh 评论0 收藏0
  • 父容器高度不定,子容器填满父容器剩余高度

    父容器高度不定,子容器填满父容器剩余高度

    摘要:实现代码布局使子容器填满父容器剩余宽高需求分析目前内容如图需求是实现这样 1. 实现代码 flex布局使子容器填满父容器剩余宽/高:http://jsfiddle.net/EverJust/... 2. 需求分析 (1)目前内容如图: showImg("https://segmentfault.com/img/bVblHrC?...

    AlphaGoooAlphaGooo 评论0 收藏0
  • Web技术的前世今生(二)

    Web技术的前世今生(二)

    摘要:前言我是,如果你还不认识我,不妨先看看技术的前世今生一平静的生活已经有一段日子了。传送门技术的前世今生一技术的前世今生三 前言:我是JavaScript,如果你还不认识我,不妨先看看《Web技术的前世今生(一)》 平静的生活已经有一段日子了。 这一...

    StardustskyStardustsky 评论0 收藏0
  • Web技术的前世今生(一)

    Web技术的前世今生(一)

    摘要:直到有一天,大哥接到一项特殊的任务,一位年轻的爸爸想给自己患有抑郁症的孩子制作一个网站,希望网页里的天空每天都可以更换一种颜色。猿知原味注老头阐述的方法是最早的动态网页实现方案技术。传送门技术的前世今生二技术的前世今生三 我的名字叫Ja...

    ygyoooygyooo 评论0 收藏0
  • Css in Js 一次实践

    Css in Js 一次实践

    摘要:最近需要做一个表格组件,组件需求指定行列可以跨行跨列行和行之间有分割线最终采用实现需求。所以考虑采用的形式。关于相关的概念介绍可以参考阮一峰老师的文章介绍。然后返回一个组件,把组件替换原来的即可。想尝试的小伙伴现在就可以码一遍。 最近...

    calxcalx 评论0 收藏0
  • 关于git常用命令

    关于git常用命令

    git常用命令 git常用命令 初始化本地git环境  git init 克隆一份代码到本地仓库   git clone XXX 把远程库的代码更新到工作台   git pull 强制把远程库的代码跟新到当前分支上面   git pull --rebase origin master 把远程库的代码更新...

    only_doonly_do 评论0 收藏0
  • 支付宝小程序编译less

    支付宝小程序编译less

    摘要:最近在踏坑支付宝小程序,目前支付宝小程序的框架还不是很成熟,然后项目要求比较高,为了避免一些无法预料的坑,所以选择了原生的支付宝小程序的开发。把,稍微改造一下即可支持支付宝小程序的编译。 最近在踏坑支付宝小程序,目前支付宝小程序的框架...

    tulayangtulayang 评论0 收藏0
  • 移动端适配之二:visual viewport、layout viewport和ideal view

    移动端适配之二:visual viewport、layout viewport和ideal view

    摘要:对于,浏览器全屏状态下,其的值为。的大小可以通过和,实际使用中可能会有一些兼容问题,这跟声明有关。是为了能将电脑上的网页正确的显示到手机上。调整的大小,让其在的查看下有最佳效果,就是我们想要的移动端适配。 上一篇博文,可算把像素这个东...

    darkerXidarkerXi 评论0 收藏0
  • 前端常见知识点汇总(面试)-HTML和CSS部分

    前端常见知识点汇总(面试)-HTML和CSS部分

    摘要:一内联元素与行元素的区别内联元素即行内元素。绝对定位,相对于定位以外的第一个父元素进行定位,元素脱离文档流。 一、内联元素与行元素的区别 1、内联元素即行内元素。2、内联元素,在文档流中挤在一行;不能设置宽高(即,即使设置了也不管用,例...

    DevTTLDevTTL 评论0 收藏0
  • Angular2 控制视图的封装模式

    Angular2 控制视图的封装模式

    摘要:如果你运用好视图的封装模式,会帮你解决好很多的问题。通过在组件的元数据上设置视图封装模式,你可以分别控制每个组件的封装模式。 Angular2 控制视图的封装模式 为什么我想要分享控制视图的封装模式呢?主要是我们angular的项目大多数都会去引入一...

    kekekeke 评论0 收藏0
  • 上百道最新前端面试题

    上百道最新前端面试题

    摘要:项目地址持续更新欢迎关注前端安全其他更多技术文章如果对你有帮助,请给个 项目地址 持续更新,欢迎关注 JavaScript CSS HTML 前端安全 HTTP 其他 Vue 更多技术文章 如果对你有帮助,请给个Star...

    Mike617Mike617 评论0 收藏0
  • 前端面试题总结

    前端面试题总结

    摘要:还有天,年便过去了,回头看看,这段时间自己有出去面试过,也遇到了很多面试题,以下是我的一些总结,这篇关于面试的文章,我也会不定时的更新。然而,如果前一个定时器尚未执行,其实就是将其替换为一个新的定时器。 还有7天,2018年便过去了,回头...

    ztyzzztyzz 评论0 收藏0
  • 浏览器的回流和重绘

    浏览器的回流和重绘

    摘要:例如对于复杂动画效果,由于会经常的引起回流重绘,因此,我们可以使用绝对定位,让它脱离文档流,成为一个多带带的图层。 浏览器的渲染过程 showImg("https://segmentfault.com/img/bVblB7y?w=624&h=289"); 从上面这个图上,我们可以看到,浏览器渲染...

    renweihubrenweihub 评论0 收藏0
  • 11种方法实现一个tips带有描边的小箭头(更新中...)

    11种方法实现一个tips带有描边的小箭头(更新中...)

    摘要:查看效果第六种和背景描边旋转此方法就是设置一个宽度和高度分别为的方块背景,然后背景相邻的两条边描边再有的属性旋转角度,来实现箭头的朝向。 showImg("https://segmentfault.com/img/bVbmX2F?w=400&h=277"); 我们在网页开发中实现一个tips时会有...

    oneasponeasp 评论0 收藏0

热门文章

<