文章库ARTICLE COLUMN

  • CSSGAMES:纯CSS实现五星评价效果

    CSSGAMES:纯CSS实现五星评价效果

    上图:showImg("https://segmentfault.com/img/bVLLXv?w=267&h=76"); 上代码: .container{ width: 150px; height: 30px; position: relative; } .contai...

    468122151468122151 评论0 收藏0
  • vue实现旋转木马轮播

    vue实现旋转木马轮播

    摘要:关于旋转木马效果实用例子一个实际应用在优酷的频道页。将对的数据操作转化为数组,数组元素存储各项的数据宽高绝对定位偏移值透明度以及层叠参数,在模板处遍历实际项目的数组,其样式则通过索引获取对数组的元素数据。 同事拿到个设计稿,是旋转木马...

    waltrwaltr 评论0 收藏0
  • CSS技巧

    CSS技巧

    摘要:兼容所有浏览器显示半透明效果的方法的作用使用解决的不闭合的问题,可以将属性去掉就可以达到效果。 1、兼容所有浏览器显示半透明效果的方法 .transparent { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0...

    testHstestHs 评论0 收藏0
  • BFC与IFC

    BFC与IFC

    摘要:属于同一个的两个相邻的会发生重叠。的区域不会与重叠。计算的高度时,浮动元素也参与计算。给添加,触发新的,则行内级格式化上下文如何生成由的非替换元素生成。元素会位于与与之间,使得宽度缩短。 block-level box: display属性为block, list-item...

    BlackFlagBinBlackFlagBin 评论0 收藏0
  • input下拉列表选中后背景变黄色

    input下拉列表选中后背景变黄色

    摘要:对于谷歌浏览器输入框,下拉列表选中之后,背景色变黄,这是什么鬼,经查看,原来是这个在搞鬼,解决方案 对于谷歌浏览器input输入框,下拉列表选中之后,input背景色变黄,这是什么鬼, showImg("https://segmentfault.com/img/bVLMuJ?w=899&h=345");...

    周国辉周国辉 评论0 收藏0
  • CSS单位:px、em、rem

    CSS单位:px、em、rem

    摘要:在平时的工作当中,我发现自己大多数时候是用来作为字体单位的,不仅如此,其实公司的所有前端项目都是以作为字体单位的。我们知道像素作为相对长度单位是相对于显示器的分辨率而言的。很好地解决了的字体大小从父元素继承所带来的不便。 px 在平时的...

    Lucky_BoyLucky_Boy 评论0 收藏0
  • CSS布局基础:两列 or 三列自适应

    CSS布局基础:两列 or 三列自适应

    【第一列或某两列固定宽度,最后一列占据页面剩余宽度(即宽度自适应)】 写这篇文章主要是为了解决一个实际遇到的问题:左右两列布局,左侧宽度固定,右侧宽度自适应(或左中右三列布局,左侧和中间宽度固定,右侧宽度自适应),当页面宽度变化时,怎样使...

    hatlonelyhatlonely 评论0 收藏0
  • Vue.js实现一个简易问卷平台(项目中遇到的问题总结)

    Vue.js实现一个简易问卷平台(项目中遇到的问题总结)

    摘要:项目地址源码地址预览地址没有做响应式,请在电脑上打开使用了我自制的日历组件初学时做的,有些糙任务描述参考设计图实现一个简易版的问卷管理系统,有如下功能问卷管理列表有一个头部可以显示,不需要实现登录等操作问卷管理列表页面默认为首页有一个...

    ScottScott 评论0 收藏0
  • 段落首字母设置样式

    段落首字母设置样式

    摘要:一要设置首字的样式,方法是微软雅黑即可实现。二要实现图中的背景设置透明度但是背景上面显示的字体都正常,可是使用中的新特性,属性可以设置其背景成透明,而上面的字体不透明,而不是使用。 一、showImg("https://segmentfault.com/img/bVLV3g?w=1...

    imtianximtianx 评论0 收藏0
  • 页面之间传递数据

    页面之间传递数据

    摘要:最近在写公司微信公众号,其中某个模块需要传递一个参数给,然后通过参数发送。整理一下搜寻到方法方法一通过给页面传递数据附上代码。 最近在写公司HR微信公众号,其中某个模块需要A.html传递一个参数Data给B.html,然后B.html通过参数Data发送Ajax。...

    superwsuperw 评论0 收藏0
  • 在html<title></title>标签添加图标,网页title左边显示

    在html<title></title>标签添加图标,网页title左边显示

    摘要:如图在黑色所画圆之中显示一个图标步骤一在图片中显示图标,这里的图片只支持格式,需要转换图片格式原始图像可以接受等图像格式在这个网址上传你的原始图片然后生成格式图标百度可以找到制作图标的网站注意图标要用色的。。。 showImg("https://segme...

    melody_lqlmelody_lql 评论0 收藏0
  • JQuery修改a标签href和文字的值

    JQuery修改a标签href和文字的值

    摘要:修改标签的链接地址姐记得引用场景一只修改链接地址用到的方法设置或返回被选元素的属性值查看方法说明传入多个参数时,需要用花括号包裹起来,属性名不用,属性和属性值用隔开,属性与属性直间用隔开属性值属性值一个有梦想的咸鸭蛋咸鸭蛋咸鸭蛋使用方...

    pkwendapkwenda 评论0 收藏0
  • CSS - 纯css实现多行文本溢出省略(兼容所有浏览器)

    CSS - 纯css实现多行文本溢出省略(兼容所有浏览器)

    摘要:前言多行文本超出高度限制出现省略号移动端多为内核的有扩展属性但并不是规范中的属性端往往要借助去实现这一效果,但麻烦且不是很靠谱,今天就用纯来实现一个完全兼容的多行省略。 前言 多行文本超出高度限制出现省略号 , 移动端多为webkit内核的 , ...

    李义李义 评论0 收藏0
  • JavaScript系列——JavaScript同步、异步、回调执行顺序之经典闭包setTimeou

    JavaScript系列——JavaScript同步、异步、回调执行顺序之经典闭包setTimeou

    摘要:同步异步回调傻傻分不清楚。分割线上面主要讲了同步和回调执行顺序的问题,接着我就举一个包含同步异步回调的例子。同步优先回调内部有个,第二个是一个回调回调垫底。异步也,轮到回调的孩子们回调,出来执行了。 同步、异步、回调?傻傻分不清楚。 ...

    lewiflewif 评论0 收藏0
  • 关于移动端文字无法垂直居中(或line-height不起作用)的问题的解决方案

    关于移动端文字无法垂直居中(或line-height不起作用)的问题的解决方案

    摘要:最近开发移动端,发现安卓端对于文字垂直居中的问题兼容性不好,网上也搜了很多方法,但是都比较麻烦,自己摸索出来了最终的解决方案首先在头部把我们常用的改为。 最近开发移动端APP,发现安卓端对于文字垂直居中的问题兼容性不好,网上也搜了很多方...

    ingoodingood 评论0 收藏0
  • 前端面试复盘

    前端面试复盘

    摘要:从上面那段代码可以看到,下的上外边距只占了两个距离的一半,所以两个的间距是。下面分别对第和第个条件进行了测试。关于这一点,两个元素的间距是这样计算的上的下外边距包裹上的下内边距下的上外边距可以看下面这个例子印证第三点。 昨天面了html5...

    JasonJason 评论0 收藏0
  • CSS Flexbox学习笔记

    CSS Flexbox学习笔记

    摘要:本文记录了我在学习前端上的笔记,方便以后的复习和巩固。注意项目现在显示的宽度是他们的默认宽度。各行将会伸展以占用剩余的空间。在其它情况下,剩余空间被所有行平分,扩大各行的侧轴尺寸。这不会影响源代码。不要忘记了,默认情况下,项目的值为。...

    zzirzzir 评论0 收藏0
  • 前端基础知识学习记录(一)

    前端基础知识学习记录(一)

    摘要:前端基础知识学习记录一属性通过使用属性,可以选择四种不同类型的定位,会影响元素框生成的方式。相对于元素的原始位置进行定位。举例相邻兄弟选择器可选择紧接在另一元素后的元素,且二者有相同父元素。 前端基础知识学习记录(一) 1、CSS position...

    liuchengxuliuchengxu 评论0 收藏0
  • 关于一些Vue的文章。(1)

    关于一些Vue的文章。(1)

    摘要:原文链接我的,欢迎。今天分享的一篇文章是关于的源码解析的,链接源码解析,在现在所做的项目里的每个组件,至少都有一个辅助函数,或者是,或者是扩展运算符,以及解构也经常用到。大概以前看源码的时候,没怎么仔细想过把。 原文链接我的blog,欢迎...

    Lemon_95Lemon_95 评论0 收藏0
  • CSS中常见的长度单位

    CSS中常见的长度单位

    摘要:可视区高度单位和可视区宽度单位单位与可视区的高度相关。的值等于可视区高度的。因此会随着父元素对应的长度值得变化而变化。 px - 像素 px 是 CSS 中最常用的长度单位,可以用来指定字体大小,元素的宽度、高度、边框、内边距,外边距的大小等等, 它...

    rainyangrainyang 评论0 收藏0
  • 滑动效果的原理及实践一个滑动小插件

    滑动效果的原理及实践一个滑动小插件

    摘要:支持则认为是移动端,否则为端声明事件函数端和移动端这个函数是通用的。滑块的移动应该依据现在的位置计算。 本文转载自blog 转载请注明出处 目录 前言 基本原理 html结构 实践 小结 前言 移动端,滑动是很常见的需求。很多同学都用过swiper.js,本...

    JrainJrain 评论0 收藏0
  • flex属性详解

    flex属性详解

    摘要:在拜读了阮一峰的布局教程和有关属性的回答后整理成此文章,以便加深印象。属性是三个属性的简写形式。布局包括外部的容器和内部的项目,属性是项目的属性。 在拜读了阮一峰的flex布局教程和HaoyCn有关flex属性的回答后整理成此文章,以便加深印象。 f...

    468122151468122151 评论0 收藏0
  • 最近很火的百度MIP之 zblog改造

    最近很火的百度MIP之 zblog改造

    摘要:很多人都问过我,咖啡你的主题模板到底怎么改的。的改造非常简单。今天就免费给大家献上改造方案。好了,直接进入正题模板文件规范自己改,不多说。原文地址这是个技术文章,各位可以转载哈。 很多人都问过我,咖啡你的MIP主题模板到底怎么改的。我就...

    AnshiiiAnshiii 评论0 收藏0
  • CSS页面布局

    CSS页面布局

    摘要:实现三栏布局,中间自适应负值法放第一行首尾高度固定中间自适应的布局兼容头部中间置顶中间中间到底尾部针对设定的布局粘连置于底部方法一在上用负的粘连置于底部方法二在上用负的 实现三栏布局,中间自适应(margin负值法) middle left right body...

    leoperfectleoperfect 评论0 收藏0
  • 2种方法实现经典的左侧固定宽度200px,右侧自适应宽度的布局

    2种方法实现经典的左侧固定宽度200px,右侧自适应宽度的布局

    摘要:今天去面试前端人员,随即出了一个经典的布局问题,即如标题所示。可是结果令我很惊讶,超过一半的人都没答对,亦或是只答对一半在此记录下用两种方法,第一种普通的方法,第二种是利用布局。       今天去面试前端人员,随即出了一个经典的布局...

    raise_yangraise_yang 评论0 收藏0

热门文章

<