文章库ARTICLE COLUMN

  • 前端排序算法总结;前端面试题2.0;JavaScript异步编程

    前端排序算法总结;前端面试题2.0;JavaScript异步编程

    摘要:与异步编程按照维基百科上的解释独立于主控制流之外发生的事件就叫做异步。因为的存在,至少在被标准化的那一刻起,就支持异步编程了。然而异步编程真正发展壮大,的流行功不可没。在握手过程中,端点交换认证和密钥以建立或恢复安全会话。 1、前端 排...

    AprilApril 评论0 收藏0
  • html简单响应式滚动条置顶

    html简单响应式滚动条置顶

    摘要:那么盒子首先就需要设置一个的高和定位的值在中也要控制值,通过判断滚动条移动到容器顶部时固定最终效果获取屏幕滚动条 简单响应式滚动条置顶 一般的,让页面出现滚动条的常见方法有: overflow:auto||overflow:scroll 或者overflow-x水平滚动条和ove...

    frolcfrolc 评论0 收藏0
  • 小技巧|CSS如何实现文字两端对齐

    小技巧|CSS如何实现文字两端对齐

    摘要:需求如下,红框所在的文字有四个字的三个字的两个字的,如果不两端对齐可以选择居中对齐,或者右对齐。其实现的效果就是可以让一行文字两端对齐显示文字内容要超过一行。 showImg("https://segmentfault.com/img/remote/1460000011336397"); 需求如下...

    DevWikiDevWiki 评论0 收藏0
  • bootstrap4.0 css架构

    bootstrap4.0 css架构

    摘要:原子性的默认变量一般是用来设置默认值,然后根据需求来覆盖的。语义化的变量名,值为直接的属性值。组件文件互不引用。组合有几个入口文件对组件进行按顺序的引入,形成不同的专用,形成完整可用的样式,注意引用顺序。 原子性 sass的默认变量一般是...

    solocodersolocoder 评论0 收藏0
  • css3 loading

    css3 loading

    摘要:效果一效果二蓝到浅蓝渐变右半圆环浅蓝到白色渐变左半圆环效果三参考文章 效果一 showImg("https://segmentfault.com/img/bVLlDy?w=204&h=192"); HTML CSS .zh-loading{position: absolute;z-index: 9;left: 0;top: 0;width: 100%;he...

    wuaiqiuwuaiqiu 评论0 收藏0
  • 命名规范

    命名规范

    摘要:统一规范的优点团队开发才会变得更有效率更容易维护所以在项目中所有文件统一使用编码所有文件命名使用英文字符,包括文件文件文件图片等另外规范充分利用有语义的标签命名尽量做到见名知意尽量减少多余嵌套避免多类症原则能不添加类就尽量保持文档结构...

    KevenKeven 评论0 收藏0
  • Fiddler简单使用

    Fiddler简单使用

    摘要:简介截获客户端与服务器之间请求修改向服务器发送服务器返回的请求测试网站的性能解密请求组件工作原理客户端服务端代理服务器使用场景实际工作中具体解决哪些问题开发环境配置所有文件映射到本地文件 1、Fiddler简介 1)截获客户端与服务器之间HTTP...

    call_me_Rcall_me_R 评论0 收藏0
  • 前端实例练习 - 模态图

    前端实例练习 - 模态图

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

    voidkingvoidking 评论0 收藏0
  • line-height 取值方式

    line-height 取值方式

    摘要:取值方式相信很多前端都使用过来设置行高布局。百分比取值一般用该方式定义目标元素的行高会配合属性使用,因为用百分比当前元素的行高为。总结一般情况下,为了更加方便及清晰的使用,使用倍数取值是最佳的设置方式,如原文链接 line-height 取值方式...

    刘厚水刘厚水 评论0 收藏0
  • 移动端垂直居中

    移动端垂直居中

    摘要:问题来源在近期的项目中要实现图中圆圈里面的数字垂直居中的效果解决思路方案在下会出现问题通过设置的高度等于父元素的高度一般会达到垂直居中的效果,但是在出现了问题方案在下会出现问题一般通过将父元素设置为子元素设置为也会达到居中的效果但 问...

    ChristmasBoyChristmasBoy 评论0 收藏0
  • 献给前端求职路上的你们(下)

    献给前端求职路上的你们(下)

    摘要:一般情况下是全局对象。是可以被侦测到的行为。顾名思义,这种模式使得在更严格的条件下运行。安全问题暴露了与服务器交互的细节。破坏了程序的异常机制。避免使用表达式又称动态属性。用于表示请求成功。 注明:上一篇献给前端求职路上的你们(上),主...

    Wuv1UpWuv1Up 评论0 收藏0
  • 前端实例练习 - 模态相册

    前端实例练习 - 模态相册

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

    whidywhidy 评论0 收藏0
  • 掌握缓存,不再让你蓝瘦香菇

    掌握缓存,不再让你蓝瘦香菇

    摘要:数据库缓存当应用逻辑较为复杂,频繁进行数据库查询,很容易导致数据库不堪重荷。单位为指定设置缓存最大的有效时间,定义的是时间长短。 本文内容概要: 1 Web缓存是什么?为什么要使用它?2 Web缓存的类型3 浏览器缓存的基本知识3.1 Expires3.2 Last...

    shmilyshmily 评论0 收藏0
  • 献给前端求职路上的你们(上)

    献给前端求职路上的你们(上)

    摘要:事件如何使用事件,以及和标准事件模型之间存在的差别以及常用的事件委托。模拟老式浏览器的行为以防止站点无法工作。首先,巧妙的使用这一标记,将游览器从所有情况中分离出来。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,利于。 show...

    jackzoujackzou 评论0 收藏0
  • flex基础布局详解

    flex基础布局详解

    摘要:系统性的介绍关于布局,也作为自学的一篇文章基础理念使用弹性盒子的意义是在任何尺寸的屏幕上改变其和其子元素的尺寸填充屏幕可用空间。属性一个布局的页面所具有的元素可分为类。每行第一个元素与行首对齐,每行最后一个元素与行尾对齐。 flex-tutor...

    nemonemo 评论0 收藏0
  • 这可能是实现登录框居中最简捷的方法

    这可能是实现登录框居中最简捷的方法

    摘要:常见登录框很多情况下,网站的登录框,就像这样这样这样或者这样锤子科技总之,登录面板位于页面正中央,水平居中,竖直居中。并且随着浏览器窗口大小变化,始终居中方法一实现思路使用两个嵌套,外层的宽高设置为浏览器视窗大小,相对定位。 常见登录...

    sheryshery 评论0 收藏0
  • Iframe内部页面高度赋值于其父页面的Iframe标签

    Iframe内部页面高度赋值于其父页面的Iframe标签

    摘要:内部页面高度赋值于其父页面的标签,使得该不存在滚动条,布遮盖子页面的内容 Iframe内部页面高度赋值于其父页面的Iframe标签,使得该Iframe不存在滚动条,布遮盖子页面的内容: $("#crowdfunding_iframe",parent.document).attr("height",$(document....

    myeveryheartmyeveryheart 评论0 收藏0
  • 工具网站合集

    工具网站合集

    摘要:在线为图标生成阴影效果比较漂亮收集整理了移动端的相关尺寸大漠整理工具合集 在线为Icon图标生成阴影效果-icon比较漂亮 收集整理了移动端的相关尺寸 @大漠 整理工具合集 ...

    FingerLiuFingerLiu 评论0 收藏0
  • 最近遇到的前端面试题(2017.03.08更新版)

    最近遇到的前端面试题(2017.03.08更新版)

    摘要:通过管理组件通信通过驱动视图比较差异进行更新操作作者第七页链接来源知乎著作权归作者所有,转载请联系作者获得授权。达到无刷新的效果。对象的状态不受外界影响。对象代表一个异步操作,有三种状态进行中已完成,又称和已失败。 以下问题解释非本人...

    NoseeNosee 评论0 收藏0
  • 【CSS篇】inline block和block的区别

    【CSS篇】inline block和block的区别

    摘要:如图所示小薇学院任务六,模拟报纸排版中需实现如下效果开始我是用将两个单词分别包裹,设置来实现下划线的,可是当我企图用的伪元素将首字母选中调整其字体大小时发现,用根本无法选中首字母,样式不生效,后查看示例时发现其是放在标签下的,故我想其...

    stonezhustonezhu 评论0 收藏0
  • 黑科技:CSS定制多行省略

    黑科技:CSS定制多行省略

    摘要:多行省略就是大段文字后面的花式点点点。但它固定使用省略号,无法直接扩展。年月日,腾讯控股有限公司在香港联交所主板公开上市股票代号。 转载请注明出处:http://hai.li/2017/03/08/css-... 什么是多行省略? showImg("https://segmentfault.com/im...

    Leo_chenLeo_chen 评论0 收藏0
  • 实现加入购物车抛物线效果

    实现加入购物车抛物线效果

    写在前面 最近天气刚刚转热,心想应该淘点春装卖卖骚了,然后某宝逛的时候发现其加入购物车的动画效果不错,既完善了交互,又有功能导向作用,用户体验杠杠滴~作为一名前端汪,也想自己动手实现下此类酷炫的效果。抽空写了个demo,虽然完成的效果比较粗糙...

    xiguadadaxiguadada 评论0 收藏0
  • 搭建移动端布局框架:重拾flex

    搭建移动端布局框架:重拾flex

    摘要:概述说起关于的文章。我觉得啊除了阮一峰老师,再也无人能出其右了,所以这里也只是聊做记录。浏览器根据这个属性,计算主轴是否有多余空间。它的默认值为,即项目的本来大小。 0x001 概述 说起关于flex的文章。我觉得啊除了阮一峰老师,再也无人能出...

    894974231894974231 评论0 收藏0
  • html元素按压高亮效果

    html元素按压高亮效果

    摘要:移动端页面元素按压高亮在移动端页面开发过程中,经常会有很多可以点击的等元素,为了响应用户点击,增加用户体验,常常要手动添加按压高亮效果。 html移动端页面元素按压高亮 在移动端H5页面开发过程中,经常会有很多可以点击的button/li/div等元素,...

    陈伟陈伟 评论0 收藏0
  • 理解浏览器是如何加载及渲染网页的

    理解浏览器是如何加载及渲染网页的

    摘要:的速度明显快于重排重绘与的区别理解了浏览器是如何渲染页面之后我们再来比较这两者就很好理解了执行的时间必须等到页面内包括图片的所有元素加载完毕后才能执行。 先上图,我们再慢慢解释,这图就是浏览器加载网页的一个过程 showImg("https://segmen...

    xietao3xietao3 评论0 收藏0

热门文章

<