文章库ARTICLE COLUMN

  • css边框与背景

    css边框与背景

    摘要:半透明边框默认情况下,背景会延伸到边框所在的区域下层。连续的图像边框思路就是在图片之上,再叠加一层纯白的实色背景。为了让下层的图片背景透过边框区域显示出来,需要给两层背景指定不同的值。 1.半透明边框 默认情况下,背景会延伸到边框所在的...

    qpalqpal 评论0 收藏0
  • css实现的一些视觉效果

    css实现的一些视觉效果

    摘要:邻边投影双侧投影用两块投影每边各一块来实现不规则投影解决办法是使用滤镜效果,。滤镜,它会给图片增加一种降饱和度的橙黄色染色效果。实现方式毛玻璃效果折角效果折角的解决方案增加一个暗色的三角形来实现翻折效果。 投影 1.单侧投影思路是box-sha...

    luffyZhluffyZh 评论0 收藏0
  • HTML5 Audio标签方法和函数API介绍

    HTML5 Audio标签方法和函数API介绍

    摘要:侦听到事件后处理事件的函数。侦听器在侦听时有三个阶段捕获阶段目标阶段和冒泡阶段。顺序为捕获阶段根节点到子节点检查是否调用了监听函数目标阶段目标本身冒泡阶段目标本身到根节点。播放中常用的时间处理哦歌曲已经载入完全完成缓冲至目前可播放状态...

    XUIXUI 评论0 收藏0
  • Web Animation Api 入门

    Web Animation Api 入门

    摘要:入门在网页中使用动画提供了更好的用户体验,例如抽屉式菜单。目前为止,动画可以通过,或者其他的动画库,现在我们可以使用编写更加自由的动画,那就是。创建动画我们分别用和写个简单的用来展示的特性。 Web Animation Api 入门 在网页中使用动画提...

    SunxbSunxb 评论0 收藏0
  • HTML表格的运用

    HTML表格的运用

    摘要:标签,表头单元格,包含头部信息,和标签一样,被包裹,存在表头当中以下是支持的属性。表示单元格可以横跨的列数表示单元格可以横跨的行数规定与单元格相关联的一个或多个表头单元格。,设置是否显示表格中的空单元格。 table元素的简介 table标签下...

    BingunerBinguner 评论0 收藏0
  • 搜索结果页优化

    搜索结果页优化

    摘要:业务场景在里面,输入一个关键词,得到一个搜索结果,这是一个很常见的一个功能场景。滑动页面的时候,就不会存在卡顿的情况方案二让客户端提前预取数据,预取的时机可以根据自己的业务场景判断共享数据业务场景搜索结果页面,点击每一个,可以进入详情...

    econieconi 评论0 收藏0
  • 布局

    布局

    摘要:多列内容固定分布需求三列内容固定宽度并排显示知识点弹性布局项目的属性设置定义项目放大比列,默认值有剩余空间不放大定义项目缩小比列,默认值空间不足缩小设置项目在主轴的大小,默认值为跟或属性值一样比如该属性有两个快捷值和建议优先使用 多列...

    FleyXFleyX 评论0 收藏0
  • 可视化效果(Visual effects)

    可视化效果(Visual effects)

    摘要:一般地,一个块盒的内容都被限制在该盒的边内。这种盒并不一定会根据其祖先的属性裁剪。默认情况下,元素不会被裁剪。在闭合路径内的内容会显示,而路径外边的都会被剪掉著作权归作者所有。 Overflow and clipping 一般地,一个块盒的内容都被限制在该...

    JowayYoungJowayYoung 评论0 收藏0
  • PHP学习路线图

    PHP学习路线图

    摘要:一网上某些错误的学习路线图网上有些错误的学习路线图,让学完后立马去学和等,这种课程简直是对牛弹琴。这种错误的路线图的问题在于将重心未放在方向,而放在了前端方向。在学习的过程中,我建议快快快。 在网上很多人公布了太多的PHP学习路线图,本...

    xietao3xietao3 评论0 收藏0
  • ie百分比的圆

    ie百分比的圆

    摘要:这个的思路,我一开始以为用画个圆加上超出隐藏,就宽度和一样,高度就是获取百分比的高度的值,但是我的圆兼容是用了这个文件去兼容的。 showImg("https://segmentfault.com/img/bVN32A?w=296&h=116");其实一开始我是做成这样的,直接先用ul定义一个...

    tuniutechtuniutech 评论0 收藏0
  • 每天10个前端知识点:杂技

    每天10个前端知识点:杂技

    摘要:个人博客已上线,欢迎前去访问评论无媛无故的个人博客以下内容若有问题烦请即时告知我予以修改,以免误导更多人。把一个逻辑值转换为字符串,并返回结果。注册后,可直接调用的接口,并获取的返回值。 个人博客已上线,欢迎前去访问评论!无媛无故 - w...

    dongfangyiyudongfangyiyu 评论0 收藏0
  • 我的前端进阶之路

    我的前端进阶之路

    摘要:事件模型事件捕获阶段。事件到达目标元素触发目标元素的监听函数。的状态值与状态码的状态值未初始化还没有调用方法。载入完成已经执行完成,已经接收到全部的响应内容。 前言 总括: 包含这三个月来碰到的一些觉得比较好的面试题,三个月没怎么写博客...

    cloudcloud 评论0 收藏0
  • H5屏幕适配小总结

    H5屏幕适配小总结

    摘要:手淘下,,分了份字体不适合使用计算不同点网易的方法比较便于计算,淘宝复杂一些。网易的适配在添加第三方插件的时候,相对方便,淘宝因为全局缩放,会影响第三方插件的样式。 两个门派 根据屏幕宽度设置 rem 计算方式:rem 根据屏幕宽度计算:屏幕宽...

    JerryZouJerryZou 评论0 收藏0
  • 利用css3修改input[type=radio]样式

    利用css3修改input[type=radio]样式

    摘要:利用修改样式做项目的时候需要使用单选按钮,但是默认的样式与设计不一致所以需要修改默认的样式,如下图。不想使用图片,所以利用的重新实现了一遍。 利用css3修改input[type=radio]样式 做项目的时候需要使用单选按钮input[type=radio],但是默认的...

    BerwinBerwin 评论0 收藏0
  • 绝对定位(Absolute positioning)

    绝对定位(Absolute positioning)

    摘要:绝对定位的特性包裹性包裹性展示跟一样也具有包裹性两者的包裹性都类似于使元素化破坏性破坏性展示相对于引起父元素塌陷要更进一步上面的例子就可以看出元素完全脱离文档流并且被其它盒子以及盒子内的文本无视替代方案由于滥用会降低扩展性和维护性所以...

    gaomysiongaomysion 评论0 收藏0
  • 用javascript写一个emoji表情插件

    用javascript写一个emoji表情插件

    摘要:二是考虑到某些表情包现在可能并不想用,但代码删来删去可能会很麻烦,所以提供了一个是否启用的接口。 很久没有写文章了,说实话本人现在受困于五月病已经快变成一条死咸鱼了(T_T),本次就当写一个简单的js插件教程了。本项目的代码相对比较简单,至...

    StardustskyStardustsky 评论0 收藏0
  • css过度与动画

    css过度与动画

    摘要:综上,上面的代码的值都应该加上,即逐帧动画在实现一个卡通影片或者一个复杂的进度指示框,或者的标志时这种场景比较适应逐帧动画。这种平滑特性不适用于逐帧动画的实现。 缓动效果 回弹动画效果是比较常见的动画,比如小球的运动、对于尺寸变化和角...

    KrossKross 评论0 收藏0
  • CSS3学习笔记

    CSS3学习笔记

    摘要:只对英文起作用,以单词作为换行依据。换句话说,字符串与属性值中的任意位置相匹配。其主要有两个值和。主要具有四个属性值和。或表示红色,表示绿色,表示蓝色,也可取其他数值来指定颜色。 1.文档换行 a.强制一排显示文本,多出的地方切割文本,并...

    Flink_ChinaFlink_China 评论0 收藏0
  • css 只改变父元素的透明度,不改变子元素透明度

    css 只改变父元素的透明度,不改变子元素透明度

    摘要:只改变父元素的透明度,不改变子元素透明度在给父元素背景设置透明度时,子元素内容继承了父元素的透明度利用属性,例如。但是不支持此属性,可按如下方法写父元素要写如下子元素加个定位即可。 css 只改变父元素的透明度,不改变子元素透明度rgba+opa...

    jzmanjzman 评论0 收藏0
  • 关于css命名的一点思考,探讨一下css命名空间的可行性

    关于css命名的一点思考,探讨一下css命名空间的可行性

    摘要:毕竟这是张鑫旭七年前的文章。命名法的意思就是块元素修饰符是由团队提出的一种前端命名方法论。但此法没有经过大型项目的考验,希望大神们来探讨一下可行性。 本文主要是探讨传统项目中的css命名,vue、react等单页应用都可以使用css-module来解决这...

    lk20150415lk20150415 评论0 收藏0
  • CSS 布局经典问题初步整理

    CSS 布局经典问题初步整理

    摘要:布局经典问题初步整理标签前端本文主要对布局中常见的经典问题进行简单说明,并提供相关解决方案的参考链接,涉及到三栏式布局,负,清除浮动,居中布局,响应式设计,布局,等等。 CSS 布局经典问题初步整理 标签 : 前端 [TOC] 本文主要对 CSS 布...

    AmosAmos 评论0 收藏0
  • 纯 CSS 实现自适应正方形

    纯 CSS 实现自适应正方形

    摘要:如果需求是制作相对视口高度自适应的正方形,估计就只能使用单位了吧转自纯实现自适应正方形 在处理移动端页面时,我们有时会需要将 banner 图做成与屏幕等宽的正方形以获得最佳的体验效果,如 Flipbord 的移动页面:showImg("https://segmentfault.co...

    FreelanderFreelander 评论0 收藏0
  • 关于svg

    关于svg

    摘要:通过标签标签可工作在大部分的浏览器中。放射性渐变和属性定义外圈和定义内圈渐变的颜色范围可由两种或多种颜色组成。 最近项目要使用d3,所以顺便补习了一下他所需要的svg,希望对大家能有所帮助 什么是SVG SVG 指可伸缩矢量图形 (Scalable Vector G...

    zsirfszsirfs 评论0 收藏0
  • 前端大杂烩 - 收藏集 - 掘金

    前端大杂烩 - 收藏集 - 掘金

    摘要:作者将原素材文章进行了新内容的添加和重新排列,但是因为文章百度前端技术学院面向大学生的前端技术学习平台前端掘金由百度创办的免费前端技术学习实践交流分享平台。简直是前端黑科技巧使你的更加专业前端掘金一个帮你提升技巧的收藏集。 神器!解放...

    cucumbercucumber 评论0 收藏0
  • HTML+CSS复习之HTML基础篇

    HTML+CSS复习之HTML基础篇

    摘要:规定元素的上下文菜单。上下文菜单在用户点击元素时显示。规定元素仍未或不再相关。规定是否对元素进行拼写和语法检查。规定元素的行内样式。 一些说明 写在前面:HTML和CSS,当你了解所有规则后,你应该多写页面并记录你出现的问题,这才是学习HTML和...

    genefygenefy 评论0 收藏0

热门文章

<