文章库ARTICLE COLUMN

  • 地址栏输入URL之后到底发生了哪些事情

    地址栏输入URL之后到底发生了哪些事情

    摘要:此时树,树建好,并渲染完成异步请求开始若有断开每个长连接都会有一定时限,当请求完成之后,断开连接上面就是整个请求淘宝页面到所有数据同步异步接收完成并渲染的整个过程。 地址栏输入URL之后到底发生了哪些事情? 这个问题应该是前端面试中被问概...

    myshellmyshell 评论0 收藏0
  • 浏览器带你学前端

    浏览器带你学前端

    这是一个浏览器带你学前端的专题文章。

    shuiboshuibo 评论0 收藏0
  • 移动端上传图片(ajax跨域请求)

    移动端上传图片(ajax跨域请求)

    摘要:项目开发简述项目需求上传图片并展示。做是为了给后台传值。上传截图点击更换提交数据判断需要填写的参数是否为空,如果不为空直接往下走,直到成功提交数据。优点确实提高上传速度。缺点后台查看提交的图片,模糊不清晰。 第一次写项目开发经验,望担...

    frontoldmanfrontoldman 评论0 收藏0
  • 前端面试问题总结

    前端面试问题总结

    摘要:元素的位置通过以及属性进行规定。请求会向指定资源提交数据,请求服务器进行处理。无状态通信的会话状态应该全部由客户端负责维护。 HTML html5的新特性 文件类型声明()仅有一型:。 新的解析顺序:不再基于SGML。 绘画 canvas; 用于媒介回放的 vi...

    qiangdadaqiangdada 评论0 收藏0
  • [译]148个资源让你成为CSS专家

    [译]148个资源让你成为CSS专家

    摘要:层叠样式表二修订版这是对作出的官方说明。速查表两份表来自一份关于基础特性,一份关于布局。核心第一篇一份来自的基础参考指南简写速查表简写形式参考书使用层叠样式表基础指南,包含使用的好处介绍个方法快速写成高质量的写出高效的一些提示。 迄今...

    impig33impig33 评论0 收藏0
  • Django项目前端工程化的探索

    Django项目前端工程化的探索

    摘要:项目前端工程化的探索不通过层实现非网页开发的前后端分离。做过这样项目的各位攻城狮应该都知道有多痛苦吧。仔细想来,其实只是想要模板和静态资源,我们可以直接在目录下写,当然也可以开一个前端工程来写,最后把模板和静态资源到工程的相应目录下。...

    buildupchaobuildupchao 评论0 收藏0
  • Making An Indicator With Pure CSS

    Making An Indicator With Pure CSS

    摘要:注意此处的定位是以即的外沿框进行定位的。关于单位,这个单位代表的意思即,即浏览器可视区域的高度。,我们现在来看效果将会是下面这张图片显示的样子。设置目的即让的高度为,即到顶部的距离减去的距离。 简单的说明一下,使用这个标题并不就是说...

    churchchurch 评论0 收藏0
  • Bootstrap 之 Metronic 模板的学习之路 - (3)源码分析之 body 部分

    Bootstrap 之 Metronic 模板的学习之路 - (3)源码分析之 body 部分

    摘要:的组成结构部分包含了,其中部分又包含了几个部分。代码如下图内容展示截图代码截图快捷栏展示截图代码截图页面底部展示截图代码截图上一篇之模板的学习之路源码分析之部分下一篇之模板的学习之路源码分析之脚本部分 body 的组成结构 body 部分包含了 ...

    afishhhhhafishhhhh 评论0 收藏0
  • CSS 动画

    CSS 动画

    摘要:相关的事件事件会在动画结束的时候触发。事件触发时会传入一些动画相关的参数,例如,,详细内容可以参考。动画的一个方向控制。即动画效果执行后,元素便恢复正常状态。有趣的是,支持小数,即表示动画执行到一半。 CSS 中的 transform,transition ...

    沈俭沈俭 评论0 收藏0
  • javascript学习思维导图(收藏)

    javascript学习思维导图(收藏)

    摘要:数据类型变量运算符流程控制数组函数基础字符串函数正则表达式基本操作对象 JavaScript 数据类型 showImg("https://segmentfault.com/img/remote/1460000006760819"); JavaScript 变量 showImg("https://segmentfault.com/img/remote/146...

    LyuxLyux 评论0 收藏0
  • CSS3 垂直居中详解

    CSS3 垂直居中详解

    摘要:但要实现垂直居中确是一大难题。弹性盒子绝对定位视口单位弹性盒子弹性盒子应该是解决垂直居中的最佳方案,随着的逐渐没落,惹人烦的兼容性问题正逐渐被克服。里有一个和一个,想将这两个元素在里垂直居中,同样只需给它们的父元素设和。 CSS里实现水...

    DTeamDTeam 评论0 收藏0
  • CSS3 animation介绍

    CSS3 animation介绍

    摘要:关于贝塞尔曲线和可以参照上一篇,和类似,不多赘述。单位是秒或毫秒。默认值是表示正常播放动画。默认值表示动画播完后,恢复到初始状态。例如的动画库,里面设计出的贝塞尔曲线能让动画效果非常逼真。下一篇将介绍一些常见实用的动画效果。 本篇介绍...

    孙淑建孙淑建 评论0 收藏0
  • CSS伪类伪元素详解

    CSS伪类伪元素详解

    摘要:选择器大致可以分成类基本选择器,层次选择器,属性选择器,伪类,伪元素。但伪类和伪元素相对比较抽象,稍微有一点点理解上的难度。本篇就是我对伪类和伪元素的理解。 CSS选择器大致可以分成5类:基本选择器,层次选择器,属性选择器,伪类,伪元素。...

    lookSomeonelookSomeone 评论0 收藏0
  • 说说动画卡顿的解决方案

    说说动画卡顿的解决方案

    摘要:动画卡顿解决方案前端时间用实现页面中首页动画过渡,很简单的一个效果,首页加载一个客服头像,先放大,停留后再缩小至顶部。参考文章深入浏览器理解和的性能问题解决动画卡顿的办法 CSS3 动画卡顿解决方案 前端时间用animation实现H5页面中首页动画...

    AlphaWatchAlphaWatch 评论0 收藏0
  • 编写高质量的CSS

    编写高质量的CSS

    摘要:以上,从分层组织,模块化,使用时注意低权重原则,以及巧用雪碧图阐述了提高代码质量的四个方面。编写高质量代码前端开发修炼之道曹刘阳 分层组织CSS 我们应用CSS的能力应该分成两部分:一部分是CSS的API,重点是如何用CSS控制页面内元素的样式;另一...

    xuexiangjysxuexiangjys 评论0 收藏0
  • 【面试系列】番外:关于糯米面试

    【面试系列】番外:关于糯米面试

    摘要:番外关于糯米面试结果总而言之一句话糯米的面试挂了过程把面试过程中面试官的问题分享一下有几种数据类型。将一个字符串转化为数字,将数字转化为字符串。获取当前网址并从中截取信息。究其愿意还是对字符串和数组的操作不熟练,我决定深刻反思。 番外...

    PiscesYEPiscesYE 评论0 收藏0
  • CSS Selector覆盖顺序

    CSS Selector覆盖顺序

    摘要:我们都知道的定义是可以被覆盖的,但是覆盖的顺序可能并不清楚,本文的目的就在于介绍的覆盖顺序。之间的优先级顺序以下是不同之间的优先级,选择器。终极覆盖法关键字能够覆盖一切定义,无视前面提到的优先级顺序。 我们都知道CSS的定义是可以被覆盖...

    bigdevil_sbigdevil_s 评论0 收藏0
  • Javascript中的抛物线 ~ 加入购物车小动画

    Javascript中的抛物线 ~ 加入购物车小动画

    摘要:上图即为归零后的坐标系,对称轴直线为在抛物线方程中,值得正负代表着抛物线的开口方向,那么值的绝对值也和抛物线的开口大小有着反比例的关系。 废话不多说,先上DEMO~http://jsrun.net/PxKKp?uid=483再上源码~https://github.com/Nelson2016... 运...

    sarvasarva 评论0 收藏0
  • CSS3实现翻转卡牌效果

    CSS3实现翻转卡牌效果

    摘要:所以给父元素添加至此,就实现了一个翻转卡牌的效果,但是这里需要解决一个问题,因为属性不被支持支持,所以需要进行降级,我的做法是直接显示隐藏。 今天在工作中遇到需求,需要用CSS3写一个卡片翻转效果,这个效果看起来简单,但是还是涉及到一些不...

    txgcwmtxgcwm 评论0 收藏0
  • 纯css实现容器高度随宽度等比例变化的四种解决方案

    纯css实现容器高度随宽度等比例变化的四种解决方案

    摘要:除了增加了一个结构,但是相对与一个页面成百上千的代码来说,不值一提我们知道,容器如果不给定高度,它的高度会随着容器内部的元素变化而撑大,这个时候,我们在容器内部添加一张符合我们宽高比例的图片,给图片设置宽度高度。 使用一个隐藏的图片来...

    vslamvslam 评论0 收藏0
  • H5仿手Q左滑删除功能组件

    H5仿手Q左滑删除功能组件

    摘要:背景前不久遇到一个需求,列表页实现左滑删除功能。首先对下文有关滑块的指代标识做出统一规定体验了一下手原生滑动功能,在此之前对于滑块的具体动效提出了几个问题。最终效果组件源码后话同事反馈没有给滑动开始或完成时暴露一个自定义事件的接口。。...

    laznrbfelaznrbfe 评论0 收藏0
  • 六位字符密码输入器

    六位字符密码输入器

    摘要:另外,我们需要把顶层的真是输入框设为,这样其实呈现在用户面前的就是这一组伪造的输入框啦。然后在用户输入时分别将用户输入输入到伪造输入框中最后我们输入密码当然是要获取的啦,来一个获取最终值的方法 老规矩~ 上DEMO,过过瘾先:六位字符密码输...

    Codeing_lsCodeing_ls 评论0 收藏0
  • 关于touch和web端的CSS说明

    关于touch和web端的CSS说明

    摘要:内容不会被修剪,会呈现在元素框之外。内容会被修剪,并且其余内容是不可见的。内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。规定应该从父元素继承属性的值。 什么是Viewport 手机浏览器是把页面放在一个虚拟的窗口(viewport)中,...

    BamboyBamboy 评论0 收藏0
  • CSS Selectors from CSS4 till CSS1

    CSS Selectors from CSS4 till CSS1

    摘要:此文只会举例常见的选择器从到的进阶注意是选择器噢,对做详解具体所有的选择器规范可在查看全是英文,但有例子跟演示结果,易懂懒的编辑了,贴一下我的订阅号地址吧链接描述 此文只会举例常见的css选择器从1到4的进阶注意是选择器噢,对css4做详解具...

    CaizhenhaoCaizhenhao 评论0 收藏0
  • 移动前端知识总结

    移动前端知识总结

    摘要:基础知识页面窗口自动调整到设备宽度,并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对的版本以后,上已看不到效果将网站添加到主屏幕快 meta基础知识H5页面窗口...

    gothamgotham 评论0 收藏0

热门文章

<