文章库ARTICLE COLUMN

  • React项目 - 几种CSS实践

    React项目 - 几种CSS实践

    摘要:一切样式都是全局,产生的各种命名的痛苦,等命名规则能解决一部分问题,但当你使用三方插件时却无法避免命名冲突。这一解决法的优雅在于,全局的可以正常使用,只有带后缀的才会被化使用的模板字符串,在文件里写纯粹的。 前言团队在使用react时,不...

    princekinprincekin 评论0 收藏0
  • CSS三角的写法(兼容IE6)

    CSS三角的写法(兼容IE6)

    摘要:而且如果上面没有块元素的时候,是从内联元素的内容开始算起的,所以上面的就会到浏览器可视区域的上面。 目录 简介 优点 原理 1. 先创建一个div 2. 然后给div设定边框。 3. 给div的四个边框都设置不同的颜色 4. 把宽度和高度都变成0 5. 其余角为透...

    LMouLMou 评论0 收藏0
  • 前端面试系列--前言篇

    前端面试系列--前言篇

    摘要:这个系列的文章将记录我准备春招的整个过程,我会将自己学习到的新知识记录在这个系列里文章目录前言说明准备方向目标前言说明作为半个科班出身学数学的应届生,在学习计算机的时候还是比较吃力的,从今年月份开始接触前端,到现在也有个月左右了。 这...

    FreelanderFreelander 评论0 收藏0
  • CSS如何修改placeholder样式

    CSS如何修改placeholder样式

    摘要:项目用经常遇到修改的的颜色的需求,这里来看一下如何用设置原文发布与我的个人博客首先来看一下默认的样式可以发现,和的默认颜色是有点区别的。现在我们来修改的颜色不难发现属性只能改变输入值的颜色,的颜色没人任何变化。 项目用经常遇到修改inpu...

    CoderBearCoderBear 评论0 收藏0
  • preload、prefetch的认识

    preload、prefetch的认识

    摘要:和可以用来指定资源是最高优先级的。如果用户进入指定的链接,隐藏的这个页面就会进入马上进入用户的视线。微软最近也宣布会让在上用类似的技术。 预加载 现在的网络情况虽然很乐观,但是 defer和async 当浏览器碰到 script 脚本的时候: 没有 defer ...

    alogyalogy 评论0 收藏0
  • 几种常见的CSS布局

    几种常见的CSS布局

    摘要:本文概要本文将介绍如下几种常见的布局其中实现三栏布局有多种方式,本文着重介绍圣杯布局和双飞翼布局。借助等高布局正负可解决,下文会介绍双飞翼布局特点同样也是三栏布局,在圣杯布局基础上进一步优化,解决了圣杯布局错乱问题,实现了内容与布局的...

    荆兆峰荆兆峰 评论0 收藏0
  • 【每日一包0001】is-sorted

    【每日一包0001】is-sorted

    摘要:地址用于判断数组是否被排序了文档地址用法排序规则函数返回默认升序 github地址:https://github.com/ABCDdouyae... is-sorted 用于判断数组是否被排序了 文档地址:https://www.npmjs.com/package/is-sorted 用法:is-sorted(Array, 排序规则函数) 返...

    史占广史占广 评论0 收藏0
  • 常用前端布局,CSS技巧介绍

    常用前端布局,CSS技巧介绍

    摘要:不推荐,特别是九宫格通过来实现。有一定的兼容性问题元素高度可变,需要元素内部元素水平垂直居中主要是垂直方案通过实现,给最外部元素,同时添加一个次外层元素设置,这时第三层的元素即可垂直居中。 常用前端布局,CSS技巧介绍 对前端常用布局的整...

    EsgynChinaEsgynChina 评论0 收藏0
  • html建立大众点评页面遇到的问题

    html建立大众点评页面遇到的问题

    摘要:对浏览器的检查工具不够了解学习遇到的问题大多都是,这种问题在前期比较常见都是因为没有只需要就可以解决 大众点评所用知识 HTML、CSS、bootstrap3 遇到的问题 因图片无法对齐showImg("https://segmentfault.com/img/bVbjYTO?w=618&h=306"); 源码...

    hufenghufeng 评论0 收藏0
  • 两种方案开发小程序动画

    两种方案开发小程序动画

    摘要:通过这种方法产生的动画,无法按照原有轨迹收回,所以在事件之后设置了定时器,定义在执行动画之后,执行另一个动画。方式存在较多局限性动画只能执行一次,循环效果需要通过定时器完成。 在普通的网页开发中,动画效果可以通过css3来实现大部分需求,...

    chengjianhuachengjianhua 评论0 收藏0
  • 字体渲染—¥还是Ұ?

    字体渲染—¥还是Ұ?

    总所周知,羊角符号¥被用于来表示人民币,但是这个羊角符号Y中间应该是两道水平线还是一道水平线呢?这是一个比较常见的问题,在前端开发中,往往设计师给出的设计稿是两道水平线但是在某些设备上却被显示成中间只有一道水平线的符号。 货币符号 ¥是...

    DTeamDTeam 评论0 收藏0
  • 如何去除行内元素之间的间隙

    如何去除行内元素之间的间隙

    摘要:代码如下大树小草花朵太阳效果如图所示,标签为行内元素,他们之间按上面布局会出现空隙,这些空隙是怎么产生的。由此可以推断出行内元素之间的空隙是由标签换行产生的。如果把标签的改为也会出现上述问题。 HTML代码如下 大树 小草 花朵 ...

    neuneu 评论0 收藏0
  • 魔法CSS(1)——消失的list-style

    魔法CSS(1)——消失的list-style

    摘要:有时候一个简单的出现,往往是由于一点知识小细节但往往这点小细节看似简单,其背后却颇有韵味。如果这篇文章对你有所收获,请留在你的小心心其他推荐你知多少常用操作 有时候一个简单Bug的出现,往往是由于一点知识小细节;但往往这点小细节看似简单...

    zackleezacklee 评论0 收藏0
  • 浏览器兼容

    浏览器兼容

    摘要:一什么是浏览器兼容问题同一份代码,有的浏览器显示效果正常,有的浏览器显示不正常二为什么会有浏览器兼容问题同一产品,版本越老越多同一产品,版本越新,功能越多。实际项目中大部分是针对浏览器不同版本之间的表现差异而引入的。 一、什么是浏览器...

    hqmanhqman 评论0 收藏0
  • 关于我

    关于我

    摘要:我是谁这是个哲学问题。。除了技术,我也会写一些其他东西,比如摄影我还是小白阅读吐槽等等目的都是一样的,记录和分享而已。我也是从小白一点点摸索过来的,或多或少能提供一些建议,有兴趣的同学记得加关注或加我好友哦。 我是谁? Who am I?这是...

    LoftySoulLoftySoul 评论0 收藏0
  • 如何对多行文本进行截断?

    如何对多行文本进行截断?

    摘要:实现这个放在第一个说,因为这个可能是最简单的方法了,代码直接用控制行数,就可以达到目的,当文字超过三行的时候就会截断加上省略号。 前言 单行文字的截断非常简单,但是多行文字的截断可谓是非常头疼,刚学css时候就为了这个写了很多乱七八糟的代...

    vspidersvspiders 评论0 收藏0
  • 实现三栏布局的几种方法

    实现三栏布局的几种方法

    摘要:前言三栏布局,顾名思义就是两边固定,中间自适应。三栏布局在实际的开发十分常见,比如淘宝网的首页,就是个典型的三栏布局即左边商品导航和右边导航固定宽度,中间的主要内容随浏览器宽度自适应。但网格布局的兼容性不好。 前言 三栏布局,顾名思义...

    IamDLYIamDLY 评论0 收藏0
  • MacOS安装Nginx+ffmpeg(rtmp直播服务器搭建)

    MacOS安装Nginx+ffmpeg(rtmp直播服务器搭建)

    摘要:参考来源相关文章视频直播原理一安装安装需要先在应用商店手动安装,再进行以下操作安装过程中会提示需要安装,但最新场景下安装时已经没有了,需要多带带安装。根据提示在使用命令安装时最后结果是不能安装该软件。 参考来源:https://github.com/den...

    DevTTLDevTTL 评论0 收藏0
  • 一年内经验前端面试题记录

    一年内经验前端面试题记录

    摘要:对于,其默认大小一般是本地存储和都保存在浏览器端,且都是同源的。把变量放在闭包中和放在全局作用域,对内存的影响是一致的,这里并不能说成是内存泄露。将新的树和之前的虚拟树进行相比较,根据结果对进行精准响应。 1. JavaScript 1. JavaScript...

    qianfengqianfeng 评论0 收藏0
  • 你所不知道的 CSS 阴影技巧与细节

    你所不知道的 CSS 阴影技巧与细节

    摘要:本文的题目是阴影技巧与细节。立体投影好,我们继续。下一个主题是立体投影。但是,使用它们生成的阴影通常只能是单色或者同色系的。你这么说,难道还可以生成渐变色的阴影不成额,当然不行。 关于 CSS 阴影,之前已经有写过一篇,box-shadow 与 filte...

    supernavysupernavy 评论0 收藏0
  • ie8兼容问题

    ie8兼容问题

    input标签placeholder 1.input里面的placeholder属性,在pc端用的特别好,但是万恶的ie8,placeholder竟然不支持。于是找到一种方法解决在ie8中placeholder无效的事 $(function() { // 如果不支持placeholder,用jQuery来完成 if(!isSupportPlac...

    keithxiaoykeithxiaoy 评论0 收藏0
  • 突破css选择器的局限,实现一个css地址选择器?

    突破css选择器的局限,实现一个css地址选择器?

    摘要:后代选择器,可以选择子元素,却没法选择父元素。这里说的有关联指的是相近或者相反,比如子选择器和后代选择器就是比较相近的如果要实现鼠标相关的功能,可能就会联想到等选择器。 首先看一个效果,注意地址栏的变化 showImg("https://segmentfault.c...

    afishhhhhafishhhhh 评论0 收藏0
  • 高清屏下的1px边框问题

    高清屏下的1px边框问题

    摘要:为了提高用户体验,需要兼容不同设备,使边框真正显示为个物理像素的宽度大多情况下我们还是希望边框是尽可能细。解决方法具体写法如下缺点屏的浏览器可能不认识的边框,将会把它解释成,没有边框。 基本概念 像素(css pixels) css像素或逻辑像素,单...

    JaysonWangJaysonWang 评论0 收藏0
  • IE 盒模型和W3C盒模型

    IE 盒模型和W3C盒模型

    摘要:一盒模型就是的宽度,不包括的长度二盒模型三例子比较怪异,在不写的情况下使用盒模型导致相同的代码在和浏览器绘制结果不同。四是的新的属性。盒模型盒模型 一:W3C盒模型 width就是concent的宽度,不包括padding margin border的长度showImg("https:...

    孙吉亮孙吉亮 评论0 收藏0
  • web前端对文件的引用规则

    web前端对文件的引用规则

    摘要:前端一般常用文件。使用相对路径引入规则或者引入图片,按照的目录来算引入图片,按照的目录来计算。这儿是接上面的地址,文件被引用后,它有一段代码那么的实际引用地址为。存在的问题如果使用前端路由并采用模式,引入采用相对路径,则可能出现问题。...

    jk_v1jk_v1 评论0 收藏0

热门文章

<