文章库ARTICLE COLUMN

  • 命名规范

    命名规范

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

    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
  • 前端基础进阶(二)

    前端基础进阶(二)

    摘要:默认样式重置统一样式重置类型盒子模型默认边距样式下的样式问题默认样式及圆角点击之后样式浏览器输入框高光移动端开发默认设置设置 默认样式重置 统一样式重置 input类型 input{ outline:none; border-width:0; } 盒子模型 div{ box...

    史占广史占广 评论0 收藏0
  • 【CSS篇】css居中解决办法

    【CSS篇】css居中解决办法

    摘要:水平居中行内元素适用元素块级元素适用于元素一个块级元素多个块级元素方法一将块级元素变为行内块级元素部分部分方法二布局部分部分垂直居中行内元素单个行内元素情况一当或文本有包裹元素时,设置相等的上下情况二当或 水平居中 【行内元素】适用i...

    appetizerioappetizerio 评论0 收藏0
  • [译]10个惊人的CSS和JavaScript动画logos例子

    [译]10个惊人的CSS和JavaScript动画logos例子

    摘要:任天堂的最新游戏的控制台带有一个辉煌的动画,他所有的商业广告和这个示例都由创建。使用重新构建任天堂开关,同时使用动画化整个事物。 现在构建一个HTML和CSS的动画logo比以前容易多了,配合更新的JavaScript库可以进一步推动网络动画的发展。 看看...

    YFanYFan 评论0 收藏0
  • <div>居中问题总结

    <div>居中问题总结

    摘要:要注意的是只对左右设置有用,上下没用,所以不能通过这种方式达到垂直居中目的。二水平垂直居中方式首先绝对定位,再把都巧妙设置成,最后设置为,浏览器就自动在上下和左右都留下相等的间距,达到了水平和垂直都居中的目的。 今天看到一道面试题,怎...

    CodeSheepCodeSheep 评论0 收藏0
  • 搭建移动端布局框架:整合flex

    搭建移动端布局框架:整合flex

    摘要:概述在移端的兼容并不是很好但是在移动端的支持却是很好而且布局对移动端布局来说简直就是福音但是没有经过整和处理用布局也算是艰难所以打算搭建一套基于的移动端布局工具来学习容器类容器工具类这是对和属性的封装将一个元素变成横向的容器将一个元素...

    icyfireicyfire 评论0 收藏0

热门文章

<