文章库ARTICLE COLUMN

  • 使用CSS生成图标

    使用CSS生成图标

    摘要:理解这一点让上边和下边也变成三角形就简单了,将元素的属性设为现在上下左右个边框都是三角形了。实例二制作快进按钮效果为了减少页面的元素,我们可以只提供一个元素实现第个三角形,然后借助的伪类实现第个三角形。 有一次笔者在参加前端面试的过程...

    helloworldcodinghelloworldcoding 评论0 收藏0
  • 对css居中的一点总结

    对css居中的一点总结

    摘要:为了更好的加深对居中的理解,搜集和阅读相关资料,发现不错的文章将其整理出来。 在学习前端的过程中,发现元素和文本的水平居中和垂直居中,是经常会出现的问题,在实际工作中也会经常碰到。居中的技巧有很多,但在编写代码的过程中,发现有时候技巧...

    BenCHouBenCHou 评论0 收藏0
  • 关于chrome记住密码的规则

    关于chrome记住密码的规则

    摘要:另外的输入框内容是共享的,共享管理密码中被记住的当前站点下的密码。注意,不能再上识别,需要做兼容性考虑,在网页初始化的时候处理下就好了,对于浏览器,在标签上使用用后,浏览器是不会提示记住密码的。 最近在做项目表单部分,发现选择chrome记...

    taowentaowen 评论0 收藏0
  • 【译】浏览器渲染:repaint,reflow/relayout,restyle

    【译】浏览器渲染:repaint,reflow/relayout,restyle

    摘要:屏幕的变化就被称为或者是。而浏览器的目标之一就是减少以及的负面影响,其中的一个策略就是干脆不做,又或者说至少不是现在做。但有时脚本语句会破化浏览器优化,并使其刷新队列以及执行所有批处理的改变。 **首先说翻译这篇文章的目的其实是,之前回...

    godlong_Xgodlong_X 评论0 收藏0
  • 就这样,我把4000张美女和帅哥照片下载本地了

    就这样,我把4000张美女和帅哥照片下载本地了

    摘要:什么是是一个利用语法在命令行下工作的文件传输工具,年首次发行。它支持文件上传和下载,所以是综合传输工具,但按传统,习惯称为下载工具。支持的通信协议有和。今天就这样我要去筛选一下我下载的那些照片了 今天在看 增长刺客 的时候,看到一款推广...

    lanffylanffy 评论0 收藏0
  • 通过案例理解position:relative和position:absolute

    通过案例理解position:relative和position:absolute

    摘要:并没有脱离普通流,只是视觉上发生的偏移。上面的案例中,将第二个子级元素换为内联元素,子元素下的起点位置并没有改变。 w3school过了HTML的知识之后,觉得要自己单纯地去啃知识点有点枯燥,然后自己也很容易忘记,所以便找具体的网站练手便补上不懂...

    miqtmiqt 评论0 收藏0
  • 用野狗开发实时游戏排行榜

    用野狗开发实时游戏排行榜

    摘要:创建引用之后,就可以通过往节点中写入任何合法的数据读取数据读取数据是通过绑定回调函数来实现的。提供终端用户唯一标识的过程被称为终端用户认证。好了,了解这点就可以开始做排行榜了。 创建wilddog应用 showImg("https://segmentfault.com/img/re...

    AirmusicAirmusic 评论0 收藏0
  • 项目bug整理

    项目bug整理

    摘要:于是通过对比删除干扰代码的办法,一层层抽丝剥茧,定位到如下那么一段代码引发的问题天下样式一大抄,却不知其所以然,最早借鉴了很多开源库的重置样式盘查了一整晚失效的问题,原来是它导致的,走多夜路终于尝到苦果。解决方案删除鸡肋 伪元素:befor...

    DDreachDDreach 评论0 收藏0
  • 切图崽的自我修养—[HTTP] 常见B/S架构简单梳理

    切图崽的自我修养—[HTTP] 常见B/S架构简单梳理

    摘要:前言客户端服务器的通信会经历如下几个阶段客户端输入服务器解析阶段服务器解析请求阶段应用服务器逻辑处理阶段数据库操作阶段服务器模版渲染阶段服务器将返回给客户端解析阶段当客户在浏览器输入某个首先会经历域名解析阶段,即向服务器解析目标返回对...

    SimonSimon 评论0 收藏0
  • 浅谈工作中设计、制作和程序之间的配合

    浅谈工作中设计、制作和程序之间的配合

    摘要:最后再说一下程序方面,因为小编是一名制作,所以程序方面的配合了解到的也就是平常项目中经常遇到的。最后做一下总结,在一个项目的进行中,设计制作程序三者之间是密不可分的,而各个部分之间需要相互配合,才能将项目做的更好。 以下是我在平常工作...

    leoneleone 评论0 收藏0
  • 前端实习面试汇总

    前端实习面试汇总

    摘要:题目来源前端实习生面试总结最近开始了几次面试,虽然还不知道结果如何,但是还是要记录下来进行一个总结,同样也希望对正在准备面实习生的童鞋们有所帮助最后一个参数是做什么用的答规定事件是冒泡还是捕获。 最近一直在多看基础的书多码代码准备找实...

    张利勇张利勇 评论0 收藏0
  • 基于Vue,Vue-router,Vuex的简书网站模仿

    基于Vue,Vue-router,Vuex的简书网站模仿

    摘要:本文假设读者手里有关于和的文档,并且对和有一定的了解。没有文档也没关系我这里有关于文档以及介绍,可以配合本文进行学习。关键就是在中部导航栏热门,新上榜那块,棕色框内的内容会根据中部导航栏选中不同内容进行改变。 在这个教程里面,我会通过...

    warnerwuwarnerwu 评论0 收藏0
  • 如何让 H5 体验接近 APP:(一)触摸反馈

    如何让 H5 体验接近 APP:(一)触摸反馈

    摘要:跨平台的特性极大地降低了开发成本和推广难度,同时也带来了一个问题如何让的体验能达到一样呢让我们先来看一组对比京东对比京东在页中,手指接触到列表项时,列表项没有任何反应。代码如下经过反复测试,得出结论如下安卓机型上触发反馈会有延迟。 sh...

    Hegel_GuHegel_Gu 评论0 收藏0
  • 让弹幕给 PPD 生个孩子

    让弹幕给 PPD 生个孩子

    摘要:使用的的方法实现了文字滚动我们需要做一些准备工作例如我们为了让弹幕可以变颜色我们写了下面这个方法。判断存储弹幕信息的数据是否为空随机抽取数组中的一个元素之后把它追加到这个中执行文字滚动的方法。 怎样才能跑起来我写的弹幕程序 资源下载 ...

    linkFlylinkFly 评论0 收藏0
  • 玩转React样式

    玩转React样式

    摘要:里面的元素可以分为两类,一个是和后面的输入框,另一类是提交按钮。就是我们定义的样式对象。比如,我现在想要定制不同的用户名密码输入框的边框颜色。根据不同的状态显示不同颜色的文本输入框有两种状态,和。方法就会根据不同的状态返回不同的样式。...

    scq000scq000 评论0 收藏0
  • 如何用CSS让一个容器水平垂直居中?

    如何用CSS让一个容器水平垂直居中?

    摘要:第一类被居中的元素有固定的宽高效果第一种方法绝对定位负第二种方法绝对定位第三种方法第二类被居中的元素任意高度效果或方法张三丰第三类被居中的元素宽高都不限制效果小阿三小阿三第四类让图片居中效果 - 第一类(被居中的元素有固定的宽高) 效果...

    MoxmiMoxmi 评论0 收藏0
  • 聊聊clip-path

    聊聊clip-path

    摘要:这两个属性正是今天的重头戏,博主曾在从隐藏元素谈起提起过,但并没做深入解释。另外,四个值分别是相对于图片左上角为原点的坐标值。基本所有的浏览器都支持,可以放心使用。 前言 图片是一个网站必不可少的元素,而呈现出绚丽多彩的图片效果在很多...

    zqhxuyuanzqhxuyuan 评论0 收藏0
  • flex布局-学习

    flex布局-学习

    摘要:今天上网找了下各种的博文学习了一番资料如下阮一峰的网络日志年提出了布局特点是简便完整响应式兼容性如下查询链接介绍意思为弹性布局任何一容器都可以指定为布局甚至行内元素也可以但是由于支持的情况各不相同我们还是需要对属性做兼容性处理如加上 ...

    hedzrhedzr 评论0 收藏0
  • CSS 3D Panorama(全景) - 淘宝造物节技术剖析

    CSS 3D Panorama(全景) - 淘宝造物节技术剖析

    摘要:淘宝造物节的活动页就是全景的一个很赞的页面,它将全景图分割成等份,相邻的元素构成的夹角,相邻两侧面相对于棱柱中心所构成的夹角。 本文转自凹凸实验室:https://aotu.io/notes/2016/08... showImg("https://segmentfault.com/img/remote/146000...

    LiuRhoRamenLiuRhoRamen 评论0 收藏0
  • SVG + CSS 实现 Material Design Loading

    SVG + CSS 实现 Material Design Loading

    摘要:在研究的过程中,发现有大神用在上实现了它。由制定,是一个开放标准。省略这时,你就能看到线段周而复始地从一根细线变为一个圆圈。这次感觉是不是很相像了,只是现在它的开口一直处于一个位置,就没什么魔性了。 showImg("http://upload-images.jian...

    txgcwmtxgcwm 评论0 收藏0
  • 总结移动开发实践中遇到的坑

    总结移动开发实践中遇到的坑

    摘要:博主之前已经推荐了一款神器下面,就总结一下移动端遇见的坑。解决原理虚拟键盘弹出时将元素设置为,虚拟键盘消失时候设置回来。解决方案由于虚拟键盘出现并未抛出事件,而检测或者事件,皆会有一定延迟,会出现闪烁现象。 做过很多移动端的项目,在开...

    rockswangrockswang 评论0 收藏0
  • CSS中外联样式表代表的含义

    CSS中外联样式表代表的含义

    showImg(https://segmentfault.com/img/bVC3fg?w=796&h=231);

    elisa.yangelisa.yang 评论0 收藏0
  • css 写步骤样式

    css 写步骤样式

    摘要:第一步第二步第三步 css: .status-bar { margin: 0; padding: 0; list-style: none; display: table; width: 800px; border-radius: 1px; overflow: hidden; } .status-bar li { background: #656565; ...

    VultrVultr 评论0 收藏0
  • 使用 @font-face

    使用 @font-face

    摘要:允许我们在网页里使用在线字体显示文字。不使用这个命令的话,网页可用的字体会受限于本地计算机的字体,同时非常依赖正在使用的操作系统。大小对比以我目前使用的为例,,,,,。 @font-face允许我们在网页里使用在线字体显示文字。把它写到css中以...

    mdluomdluo 评论0 收藏0
  • Bootstrap 之 Metronic 模板的学习之路 - (6)自定义和扩展

    Bootstrap 之 Metronic 模板的学习之路 - (6)自定义和扩展

    摘要:你可以用此模板作为你应用程序的起点。上一篇之模板的学习之路主题布局配置下一篇之模板的学习之路前端自动化工具 前面我们将 Metronic 的结构和源码大致浏览了一遍,Metronic 整个文件包有三百多兆,在实际项目中,我们肯定用不到所有文件,这时,我...

    MoAirMoAir 评论0 收藏0

热门文章

<