摘要: fixed布局在ios中当页面滚动的时候可能会出现一些奇怪的表现,比如fixed元素随页面滚动或者消失等等。 解决思路: 要把带fixed定位的元素,和内容滚动的元素分开来,滚动部分设置绝对定位和 使之自成一块,这样就不会出现页面的滚动。没有滚动,即使fixed失效也没有问题。 阅读全文
posted @ 2019-01-25 21:07 xlupc 阅读(1966) 评论(0) 推荐(0) 编辑
摘要: 一、为什么需要规范? 无规矩不成方圆,编程也一样。 如果你有一个项目,从始至终都是自己写,那么你想怎么写都可以,没有人可以干预你。可是如果在团队协作中,大家都张扬个性,那么代码将会是一团糟,好好的项目就被糟践了。不管是开发还是日后维护,都将是灾难。 这时候,有人提出了何不统一标准,大家都按照这个标准 阅读全文
posted @ 2019-01-18 15:51 xlupc 阅读(683) 评论(0) 推荐(0) 编辑
摘要: class命名 大团队比较常用的是BEM模式。 class命名使用BEM其实是块( block)、元素( element)、修饰符( modifier)的缩写,利用不同的区块,功能以及样式来给元素命名。这三个部分使用__与 连接(这里用两个而不是一个是为了留下用于块儿的命名)。 命名约定的模式如下: 阅读全文
posted @ 2019-01-15 21:57 xlupc 阅读(227) 评论(0) 推荐(0) 编辑
摘要: Tab 标签页组件 基础用法 默认情况下启用第一个标签,可以通过 绑定当前激活的标签索引 点击事件 可以在tabs上绑定click事件和change事件,事件传参为标签对应的索引和标题 Tabs API | 属性名 | 类型 | 默认值 | 说明 | | | | | | | v model | St 阅读全文
posted @ 2019-01-15 21:14 xlupc 阅读(6940) 评论(0) 推荐(0) 编辑
摘要: 这是我写的一个Demo, "webpack HMR demo" 1、Webpack 是什么? 直接上图 简言之:webpack可以做如下的事情 打包所有的脚本 打包所有的图片 打包所有的样式 一句话:打包所有的资源 2、webpack 之安装 2.1 webpack安装环境依赖 webpack是基于 阅读全文
posted @ 2018-12-28 17:32 xlupc 阅读(806) 评论(0) 推荐(0) 编辑
摘要: 以前一直不知道怎么直观的解释接口和抽象类的区别,今天看到一个通熟易懂的解释,和大家分享一下。 人的例子 假如有男人和女人两个类,男人和女人有很多相同的属性和动作,比如都会眨眼,都会睡觉。如果分开定义两个不相关的类,则会有很多重复的内容。因此我们可以为这两个类设计出一个更高级别的抽象类——人。可以把男 阅读全文
posted @ 2018-12-27 17:24 xlupc 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 类型系统的一些概念,众说纷纭,使用上也比较乱。有些东西,甚至不好严格定义。以下算学术界的一种相对“严格”的说法。 首先了解一下基本概念 Program Errors trapped errors 。导致程序终止执行,如除0,Java中数组越界访问 untrapped errors 。 出错后继续执行 阅读全文
posted @ 2018-12-26 16:18 xlupc 阅读(609) 评论(0) 推荐(0) 编辑
摘要: 有时候我们需要让一些inline blcok块显示在一行,这时候我们会发现它们之间会存在一个间隙。为什么呢? inline blcok块之间的不可见符号会被保留父层字体的1/3大小的空间 还有有时候多张连续的图片排列在一起时,也会出现间隙,而且不知道你们是否发现 img标签是行内元素 ,为什么可以设 阅读全文
posted @ 2018-12-24 17:08 xlupc 阅读(127) 评论(0) 推荐(0) 编辑
摘要: 圣杯布局 html结构 css样式 总结: 圣杯布局用到了浮动float、负边距、相对定位relative,不添加额外标签. left的 使它上移一行,同时right向左移占据left原先位置,同理,right的 使它上移并靠右 双飞翼布局 html结构 css样式 和圣杯没多大的区别,就是 双飞翼 阅读全文
posted @ 2018-12-24 16:21 xlupc 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 当margin/padding取形式为 的值时,无论是left/right,还是 ,都是以 为参照物的 场景:购物平台商品的展示界面 当图片还未加载出来时,高度为零,加载出来后高度变化,出现一个闪烁的过程,影响用户体验。所以需要先进行占位,如上图所示。 使用margin/padding的百分比值来解 阅读全文
posted @ 2018-12-24 14:58 xlupc 阅读(255) 评论(0) 推荐(0) 编辑