文章库ARTICLE COLUMN

  • 我的面试之旅

    我的面试之旅

    摘要:个人的面试踩坑之旅,充满诚意的干货一今日头条用实现一个自适应的正方形详细参考方法单位优点简洁方便缺点浏览器兼容不好方案设置垂直方向的撑开容器按照规定,的百分比数值是相对父元素宽度的宽度计算的。行框的宽度是由包含块和存在的浮动来决定。 ...

    AiryAiry 评论0 收藏0
  • 火狐下input type=radio样式不能修改问题

    火狐下input type=radio样式不能修改问题

    摘要:开发中,会遇到在谷歌中点选没有反应,在火狐中样式不能修改的问题,这里有个小窍门是否把的透明度设置为,按钮选没选中的效果用来写。 开发中,会遇到在谷歌中input type=radio点选没有反应,在火狐中input type=radio样式不能修改的问题,这里有个小...

    yanweiyanwei 评论0 收藏0
  • ionic3开发——记一个使用自定义icon的方法

    ionic3开发——记一个使用自定义icon的方法

    摘要:最近在使用和开发一款。期间遇到如何在项目中使用自定义图标字体文件的问题,经过研究,找到了一个解决方法,记录一下。然后,书写一份文件,内容如下字体名和路径等等,根据需要自定义就可以了。 最近在使用ionic3和Angular开发一款App。开发体验还是...

    RindiaRindia 评论0 收藏0
  • 前端之CSS基础学习

    前端之CSS基础学习

    摘要:上面五个问题就是我总结的基础概念,学习过程中一定要把它们弄明白别忘了有哦。 请带着以下几个问题进行学习 CSS是什么 CSS的引用方式 CSS选择器 CSS优先级 CSS盒模型 基础知识学习和实例演练教程 MDN中css教程CSS基础学习教程(css快速入门)CSS参...

    HwgHwg 评论0 收藏0
  • 掀开图片显示介绍的css效果

    掀开图片显示介绍的css效果

    摘要:效果是这样的主要运用到的等变换。这时候再看,效果已经差不多了,只要再同时增加一个向上的移动效果即可。所以最后的设置为这样掀开图片的效果基本上就搞定了。因为和是同级元素这时最明显的问题在于效果不稳定。 效果是这样的:showImg("https://seg...

    haobowdhaobowd 评论0 收藏0
  • Angular2入门系列(四)————ngModel和表单元素name属性

    Angular2入门系列(四)————ngModel和表单元素name属性

    摘要:入门系列四和表单元素属性通过实现双向绑定当开发一个数据录入表单的时候,我们常常希望既可以显示数据的属性值,当用户更改时,又可以更新数据的属性值。以及怎么提取当前输入框中的文本值,以便去更新数据属性。 Angular2入门系列(四)————ngMo...

    imcclimccl 评论0 收藏0
  • CSS 中的样式优先级

    CSS 中的样式优先级

    摘要:心血来潮对比了一下中样式优先级优先级外部样式表内部样式表低于行内样式高于行内样式高于低于行内低于内联样式行内样式测试中的优先级比较选择器和选择器优先级总结如下内联样式内部样式表选择器选择器标签选择器外部样式表 心血来潮对比了一下CSS中...

    doodlewinddoodlewind 评论0 收藏0
  • 行内格式化上下文(Inline formatting contexts)

    行内格式化上下文(Inline formatting contexts)

    摘要:如果该属性值为,用户代理可能会拉伸行内盒不包括和盒里的空白和字间距与,,行内盒一个是一个特殊的行内级盒,其内容参与了它的包含行内格式化上下文当一个超出一个的宽度时,它会被分成几个盒,并且这些盒会跨多分布。 IFC布局规则: 在一个行内格式...

    impig33impig33 评论0 收藏0
  • css 命名  分类排序方法

    css 命名 分类排序方法

    摘要:功能类和皮肤类样式为表现化的样式,请不要滥用以上顺序可以按需求适当调整。 CSS内部的分类及其顺序1、重置(reset)和默认(base)(tags):消除默认样式和浏览器差异,并设置部分标签的初始样式,以减少后面的重复劳动!你可以根据你的网站需求设...

    saucxssaucxs 评论0 收藏0
  • Angular2入门系列(五)———— 路由参数设置

    Angular2入门系列(五)———— 路由参数设置

    摘要:入门系列五路由参数设置路由配置路由跳转然后浏览器的是这样的,参数很明显。。。图片上传中处理方法注意用此方法处理后,会导致页面的后退按钮失效。 Angular2入门系列(五)———— 路由参数设置路由配置: { path: "", compon...

    jk_v1jk_v1 评论0 收藏0
  • 前端JQ实现伪分页

    前端JQ实现伪分页

    摘要:毕设的使用来写的,有个分页的需求,由于仅仅是毕设,涉及到的数据量不大,为了多个分页的功能说不定就因为这个功能加分呢。。。 毕设的使用ssm+maven来写的,有个分页的需求,由于仅仅是毕设,涉及到的数据量不大,为了多个分页的功能(说不定就因为...

    marsermarser 评论0 收藏0
  • react实时热更新开发环境搭建

    react实时热更新开发环境搭建

    摘要:搭建一个实时热更新开发环境,当代码变更时,可以不用重新启动打包文件,这样会很大地提高我们的开发效率。完成开发环境搭建。 搭建一个react实时热更新开发环境,当代码变更时,可以不用重新启动webpack打包文件,这样会很大地提高我们的开发效率。 ...

    princekinprincekin 评论0 收藏0
  • 相对定位(Relative positioning)

    相对定位(Relative positioning)

    摘要:当一个盒根据常规流或者浮动摆放好后,它可能会相对于该位置移动,这叫相对定位。 当一个盒根据常规流或者浮动摆放好后,它可能会相对于该位置移动,这叫相对定位。 相对定位的盒保持它在常规流中的大小,包括换行和空格都会原样保留 relative与abso...

    cyixlqcyixlq 评论0 收藏0
  • css实现元素水平垂直居中

    css实现元素水平垂直居中

    摘要:记录两个思路,当然还有其他方法,如果用到再补充测试文字在伸缩容器上使用主轴对齐和侧轴对齐使用不考虑子元素和父元素的宽高子元素宽高固定实现单行文本水平垂直居中 记录两个思路,当然还有其他方法,如果用到再补充: 测试文字 1.在伸缩容器上使...

    stormjunstormjun 评论0 收藏0
  • 移动端h5开发总结不断更新中....

    移动端h5开发总结不断更新中....

    摘要:一手机端开发页面必须要加一段代码注这段代码的主要意思是让页面宽度等于设备宽度,缩放比例为,禁止用户缩放。用于检测视口,主要的效果就是取消下面的滚动条,让页面适应屏幕。 一.手机端开发页面必须要加一段代码: 注:这段代码的主要意思是:让...

    kviccnkviccn 评论0 收藏0
  • jQuery数十行代码实现Material Design的涟漪效果

    jQuery数十行代码实现Material Design的涟漪效果

    摘要:个人博客凌霄的博客前言作为一个党,我很喜欢的涟漪效果,百度找到的源码都太复杂,于是动手自己写了一个。 个人博客:凌霄的博客 前言 作为一个 md 党,我很喜欢 md 的涟漪效果,百度找到的源码都太复杂,于是动手自己写了一个。 效果 showImg("https...

    rottengeekrottengeek 评论0 收藏0
  • css居中总结

    css居中总结

    摘要:一水平居中系列或者元素等有效一个块级元素多个块级元素使用和配合或者使用二垂直居中系列或者元素单行上下添加相等的内边距多行可以模拟表格可以使用块级元素知道块级元素的高度不知道块级元素的高度使用 一、水平居中系列 inline或者inline-*元素 ...

    supernavysupernavy 评论0 收藏0
  • CSS3新特性学习

    CSS3新特性学习

    摘要:引言最近发现很多的新特性不熟悉,所以今天把它们都学习一边,做出效果加深印象,说到还加了蛮多的特性,像一些的一些效果,动画属性等。 引言 最近发现很多css3的新特性不熟悉,所以今天把它们都学习一边,做出效果加深印象,说到css3还加了蛮多的特...

    wing324wing324 评论0 收藏0
  • css H5端多行文本实现省略号

    css H5端多行文本实现省略号

    摘要:这是改变行数的用来限制在一个块元素显示的文本的行数。为了实现该效果,它需要组合其他的属性。常见结合属性必须结合的属性,将对象作为弹性伸缩盒子模型显示。,可以用来多行文本的情况下,用省略号隐藏超出范围的文本。 overflow : hidden; text-ov...

    褰辩话褰辩话 评论0 收藏0
  • 系统性学习与碎片化学习

    系统性学习与碎片化学习

    摘要:碎片化学习我们必须学会碎片化学习。碎片化学习也要讲究方法,比如我以前写的谈学习读源码和面试经都有提到碎片化学习的误区,并较之以正确的方法。首先,应该建构起基础的知识体系碎片化学习仍然需要完整系统的知识体系。 4-27在小密圈接到第一次付...

    raoyiraoyi 评论0 收藏0
  • CSS单行、多行文本溢出显示省略号

    CSS单行、多行文本溢出显示省略号

    摘要:单行文本溢出显示省略号需要对容器设置单行高度多行文本溢出显示省略号浏览器或移动端的页面在浏览器或移动端绝大部分是内核的浏览器可以直接使用的扩展属性是私有属性注意这是一个不规范的属性,它没有在的规范草案中用来限制在一个块元素显 单行文本...

    PiscesYEPiscesYE 评论0 收藏0
  • 前端框架快速开发静态页面

    前端框架快速开发静态页面

    摘要:框架开发解放了生产力,让一个静态页面效果更逼真,也让用户体验逐渐上去,但是目前对网站的需求主要还是为了展示和宣传一些东西,反观教育机构和政府部门的网站都是偏动画少,体现了公关的严肃性。 showImg("https://segmentfault.com/img/remote/146...

    李世赞李世赞 评论0 收藏0
  • Web安全——前端JS表单验证过滤

    Web安全——前端JS表单验证过滤

    摘要:这里就提及一下所推出的图片验证,目前已经被很多人报道也是不安全的,攻击者可以直接将图片处理后丢入百度的识图接口,返回的数值让人惊讶。 showImg("https://segmentfault.com/img/remote/1460000008991770?w=3505&h=2472"); 前言 之前忙于做各种事...

    MartinHanMartinHan 评论0 收藏0
  • 解决博客图片存储——阿里云的OSS运用

    解决博客图片存储——阿里云的OSS运用

    摘要:接下来讲解一下博客中用的图床阿里云对象存储,简称,虽然目前大家用的比较多的是七牛云之类的,但是因为我个人原因我还是选择了阿里云,后面我会简单说明下原因。 showImg("https://segmentfault.com/img/remote/1460000008838754?w=960&h=300"); 前...

    LowkyLowky 评论0 收藏0
  • 如何让元素水平垂直居中

    如何让元素水平垂直居中

    摘要:我们经常遇到需要把中的内容进行水平和垂直居中多数是将图片水平垂直居中,这里把我常用的一些方法总结一下,可能比较,烦请大家指正方法需要有两个容器包住,上代码页面效果页面效果代码兼容容器中只有一个,没有其他元素,可通过方 我们经常遇到需要...

    JasonJason 评论0 收藏0

热门文章

<