文章库ARTICLE COLUMN

  • 因为这个玩意,可以让使用 Amaze UI 的开发者更 Happy!!

    因为这个玩意,可以让使用 Amaze UI 的开发者更 Happy!!

    摘要:为了能够更好的服务开发者,最近上线了一个新的频道插件库,顾名思义,里面提供了很多基于的插件,可以让使用的开发者直接使用,保证了良好的开发体验。 为了能够更好的服务开发者, Amaze UI 最近上线了一个新的频道插件库,顾名思义,里面提供了...

    yuxueyuxue 评论0 收藏0
  • 前端阅读笔记 2016-11-16

    前端阅读笔记 2016-11-16

    摘要:对来说,百分比都是按照父元素的宽度来计算的百分比值的则是按照父元素的高度计算。但是,按照父元素宽高百分比计算是严格的和时,还会涉及到所谓死循环的问题。另外,需要注意,这种是没有意义的。打算利用公众号分享每天的阅读笔记。 常规早读 关于J...

    陈江龙陈江龙 评论0 收藏0
  • 那是被我玩坏的线上简历

    那是被我玩坏的线上简历

    摘要:侵权删有新意的奉上经过切图没什么好说的,说一下字体那一块,我本来想引用字体,有点担心国内网络会不会不好加载,于是选择下载到本地直接用,结果思源黑体是真的大,,我本地调试加载都够我看完一集毒枭了此处用了夸张的手法,厉害了。 我的前端求职...

    bingobingo 评论0 收藏0
  • css 样式收集

    css 样式收集

    clearfix /*清除浮动*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac */...

    weijweij 评论0 收藏0
  • CSS当中link与@import指令的区别

    CSS当中link与@import指令的区别

    摘要:由于工作中一直使用标签引入外部文件,也没有专门了解过指令的使用方式及其与标签的区别。首先,和的作用是相同的,都是用来引入外部代码,只是二者服务的对象不同标签为当前的页面服务,而只为服务。 在平时的前端开发工作中,我们使用HTML页面引入CS...

    WildcardWildcard 评论0 收藏0
  • 说走就走的性能优化之旅

    说走就走的性能优化之旅

    摘要:雅虎规则熟悉网站优化的开发者应该都知道,只要提到网页性能优化,就绕不开雅虎军规。页面加载前置,后置,首屏无关的不加载,图片懒加载,精简之类的,都是在网页加载层面上的优化,可以算作请求都结束了之后做的东西。同时达到了最初的目的。 雅虎规...

    U2FsdGVkX1xU2FsdGVkX1x 评论0 收藏0
  • 移动端页面开发适配 rem布局原理

    移动端页面开发适配 rem布局原理

    摘要:移动端页面开发适配布局原理什么是适配,为什么要适配我们拿到的设计图一般是以,,分辨率为基准设计的,而现在的手机终端各式各样,分辨率不同,逻辑像素不同,视口不同,所以为了让我们的页面在每个设备上都可以良好的展示,那么就需要为这些设备做统...

    svttersvtter 评论0 收藏0
  • CSS居中方法总结

    CSS居中方法总结

    摘要:此时检查元素即可即可实现内层的实现了居中这种方式是最为我们熟知的,其缺点是需要设置子元素的宽度。交叉轴居中当设置了属性时,主轴的方向会改变。垂直居中实现方案用的属性,以及定位,与上面的水平居中类似,只是改为即可。 水平居中实现方案 确...

    ralapralap 评论0 收藏0
  • Fullscreen API 全屏显示网页

    Fullscreen API 全屏显示网页

    摘要:进入全屏将全屏显示。内核浏览器和表现不同,前者只要求是元素即可,后者则要求必须是文档流中的元素,比较严格,否则不能全屏显示。内核浏览器会阻止除方向键控制键之外的键盘输入,会在输入时发出要求用户退出全屏状态的提示。 第一次看到应用 Fulls...

    TNFETNFE 评论0 收藏0
  • display 与 visibility

    display 与 visibility

    摘要:项目开发中经常会遇到需要显示和隐藏元素。标准对这个两个属性的解释如下设置元素如何显示。此元素会被显示为内联元素,元素前后没有换行符。被行或列占据的空间会留给其他内容使用。但是行调换位置后,设置鼠标焦点事件就不会生效了。 项目开发中经常...

    junfeng777junfeng777 评论0 收藏0
  • Bootstrap网格系统

    Bootstrap网格系统

    摘要:栅格系统中的列是通过指定到的值来表示其跨越的范围。实例下图是一个栅格系统,共有四行。然后在根目录中,使用命令,可以自动将源代码编译成,放在目录中。 什么是Bootstrap Bootstrap是一个用于快速开发Web应用程序和网站的前端框架,它包括HTML,CSS...

    ISherryISherry 评论0 收藏0
  • Safari的CSS HACK方法

    Safari的CSS HACK方法

    .thei{ [;color:#666;] } 这里面的颜色只针对苹果的safari浏览器有效果。

    HwgHwg 评论0 收藏0
  • 提升你的CSS姿势

    提升你的CSS姿势

    摘要:父类为,代表着一系列文章的列表。对于可读性较好地与代码,不应该像一本书,而应该像一个故事,一个故事中会存在角色和角色之间的关系,而这种更多的语义化地可以较好地提示你整个代码的可维护性。无论哪种文件组织方式比较顺眼,你都应该遵循统一的原...

    dingding199389dingding199389 评论0 收藏0
  • Sass 与 SCSS 是什么关系?

    Sass 与 SCSS 是什么关系?

    摘要:下面是一个简短的说明当我们说起,我们经常指的是两种事物一种预处理器和一种语言。同时,预处理器有两种不同的语法一种缩进语法一种语法历史最开始,是的一部分,是一种预处理器,由开发者设计和开发。 我最近写了很多 Sass 代码,但是最近发现并不是...

    funnyZhangfunnyZhang 评论0 收藏0
  • H5项目常见问题及注意事项

    H5项目常见问题及注意事项

    摘要:解决方案可以解决在手机上点击事件的延迟的模块,事件也是为了解决在的延迟问题显示屏原理及设计方案说明屏是一种具备超高像素密度的液晶屏,同样大小的屏幕上显示的像素点由个变为多个,如在同样带下的屏幕上,苹果设备的显示屏中,像素点个变为个。 ...

    Little_XMLittle_XM 评论0 收藏0
  • window.devicePixelRatio 独立像素比(经典文章+原创)

    window.devicePixelRatio 独立像素比(经典文章+原创)

    摘要:独立像素像素像素是一个抽象的单位,主要使用在浏览器上,用来精确的度量确定页面上的内容。一般情况下,像素被称为与设备无关的像素像素,简称为。在一个标准的显示密度下,一个像素对应着一个设备像素。独立像素比物理像素独立像素。 设备像素/物理...

    _ang_ang 评论0 收藏0
  • 个人Web前端开发切图PS设置

    个人Web前端开发切图PS设置

    摘要:五保存设置窗口工作区新建工作区名称切图,后两个选上,然后点击存储,这样就可以保存下来,防止丢失了。 (一) 文件新建设置 画布大小 Web(1920×2000) 像素 分辨率(R) 72 像素/英寸 颜色模式 RGB 8位 背景内容(透明)showImg("https://segmentfault...

    keithyaukeithyau 评论0 收藏0
  • 使用resume-master快速制作简历

    使用resume-master快速制作简历

    摘要:是一个简历生成器项目,该项目从中读取数据,可部署到在线浏览,也可生成格式简历。该项目使用进行构建,只需在中填入你的个人信息,然后在终端执行几个命令行即可快速构建属于您的个人简历。 About this repo resume-master 是一个简历生成器项目,该...

    EastWoodYangEastWoodYang 评论0 收藏0
  • 【译】HTML表单样式

    【译】HTML表单样式

    摘要:并非所有组件受的影响都是平等的如今在表单使用时依然有一些困难这些问题可归为三类还好的若存在跨平台问题,一些元素可以只添加少许的样式,有如下几个结构元素此外,还有所有的文本框组件单行或多行,以及按钮。 系列文章说明 原文 本文中,我们将...

    DC_erDC_er 评论0 收藏0
  • 关于css3的阴影遮盖问题的小研究

    关于css3的阴影遮盖问题的小研究

    摘要:今日在写一个阴影效果的时候遇到了一个小问题不多说上代码可以看到下方的阴影总被遮挡但如果我想要这种效果应该怎么实现呢刚开始我想到的是是不是改一下的值就可以正常显示了呢我们试试将第二个的设为结果这样果然毫无效果于是我尝试使用在第二 今日在...

    feng409feng409 评论0 收藏0
  • 图片放大镜注释详解

    图片放大镜注释详解

    摘要:今天的练习是做一个网购网站常见的图片详情介绍的放大镜效果,简单来说就是图片中有对应的区域让你看到放大后的效果。关于布局就是两组,第一组大放图片,小的是遮盖层。 今天的练习是做一个网购网站常见的图片详情介绍的放大镜效果,简单来说就是图片...

    waltrwaltr 评论0 收藏0
  • CSS基础知识之float

    CSS基础知识之float

    摘要:前段时间写过一篇基础知识之,当时对的理解不太准确,被慕课网多名读者指出原文已修正,如有误导实在抱歉。浮动的基础知识浮动有个属性左浮动右浮动不浮动继承。浮动元素脱离了标准文档流,文字和行级元素会环绕该元素,块级元素则不受影响。 前段时间...

    wuyangchunwuyangchun 评论0 收藏0
  • inline&block&inline-block

    inline&block&inline-block

    摘要:本笔记主要来源于这篇文章还有我的一些想法杂糅而成另外这是我自己写的一个大家感兴趣的话都可以打开来看看在进入正文之前做一些说明今天的主题是比较主要的三个属性值其实还有许多与表格布局相关的取值除去列表比如使 本笔记主要来源于这篇文章,w3sch...

    Ryan_LiRyan_Li 评论0 收藏0
  • CSS 常用方法小计

    CSS 常用方法小计

    摘要:清除浮动是在处理兼容性问题单行多行文字超出省略号多行单行移动端删除默认的苹果工具栏和菜单栏控制状态栏显示样式顶部时间那一块浏览器设置成急速模式页面滚动穿透当弹出弹框的 1.清除浮动 1st: .clear{ clear:both; height: 0; line-height: 0;...

    avwuavwu 评论0 收藏0
  • Material Design for Bootstrap

    Material Design for Bootstrap

    摘要:第二次修改源码已放到由于无法解决事件不能获取焦点标签的坐标位置,所以只能用事件,而不能用类事件防止事件的滥用,改用事件核心样式持续更新,也可以根据自己喜欢的样式重新定义 简单几行代码,就可以给bs框架添加Material Design风格 效果图:show...

    OceanOcean 评论0 收藏0

热门文章

<