文章库ARTICLE COLUMN

  • 可替换元素和非可替换元素

    可替换元素和非可替换元素

    摘要:可替换元素可替换元素就是浏览器根据元素的标签和属性,来决定元素的具体显示内容。参考置换元素替换元素和非置换元素不可替换元素中替换元素和不可替换元素及显示元素详细探讨行内元素和块级元素为何等内联元素可以设置宽高 元素是文档结构的基础,在...

    魏明魏明 评论0 收藏0
  • text-overflow-文本溢出包含样式设置

    text-overflow-文本溢出包含样式设置

    摘要:需求该列展示文本的单元格宽度固定,文本超出部分显示为,当把鼠标移到文字上时,展示完整信息。效果没有获得焦点时获得焦点时另一种实现方案利用属性部分必须必须必须部分如果您把光标移动到下面上,就能够看到全部文本。 背景: 在列表中展示文本信...

    KevenKeven 评论0 收藏0
  • 张鑫旭-overflow的细节笔记

    张鑫旭-overflow的细节笔记

    摘要:中的问题中设置尺寸和不起作用,此时需要为才会起作用下的问题的出现所有的均是来自于,不是。证明就是本省是有的的。及以下默认右侧始终有一个的条。如果滚动区域写了上下那么会缺失滚动条导致布局问题滚动条是会占据宽度的,所以最好是把宽度预留足够...

    crossoverJiecrossoverJie 评论0 收藏0
  • rem 布局初步实践

    rem 布局初步实践

    摘要:先说结论实用而论,不想了解具体原理的同学只要记住一点即可在配置好环境的情况下,拿到设计稿并发现需要使用固定宽高比元素的时候,在中做好设计稿中的与换算就行即便这个过程也有不少偷懒的办法减轻工作量关于的基础知识这部分比较懒可以参考知乎的字...

    hyuanhyuan 评论0 收藏0
  • 为了监视快递小哥,我做了一个小程序!

    为了监视快递小哥,我做了一个小程序!

    摘要:因为我们需要确定是地图上任意一个点上某个范围内的送餐员电话所以我们需要一某个点为中心画圆当然高德地图给我们提供了这样的一个接口。 我感觉我可以在电脑上查看快递小哥离我有多远了! 应用演示地址: http://geomap.wilddogapp.com/ 源码下载: htt...

    BLUEBLUE 评论0 收藏0
  • 作为前端开发,如何写好一个简历

    作为前端开发,如何写好一个简历

    摘要:项目地址需求来源通常在各个招聘网站,我们填写完一些信息后,网站就可以帮助我们生成一个很不错的简历。但是作为一名开发者,尤其是前端开发者,可能对这种简历并不满意。,前端开发神器。最后,为了保护隐私。 背景 前一阵子,闲下来便开始着手做一...

    absonabson 评论0 收藏0
  • css自适应正方形的方案

    css自适应正方形的方案

    摘要:网上搜罗的一个方法,利用代码如下,不过本人木有实现成功,欢迎大家留言已实现成功的。并且这个方法兼容性目前来说还较差。所以放在最后一个,不太推荐,不过还是很好奇,这个东西是怎么实现的。 经过搜索查找,总结几种常用的css自适应的正方形的解...

    syoyasyoya 评论0 收藏0
  • 简单的支持网页画框拖拽缩放功能的js插件

    简单的支持网页画框拖拽缩放功能的js插件

    摘要:我就不提除此以外还需要实现的一些业务上的细节交互了,本篇文章只讲讲我实现的拖拽功能的原理。这里其实大家就可以看出来了,得益于面向对象的机制,我们可以很简单的实现一些画框拖拽功能。 引言 前不久,老大给我分配一个比较吊炸天的任务。要我实...

    oneasponeasp 评论0 收藏0
  • jquery插件-轮番图 广告

    jquery插件-轮番图 广告

    摘要:广告轮番图模仿网易云音乐的广告轮番图这是网易音乐的效果图这是轮播插件的效果图你只需将项目的模板插入到你的页面中并在头部加入样式底部加入脚本即可其中的属性应许你自定义,设置你所需的参数具体源码可以到我的查看项目链接 jQuery-rollad 广告轮...

    lijinke666lijinke666 评论0 收藏0
  • 如何使用CSS和SVG剪切和遮罩技术

    如何使用CSS和SVG剪切和遮罩技术

    摘要:通过结合使用和遮罩技术,你将会拥有更多的可能性去使用网络图像。在图像上应用遮罩元素为了使用得到一种感觉,我们将在图像上使用遮罩。浏览器支持在我们使用这种新的处理图像的方法之前,注意到浏览器对剪切和遮罩的支持不一致是非常重要的。 本文转...

    hover_lewhover_lew 评论0 收藏0
  • Amaze UI 模版中心上线丨十几款高质量优秀模版免费提供!

    Amaze UI 模版中心上线丨十几款高质量优秀模版免费提供!

    摘要:模版中心终于上线了,目前汇聚了包含企业门户新闻资讯管理后台等多个领域的模版,全都可以免费下载。模版中心后续还会增加更多的模版以及领域,请各位持续关注。模版中心的定位针对普通开发者提供高质量的模版免费使用,提高开发效率。 Amaze UI模版中...

    terenteren 评论0 收藏0
  • CSS 字体(例如font-awesome),使用子域名之后不能正确显示

    CSS 字体(例如font-awesome),使用子域名之后不能正确显示

    摘要:症状原来能正常显示的情况下,将图片文件改为子域名访问,方便加速。切换之后一切正常,但是的图片没有正确显示,全部显示框框原因因为浏览器的安全规则,虽然是子域名,但是跨域载入字体文件的时候被浏览器拦截,导致了显示不正常。解决以为例,修改或...

    vboy1010vboy1010 评论0 收藏0
  • 新疆智营销项目总结

    新疆智营销项目总结

    摘要:需要对本项目做一个总结,提醒自己,记得这些问题。总结自己在这个项目犯得错以及踩的坑,自己在今后的项目将会注意以下事项了解项目整体需求和结构,知道哪些组件会公用。 新疆智营销项目是我来到亚信的第一个项目,项目初期需求分析没有参加,接到设...

    monw3cmonw3c 评论0 收藏0
  • 学习nodeJs时自己搭建的一个项目

    学习nodeJs时自己搭建的一个项目

    摘要:感兴趣的朋友可以一起研究下也欢迎指出不足之处,之后会把这个小丰富起来。操作数据库查询获取数据需要掌握一些基础的的查询语句项目文件夹中的文件需要导入到中具体的配置请进入中进行。 showImg("https://segmentfault.com/img/bVCHva?w=1998&h=1741...

    mykurisumykurisu 评论0 收藏0
  • JS中只有按值传递

    JS中只有按值传递

    摘要:之前看高级程序设计时就遇到过一个问题,就是函数传参的问题,书上说是按值传递,而非按引用传递。我个人理解就是,中全部是按值传递。 之前看《javascript高级程序设计》时就遇到过一个问题,就是函数传参的问题,书上说是按值传递,而非按引用传递。...

    ColyColy 评论0 收藏0
  • less 使用特性-变量

    less 使用特性-变量

    1. 变量 @nice-blue: #5B83AD; @light-blue: @nice-blue + #111; #header { color: @light-blue; } output: #header { color: #6c94be; } 1.1. 选择器 // Variables @my-selector: banner; // Usage .@{my-select...

    xbynetxbynet 评论0 收藏0
  • 淘宝 rem 机制入门学习

    淘宝 rem 机制入门学习

    摘要:作为开发标准设备不等于设备的物理像素。物理宽度物理宽度为设备物理宽度在设备的宽度范围之内或者附近物理像素不等于像素,因为有屏,甚至倍屏。 一 移动设备尺寸多种多样,带来适配难度,有时甚至无从下手。1 移动设备上的Px 像素不等于设备的物理像...

    zhangke3016zhangke3016 评论0 收藏0
  • img的间隙

    img的间隙

    摘要:变成块元素文章前部分讲到了只是对于内联元素而言,自己的给添加样式将其转为块元素自然间隙就会消失,不过这样也会产生一些副作用。 showImg("https://segmentfault.com/img/remote/1460000006808609"); *{ padding: 0px; margin: 0px; } .te...

    妤锋シ妤锋シ 评论0 收藏0
  • DIV+CSS学习笔记总结篇

    DIV+CSS学习笔记总结篇

    摘要:每个列表项始于标签。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。标签的属性应当与相关元素的属性相同。姓名性别姓名性别单元格标签可以定义表格中的一个单元格,表示一个单元格。 第一部分 HTML 第一章 职业规划和前景 职...

    iOS122iOS122 评论0 收藏0
  • less 使用特性 - extend

    less 使用特性 - extend

    摘要:第一种方式第二种方式 1.extend /* extend */ ul { &:extend(.inline); background: blue; } .inline { color: red; } output: /* extend */ ul { background: blue; } .inline, ul { color: red; } 1.1...

    weanwean 评论0 收藏0
  • less使用特性-Mixins

    less使用特性-Mixins

    摘要:命名参数变量函数循环合并逗号括号 1. Mixins 1.1 Selectors in Mixins .my-hover-mixin() { &:hover { border: 1px solid red; } } button { .my-hover-mixin(); } output: button:hover { border: 1px soli...

    RyanQRyanQ 评论0 收藏0
  • less 使用特性 - &

    less 使用特性 - &

    实例一 a { color: blue; &:hover { color: green; } } output: a { color: blue; } a:hover { color: green; } 实例二 .button { &-ok { background-image: url("ok.png"); }...

    CobubCobub 评论0 收藏0
  • 使用高斯模糊的效果逐步加载图片(仿 Medium)

    使用高斯模糊的效果逐步加载图片(仿 Medium)

    摘要:我们可以自己来实现这个效果,实现过程如下渲染一个容器,保持与原图的比例和尺寸相同,填充一个较浅的背景色先加载小图,同时使用模糊效果小图加载完成,开始请求大图大图加载完成,显示大图,隐藏小图。 用过 Medium 的用户不会不记得它的图片加载方...

    tinyqtinyq 评论0 收藏0
  • HTTP协议详解

    HTTP协议详解

    摘要:协议发展协议是万维网协会和工作小组合作的结果,他们最终发布了一系列的,定义了版本。无状态是指协议对于事务处理没有记忆能力。来说说无状态是一个无状态协议,这意味着每个请求都是独立的。 什么是HTTP协议 引自Wikipediahttps://en.wikipedia.org...

    fancyLuofancyLuo 评论0 收藏0
  • Web Components 是个什么样的东西

    Web Components 是个什么样的东西

    摘要:生命周期和回调在这个的基础上,标准提供了一系列控制自定义元素的方法。生命周期和自定义元素标签的保持一致。否则,这个属性会返回一个表示引入的文件的文档对象,类似于。相关的东西不多,而且它现在已经是纳入生效的标准文档中了。 前端组件化这个...

    XUIXUI 评论0 收藏0

热门文章

<