文章库ARTICLE COLUMN

  • 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
  • vux-ui的ViewBox的坑

    vux-ui的ViewBox的坑

    摘要:链接该组件为高布局,可以解决部分键盘输入的问题,但是同时会在中出现向下滚动时无法自动隐藏工具栏和底部栏的问题。在里元素定位为,效果等同于。 链接 https://doc.vux.li/zh-CN/comp... 该组件为100%高布局,可以解决部分键盘输入的问题,但是同时...

    用户83用户83 评论0 收藏0
  • css元素不可见方法

    css元素不可见方法

    摘要:使元素不可见的三个方法隐藏元素不占据空间结构子元素显示状态始终跟父元素保持一致,会引起回流和重绘,不会遮挡其他元素的触发事件。 css使元素不可见的三个方法:display: none / visibility: hidden / opacity: 0 display: none 隐藏元素不占据...

    X1nFLYX1nFLY 评论0 收藏0
  • 2018.12月问题整理杂记

    2018.12月问题整理杂记

    摘要:布局如下对于这块,我不是很理解,后发现,注销这个样式,用可以解决。后查阅一些资料,到了原因。 -12.24-:html布局如下: html css javascript vue css: tab{ width: 600px; margin: 0 auto; } .tab-tit{ width: 600p...

    wudengzanwudengzan 评论0 收藏0
  • 2018.12.24 无障碍学习小计

    2018.12.24 无障碍学习小计

    摘要:在中的规范,包括关于角色可以使用哪些元素和不使用哪些元素的指导英不启用将网页某个部分标记为,以便及时向用户显示更新内容,而不是用户浏览这部分网站时更新可能位于初始页面加载中不同的屏幕阅读器和辅助技术对不同更改的响应不同,如果辅助技术不...

    FundebugFundebug 评论0 收藏0
  • 简析 js 碰撞检测原理与算法实现

    简析 js 碰撞检测原理与算法实现

    摘要:碰撞检测边界检测在前端游戏,以及涉及拖拽交互的场景应用十分广泛。这就涉及到碰撞检测或者叫边界检测的问题了。若四边均未发生重合,则未发生碰撞,反之则发生碰撞。目前业务有遇到碰撞需求,所以抽时间整理了下。 碰撞检测(边界检测)在前端游戏,...

    MiyangMiyang 评论0 收藏0

热门文章

<