文章库ARTICLE COLUMN

  • 通过案例理解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
  • WEB基础之HTML的各个标签的默认样式

    WEB基础之HTML的各个标签的默认样式

    摘要:在中,了解各个标签的默认样式,有助于理解代码的表现,也有利于精简代码。 在HTML中,了解各个标签的默认样式,有助于理解代码的表现,也有利于精简代码。(๑•́ ₃ •̀๑) head{ display: none } body{ margin: 8px;line-height: 1.12 } but...

    ThinkSNSThinkSNS 评论0 收藏0
  • 7 天 600 stars, Mobi.css 是如何诞生的

    7 天 600 stars, Mobi.css 是如何诞生的

    摘要:发布一周以来,获得了,登上了,在上进入了前三。为什么要创造当我在设计一个新的移动端用户的网站比如面向微信用户的网站的时候,调研了一些现有的框架,应用比较广泛的有等。否则只能有中国人来关注你的项目了。要知道,外国开发者比中国开发者多很多...

    CoderStudyCoderStudy 评论0 收藏0
  • 如何实现 font-size 的响应式

    如何实现 font-size 的响应式

    摘要:不过,使用来定义字体大小显得不是很优雅,我们可以使用来定义我们的字体。我们把我们的变量定义和根元素的放在文件的顶部。,就这么一段代码,我们就可以将字体大小的边界值进行限制。 本文样式代码采用 SCSS。 那么多的文章讲了响应式的网站如何布局...

    马龙驹马龙驹 评论0 收藏0
  • JSer全栈化技术栈推荐(一)——原生移动端是天堂还是泥潭

    JSer全栈化技术栈推荐(一)——原生移动端是天堂还是泥潭

    摘要:随着以服务器端的桌面端的和原生移动端为代表的全栈迅猛发展,真正生产环境中的前端技术全栈化已经逐渐变为可能。不过在一段时间之内,还是会继续向前冲。在刚刚结束的大会上,的作者宣布成为的技术顾问。 随着以服务器端的NodeJS、桌面端的Electron和...

    VPointerVPointer 评论0 收藏0
  • 20个编写现代CSS代码的建议

    20个编写现代CSS代码的建议

    摘要:而则是专门的用于进行布局的工具。避免重复代码大部分元素的属性都是从树根部继承而来,这也是其命名为级联样式表的由来。在压缩的过程中,会将所有的空白与重复剔除掉从而减少整个文件的体积大小。 本文翻译自Danny Markov 的20-Tips-For-Writing-Mod...

    ZhuxyZhuxy 评论0 收藏0

热门文章

<