文章库ARTICLE COLUMN

  • 浏览器渲染机制与相应优化策略

    浏览器渲染机制与相应优化策略

    摘要:浏览器渲染树我们假设响应后和文件已经齐备了,此时浏览器会怎么做呢当前响应浏览器的普适渲染方式首先,浏览器会根据文件生成树,载入文件构建。 showImg("https://segmentfault.com/img/bVKUyX?w=630&h=292"); 浏览器渲染树 我们假设HTTP响应后HTML...

    suxiersuxier 评论0 收藏0
  • 2017年最新hexo——基本设置和了解

    2017年最新hexo——基本设置和了解

    摘要:在根目录配置文件中有一个设置希望设置为就是这个原因是设置后当你新建一个页面后自动生成一个同名文件夹方便管理。 showImg("https://segmentfault.com/img/remote/1460000008738195?w=1436&h=527"); 前言 前面的文章已经能让大家搭建起自己的博客,...

    ernest.wangernest.wang 评论0 收藏0
  • sublime text 3 打造舒适黑色主题

    sublime text 3 打造舒适黑色主题

    摘要:作为打杂的开发,常常会用到来开发前端,最近也许是眼睛不舒服,于是乎就想要折腾下主题,整理出一个自己看着比较舒服的主题,下面来看看我的做法吧先来预览下效果这里我使用了两个主题插件组合成的分别输入和进行安装系统配置为其中,是为了解决 作为...

    huangjinnanhuangjinnan 评论0 收藏0
  • Flex布局

    Flex布局

    摘要:布局干什么用常常会因为元素居中之类的问题苦恼,这时就可以借助,它为盒状模型提供强大的灵活性。基本概念采用布局的元素,称为容器,简称容器,容器子元素称为项目,简称项目。 Flex布局干什么用? 常常会因为元素居中之类的问题苦恼,这时就可以借...

    dongfangyiyudongfangyiyu 评论0 收藏0
  • CSS 常用的定位和布局方法汇总(已添加源码地址)

    CSS 常用的定位和布局方法汇总(已添加源码地址)

    CSS-Layout 旨在打造详尽的前端布局代码学习库(自从用了框架开发,CSS生疏了不少,所以开这个库练练手)SF不能正确解析含有中文的网址,所以某些预览链接无法跳转,请访问我的博客阅读此文 常见定位方法 水平居中 子元素为行内元素还是块状元素,宽度一定...

    loongggloonggg 评论0 收藏0
  • 判断信息是否发生变化决定是否需要保存

    判断信息是否发生变化决定是否需要保存

    摘要:提交没有发生变化发生变化了 text1: select1: ...

    EdisonEdison 评论0 收藏0
  • 引入stylelint对CSS/Sass做代码审查

    引入stylelint对CSS/Sass做代码审查

    摘要:规范越早引入越好,规范的约束永远不嫌多。是什么是一个基于的代码审查工具,它易于扩展,支持最新的语法,也理解类似的语法。是一个强大和现代的审查工具,有助于开发者推行统一的代码规范,避免样式错误。 规范越早引入越好,规范的约束永远不嫌多。...

    klinsonklinson 评论0 收藏0
  • 简说 优化关键渲染路径

    简说 优化关键渲染路径

    摘要:当解析被阻止时,这里,和会同时下载,所以关键路径长度仍为如何缩短关键呈现路径长度浏览器会有并行加载资源数的限制,如果网页很大,会需要来回多次获取资源。所以要根据情况合理控制文件资源大小参考优达的网站性能优化 回顾 关键渲染路径 showImg(...

    ShevaKuilinShevaKuilin 评论0 收藏0
  • 多列总结

    多列总结

    摘要:多列适用于除外的非替换块级元素,,元素语法列宽列数如果元素设置了多列,同时也设置了宽度,当元素宽度小于时,元素会减少列的个数,以适应元素宽度行数设置的是单位了适应元素宽度变为了设置或检索列与列之间的间隙。 多列 columns 适用于除table外...

    未东兴未东兴 评论0 收藏0
  • [译]如何构建自己的Progressive Image Loader

    [译]如何构建自己的Progressive Image Loader

    摘要:最后,我们必须调用函数来检查所有的渐进式图片容器在首次运行时是否在页面上可见。我们还必须在滚动页面或调整浏览器大小时调用函数,在一些旧的浏览器主要指可以非常迅速地对这些事件作出回应,所以我们需要限制回调,以确保它不能在毫秒内被再一次调...

    cartooncartoon 评论0 收藏0
  • 常见BUG解决

    常见BUG解决

    摘要:居中好像需要注意居中容器的高度,如果为奇数会模糊的样子。页面如果有和,则会失效 img图片元素多余空隙bug 将图片转换为块级对像 img {display:block;} 设置图片的垂直对齐方式 即设置图片的vertical-align属性为「top,text-top,bottom,text-bot...

    YoungdzeYoungdze 评论0 收藏0
  • 学习canvas 过程中的几点总结

    学习canvas 过程中的几点总结

    摘要:默认尺寸为或者如果两个尺寸不一致,那么画出来的图形,和想象中的图形是有差距的。 1.canvas的画布大小与canvas元素大小 canvas尺寸分为两种,一种是canvas元素本身的尺寸,另一种是canvas画布的尺寸 canvas本身尺寸可以通过style样式来设置 .canva...

    notebinnotebin 评论0 收藏0
  • line box,inline box及vertical-align分析

    line box,inline box及vertical-align分析

    摘要:的边界是该行内的最高点和最低点,即的顶部边缘是该行内最高的顶部边缘,底部边缘是该行内最底的底部边缘。是垂直对齐发生的区域。将文本去掉,会发现父元素高度不变。元素的基线通过绝对长度相对于的基线进行偏移。 一、适用元素 vertical-align适用...

    PocherPocher 评论0 收藏0
  • orderBy排序与筛选的例子

    orderBy排序与筛选的例子

    2) name age 排序 name:{{arr.name}} age:{{arr.age}} name:{{arr.name}} age:{{arr.age}} var app = angular.mo...

    HmyBmnyHmyBmny 评论0 收藏0
  • 《Python web开发》笔记 三: CSS基础

    《Python web开发》笔记 三: CSS基础

    摘要:计算方式一个行内样式,一个,一个属性选择器或者伪类,一个元素名,或者伪元素。其他规则见拓展阅读。绝对定位设置了绝对定位之后,元素脱离文档流,其他的元素会调整位置来弥补它偏离后剩下的空隙。 CSS常用选择器 - 通配符选择器 * - id选择器(i...

    ScorpionScorpion 评论0 收藏0
  • CSS3转换过渡动画

    CSS3转换过渡动画

    摘要:转换能够对元素进行移动缩放转动拉长或拉伸。和和的参数可以为。过渡该属性和配合使用,实现鼠标移入动画效果。实例动画该属性和配合使用。规则用于创建动画。在中规定某项样式,就能创建由当前样式逐渐改为新样式的动画效果。 CSS3中有三个属性:tran...

    MonoLogMonoLog 评论0 收藏0
  • 2017年最新基于hexo搭建个人免费博客——从零开始

    2017年最新基于hexo搭建个人免费博客——从零开始

    摘要:前言搭建此博客是因为通过上了解到进而知道了可以把静态网页博客托管给仓库或许您已经通搭建个人博客网站了解到如何通过实现个人博客网站的建立。但是尽管您已经成功建立博客网站,但是你需要对网站做合适的配置和调整才能迎合你的网站要求。 showImg(...

    Paul_KingPaul_King 评论0 收藏0
  • 在API 中,常用的code码

    在API 中,常用的code码

    摘要:状态码解释请求成功接收并处理,一般响应中都会有请求已完成,并导致了一个或者多个资源被创建,最常用在创建资源的时候请求已经接收并开始处理,但是处理还没有完成。 状态码 Label 解释 200 OK 请求成功接收并处理,一般响应中都会有 body 20...

    codecraftcodecraft 评论0 收藏0
  • 前端实例练习 - 加载旋转

    前端实例练习 - 加载旋转

    摘要:加载旋转代码储存在效果预览初衷很多人在初学前端的时候都会问,如何入门前端同为在前端学习道路上,奋力追赶的一员,本人对于目前网络上所能看到的入门级的教材并不太满意。在这里本人整理了目前页面上常见功能实现的具体实例。 加载旋转 代码储存在G...

    toddmarktoddmark 评论0 收藏0
  • 前端实例练习 - 动效伸缩搜索框

    前端实例练习 - 动效伸缩搜索框

    摘要:动效伸缩搜索框代码储存在效果预览初衷很多人在初学前端的时候都会问,如何入门前端同为在前端学习道路上,奋力追赶的一员,本人对于目前网络上所能看到的入门级的教材并不太满意。在这里本人整理了目前页面上常见功能实现的具体实例。 动效伸缩搜索框...

    EnlightenmentEnlightenment 评论0 收藏0
  • CSS || 功能分类

    CSS || 功能分类

    摘要:组件的外观可以通用,但是位置却不能。总结出现上述问题的愿意一个承担的样式太多。在使用等简写属性时,注意其中关于位置和布局的样式等布局和位置由多带带的布局类或多带带容器元素构成。降低现有类名冲突使用规则进行命名。 CSS模块化规则 CSS模块...

    xuhongxuhong 评论0 收藏0
  • 前端实例练习 - 可搜索列表

    前端实例练习 - 可搜索列表

    摘要:可搜索列表代码储存在效果预览初衷很多人在初学前端的时候都会问,如何入门前端同为在前端学习道路上,奋力追赶的一员,本人对于目前网络上所能看到的入门级的教材并不太满意。在这里本人整理了目前页面上常见功能实现的具体实例。 可搜索列表 代码储...

    linkinlinkin 评论0 收藏0
  • 前端实例练习 - 进度条

    前端实例练习 - 进度条

    摘要:进度条代码储存在效果预览初衷很多人在初学前端的时候都会问,如何入门前端同为在前端学习道路上,奋力追赶的一员,本人对于目前网络上所能看到的入门级的教材并不太满意。在这里本人整理了目前页面上常见功能实现的具体实例。 进度条 代码储存在Githu...

    linkinlinkin 评论0 收藏0
  • 前端实例练习 - 提示框

    前端实例练习 - 提示框

    摘要:提示框代码储存在效果预览初衷很多人在初学前端的时候都会问,如何入门前端同为在前端学习道路上,奋力追赶的一员,本人对于目前网络上所能看到的入门级的教材并不太满意。在这里本人整理了目前页面上常见功能实现的具体实例。 提示框 代码储存在Githu...

    TowersTowers 评论0 收藏0
  • 前端开源项目周报0314

    前端开源项目周报0314

    摘要:由出品的前端开源项目周报第十二期来啦。我们的前端开源周报集合了一周来新收录的优质的前端开源项目,方便前端开发人员便捷的找到自己需要的项目工具等。 由OpenDigg 出品的前端开源项目周报第十二期来啦。我们的前端开源周报集合了OpenDigg一周来新...

    betacatbetacat 评论0 收藏0

热门文章

<