文章库ARTICLE COLUMN

  • CSS border属性--妙用

    CSS border属性--妙用

    摘要:在下实现圆角效果由于兼容性特别差,所以要在低版本浏览器下实现圆周角效果特别难利用的效果可实现如下图所示的圆效果代码简单如下制作三杠效果其实就是利用特性变色我们在做如下图标时,一般情况下时会有三处变色但是利用继承自这一特性 在ie下实现圆...

    heartFollowerheartFollower 评论0 收藏0
  • 案例 - 收藏集 - 掘金

    案例 - 收藏集 - 掘金

    摘要:同行这么做使用实现圆形进度条前端掘金在开发微信小程序的时候,遇到圆形进度条的需求。实现也谈数组去重前端掘金的数组去重是一个老生常谈的话题了。百度前端技术学院自定义前端掘金一标签概念元素表示用户界面中项目的标题。 闲话图片上传 - 掘金作...

    huangjinnanhuangjinnan 评论0 收藏0
  • 学习webpack前的准备工作

    学习webpack前的准备工作

    摘要:前言由于和的流行,这个模块化打包工具也已经成为热门。作为前端工程师这个需要不断更新自己技术库的职业,真的需要潜下心来学习一下。 前言 由于vue和react的流行,webpack这个模块化打包工具也已经成为热门。作为前端工程师这个需要不断更新自己技...

    dackeldackel 评论0 收藏0
  • CSS 公共样式分享

    CSS 公共样式分享

    摘要:格式化样式公共组件样式当前页面样式清除全站所有页面的浏览器默认样式,保证在初始样式在所有浏览器下一致。当前页面样式公共组件以外的所有样式都写到这个样式文件里面,并且保证一个页面一个独立样式,页面和写法要模块化,保证迅速响应项目频繁的迭...

    Cruise_ChanCruise_Chan 评论0 收藏0
  • 模拟select弹框

    模拟select弹框

    摘要:模拟弹框功能点点击显示下拉框,再次点击下拉框下拉框消失点击下拉框将值赋值给点击下拉框之外区域,下拉框消失模拟弹框模拟下拉请选择请选择男女 模拟select弹框 功能点: 点击text显示下拉框,再次点击下拉框下拉框消失 点击下拉框将值赋值给text ...

    tomorrowwutomorrowwu 评论0 收藏0
  • CSS笔记 :hover改变另一个元素样式

    CSS笔记 :hover改变另一个元素样式

    摘要:写在前面近日,在做项目的时候遇到一个需求鼠标悬停在元素时,改变元素样式显然,是要用到来写,但应用的场景有点小讲究,分为两种情形。如有帮助,望不吝赐赞一枚,多谢,如有错误还望不吝指出。 写在前面 近日,在做项目的时候遇到一个需求: 鼠标悬...

    XufcXufc 评论0 收藏0
  • 前端面试之CSS3新特性

    前端面试之CSS3新特性

    摘要:和这三个特性是新增的和动画相关的特性。使用方式如下和变换类型可以有各种变换类型,即属性值定义不进行转换。设置列之间的宽度样式和颜色规则和和用户界面中,新的用户界面特性包括重设元素尺寸盒尺寸以及轮廓等。 除了html5的新特性,CSS3的新特性...

    glumesglumes 评论0 收藏0
  • 第一个小程序作品,第一个开源作品

    第一个小程序作品,第一个开源作品

    摘要:目前版本的改变分享在微信小程序中玩这个,最大的作用应该是在群里跟别人吹牛逼的时候,谈到兼容性时,甩出一个东西。 大概在一个月前在 github 上看到了 caniuse 网站的一个数据源(https://raw.githubusercontent.com/Fyrd/caniuse/master/data.json...

    SmallBoyOSmallBoyO 评论0 收藏0
  • 手机端单行文字两端对齐:用css伪类实现

    手机端单行文字两端对齐:用css伪类实现

    摘要:今天在做项目的时候碰到这个问题右侧红线内的小标题单行两端对齐。两端对齐的属性我们知道是,但是这个属性有它的局限性只能为或多行文字才能实现两端对齐。也就是说,在现在的情况下,小标题的单行文字仅仅使用是实现不了两端对齐的。 今天在做项目的...

    JasonZhangJasonZhang 评论0 收藏0
  • HTML5 CANVAS 弹幕插件--DanMuer.js(V3.2.5)

    HTML5 CANVAS 弹幕插件--DanMuer.js(V3.2.5)

    摘要:主要是因为第二版中播放器模块和弹幕模块耦合得太严重了,远远达不到我想要的效果,所以续写了第三版。这里的通道是指弹幕从右往左运行时所在的那一行位置,这些通道是在尺寸变化时生成的,不同类型的弹幕都有其通道集合。 最新版本 V 3.2.5 新增了图...

    qpwoeiru96qpwoeiru96 评论0 收藏0
  • 100行less实现bootstrap的12栅格布局

    100行less实现bootstrap的12栅格布局

    摘要:实现的栅格布局,其实代码不止行,大概多行吧使用过的都知道,的强大的栅格系统在响应式布局中这栅格布局是非常有用的。 less实现bootstrap的12栅格布局,其实代码不止100行,大概100多行吧 使用过bootstrap的都知道,bootstrap的强大的12栅格系统;在...

    jiekechoojiekechoo 评论0 收藏0
  • 网易云跟帖关闭服务后转移到来必力

    网易云跟帖关闭服务后转移到来必力

    摘要:我网易云用了最多个月时间,只能在此迁移到其他地方,最后定在了来必力。如果大家有方法解决如何把网易云跟帖的文件传入到来必力,请及时通知我,如文章有任何疑问,请指出。 showImg("https://segmentfault.com/img/remote/1460000010104580"); 前言 ...

    TonyTony 评论0 收藏0
  • 截图图片两边使图片在盒子里居中的三种方法

    截图图片两边使图片在盒子里居中的三种方法

    摘要:部分如下我用的是绝对定位我用的是我用的是左右大比例负以上就是截取隐藏图片两侧让图片在盒子居中的种方法了,希望能能对大家有用。 最近项目改版,需要在一个正方形的盒子区域中显示图片,由于旧数据中都是横向长方形的图片,旧数据又不能舍弃,产品...

    GHOST_349178GHOST_349178 评论0 收藏0
  • css双飞   翼布局

    css双飞 翼布局

    摘要:引言曾经在江湖上盛传的双飞翼布局,无人不知,无人不晓。双飞翼布局之我的实现主内容栏自适应宽度侧边栏固定宽度侧边栏固定宽度第一种利用布局的属性,轻松实现。 引言 曾经在江湖上盛传的双飞翼布局,无人不知,无人不晓。大概的意思就是左右两边盒...

    CarterLiCarterLi 评论0 收藏0
  • css浮动、BFC、定位问题

    css浮动、BFC、定位问题

    摘要:元素框从文档流完全删除,并相对于其包含块定位。产生折叠的必备条件必须是邻接的而根据规范,两个是邻接的必须满足以下条件必须是处于常规文档流非和绝对定位的块级盒子并且处于同一个当中。 1.浮动元素有什么特征?对父容器、其他浮动元素、普通元素...

    TonyTony 评论0 收藏0
  • 用margin和定位实现垂直居中

    用margin和定位实现垂直居中

    摘要:居中父元素需设置子元素的宽高可以是具体值,也可以是百分比,不可以是啦啦啦啦截图如下 居中 .parent{ width:100px; height:80px; /*父元素需设置position:rel...

    hellowoodyhellowoody 评论0 收藏0
  • 带你入门 CSS Grid 布局

    带你入门 CSS Grid 布局

    摘要:接下来我们用设置父类元素在这我放一下完整的和代码则显示结果如下现在你可能看到似乎没什么变化。只需要这样写确保在你能用电脑在新窗口打开下面这个链接,来试试改变浏览器窗口大小,看看响应式效果。黄色表示部分支持。 showImg("https://segmentfa...

    zhaotzhaot 评论0 收藏0
  • 使用angular4.0来搭建一个博客类的项目

    使用angular4.0来搭建一个博客类的项目

    摘要:前言也就是的最新版本最近也是大红大紫的公司项目主管推上学习日程自己也就抽时间写了一个小的博客类的意在于去看一下最新的特性和的语法由于刚接触和所以有点小糙望见谅项目原址我是项目地址我是地址项目简介整个项目是使用脚手架搭建的项目目录结构项...

    张宪坤张宪坤 评论0 收藏0
  • React 实践项目 (一)

    React 实践项目 (一)

    摘要:在上已经有接近的数了,是目前最热门的前端框架。而我学习也有一段时间了,现在就开始用进行实战文章地址项目代码地址首先,我们开始构建一个基础项目。下篇教程会加入进行登录注册操作项目代码地址版项目代码地址相应后端项目代码地址 React在Github...

    beitabeita 评论0 收藏0
  • CSS Grid 初识

    CSS Grid 初识

    摘要:网格是继之后又一非常重要的布局方法。目前,浏览器的最新版本已经开始支持它了。说在前面与的区别是一维的,是二维的。定义列随后,我们需要对列进行声明。通过扩展关键字,意味着从这个元素应该开始的位置扩展几列。 CSS Grid (CSS网格) 是继 Flexbo...

    xingqibaxingqiba 评论0 收藏0
  • 浮动

    浮动

    摘要:浮动会导致父元素高度坍塌示例代码效果如上图所示,浮动元素脱离了文档流,并不占据文档流的位置,自然父元素也就不能被撑开,所以没了高度,导致父元素高度坍塌。 最近在学浮动的知识,下面总结了一些浮动的一些特征 1. 块级元素浮动将并排显示,不再...

    XGBCCCXGBCCC 评论0 收藏0
  • 关于HTTP那些事

    关于HTTP那些事

    摘要:写这篇文章的原因记录前端性能优化用到的关键概念简化大家对的学习大家或许面试的时候可以用得到哦是什么的应用层协议超文本传输协议。这两个程序运行在两个不同端系统,通过交换报文来实现通信。对于前端工程师常见的场景中浏览器即客户端而等就是服务...

    CastlePeaKCastlePeaK 评论0 收藏0
  • 我完善了下这个"支持拖拽"的树组件(Vue2.x)

    我完善了下这个"支持拖拽"的树组件(Vue2.x)

    摘要:和比起来差别还是挺大的至少能让别人看得下去了预览特性双击节点添加一个字节点对节点进行任意拖拽控制特定节点是否可拖是否可放置其他节点增加删除任意层级的节点待添加接口属性属性名描述类型默认值节点树的数据新生成的节点的文本属性新增节点判断哪...

    AlfredAlfred 评论0 收藏0
  • 红宝书:在html中使用script章节总结

    红宝书:在html中使用script章节总结

    摘要:在中插入的方法外部脚本,内嵌脚本属性异步脚本可选。表示应该立即下载脚本但不应妨碍页面中的其他操作比如下载其他资源或等待加载其他脚本。一定会在页面的事件前执行但可能会在事件触发之前或之后执行。不同点执行阶段不同。 浏览器解析器从上至下进...

    qiangdadaqiangdada 评论0 收藏0
  • 虽不是CSS3,但是它的寿命却不及他

    虽不是CSS3,但是它的寿命却不及他

    摘要:一个严肃又严重的话题,作为公司里面的,不说别的知识如何,最起码我的样式得过关吧,然而,最为今天的话题主义,很显然嘛,我并不合格,今天可以给自己打一个不合格的标签了话题引入由于后台数据的变更,可是我的样式并没有做了那么多的判断,故此,我...

    geekidentitygeekidentity 评论0 收藏0

热门文章

<