文章库ARTICLE COLUMN

  • 我的页面我做主——浏览器去广告正确姿势

    我的页面我做主——浏览器去广告正确姿势

    摘要:简单高效的自定义方式对于这些情况我们可以使用一个强大的浏览器插件,简称,中文俗称为油猴,支持和浏览器。简单几行代码,就可以去除大部分页面广告。声明需要使用的函数。 会CSS就会去广告~ 传统去广告方法的弊端 我们浏览网页的时候经常不免会看...

    2017111220171112 评论0 收藏0
  • 利用 Canvas 绘画一个未闭合的带进度条的圆环

    利用 Canvas 绘画一个未闭合的带进度条的圆环

    摘要:最终效果图一定义变量定义半径,定义圆环厚度,定义圆心位置定义默认填充颜色二画第一个圆弧注意这个方法,生成路径的第一步。本质上,路径是由很多子路径构成,这些子路径都是在一个列表中,所有的子路径线弧形等等构成图形。 最终效果图 showImg("ht...

    JeOamJeOam 评论0 收藏0
  • 封装一些有用的方法

    封装一些有用的方法

    摘要:输入一个值,返回其数据类型数组去重字符串去重去除连续的字符串深拷贝浅拷贝深克隆深克隆不考虑函数引用值且不为对象数组原始值或深浅克隆是针对引用值数组对象无法复制函数底层原理和扩展改变原数组圣杯模式的继承最终的原型指向找出字符串中第一 1....

    hoohackhoohack 评论0 收藏0
  • 纯CSS实现表单验证

    纯CSS实现表单验证

    摘要:例如这样以下例子来自优秀的开源库,年龄年龄不能为空年龄必须为数字值提交重置以上就是我们常规的表达验证了,基本就都是用来完成的,那么我们能不能用来实现呢答案是可以的。 作者:陈大鱼头 github: KRISACHAN 关于表单验证 在我们的日常业务中...

    sf_wangchongsf_wangchong 评论0 收藏0
  • 【Hello CSS】第九章-如何画一个体验更好的动画?

    【Hello CSS】第九章-如何画一个体验更好的动画?

    摘要:那就是重力加速度的表现以及弹力球与空气,地面所产生的摩擦力的表现。弹力球下落时,由于重力加速度的原因,所以速度会越来越大,往上跳时速度会越来越小直至。 作者:陈大鱼头 github: KRISACHAN 在上一节中, 不走心 地画了一些 CSS图案 ,本节...

    BothEyes1993BothEyes1993 评论0 收藏0
  • 【Hello CSS】第八章-CSS图形

    【Hello CSS】第八章-CSS图形

    摘要:有趣的图形通过不同的属性,我们能组合出很多有趣的图形。系列是以基础概念为主题的系列文章,旨在帮助大家更深刻地了解并且提高在各位开发者心目中的地位。 作者:陈大鱼头 github: KRISACHAN 前言 上一节留了一个问题:为什么 currentColor 是...

    1365165710113651657101 评论0 收藏0
  • img 图片与文字对齐,图标与标题对齐

    img 图片与文字对齐,图标与标题对齐

    摘要:图片与文字对齐,图标与标题对齐很多时候,在页面中会遇到图标与文字混排的情况,用并不能让图片完全对齐于文字。目的是达成这种效果这并不是用实现的先看一下用的样子是设置在上的,此时虽然能凑合看,但并不完美。作为完美主义者是肯定受不了的。 im...

    zhaochunqizhaochunqi 评论0 收藏0
  • 前端进阶之什么是BFC?BFC的原理是什么?如何创建BFC?

    前端进阶之什么是BFC?BFC的原理是什么?如何创建BFC?

    摘要:官方说法就是它规定了用户端在媒介中如何处理文档树。是的包含块,同时又是的包含块,不是绝对的。因此称为匿名盒子。行内盒子行内级元素会生成行内级盒子,该盒子同时会参与行内格式化上下文的创建。如果只有一个值指定为,则其使用的值来自相等。 ...

    lowettlowett 评论0 收藏0
  • 一道面试题引发的思考

    一道面试题引发的思考

    摘要:下面我们来使用面向对象类图这里就不再画了首先面试题中所提到的我们都可以看成类,比如停车场是一个类吧,它里面的车位是一个类吧,摄像头,屏幕。。。 以下是某场的一道面试题(大概): 1、一个停车场,车辆入场时,摄像头记录下车辆信息2、屏幕上显示...

    CorwienCorwien 评论0 收藏0
  • align-self: stretch 失效

    align-self: stretch 失效

    摘要:现象代码失效,元素没有预想中的拉伸。预期的现象应该是这样的。所有的子元素的高度是。这个高度是固定的,不可改变的。 现象:showImg("https://segmentfault.com/img/bVbvoT9?w=1011&h=146"); 代码: div.root { ...

    TaonceTaonce 评论0 收藏0
  • align-self和align-items的区别

    align-self和align-items的区别

    摘要:在伸缩容器上使用它,伸缩容器内部所有的元素都一致地受制于的值。此时就不能使用,因为作用于整体。我们希望作用于部分。的可取值和的可取值完全相同。之前一直看不懂和的区别那是因为没有发挥想象力。 align-items在伸缩容器上使用它,伸缩容器内部...

    ZweiZhaoZweiZhao 评论0 收藏0
  • flex-grow、flex-shrink、flex-basis和九宫格布局理解

    flex-grow、flex-shrink、flex-basis和九宫格布局理解

    摘要:一属性定义剩余空间的分成。的默认值为,的值为时不缩放。示例代码代码当父元素的宽度大于三个子元素的宽度时,三个子元素的宽度会放大。使用实现代码代码参考文章布局下的属性详解布局九宫格布局的方法汇总更新中 一、flex-grow、flex-shrink、flex-b...

    孙吉亮孙吉亮 评论0 收藏0
  • 更快助你弄懂React-高阶组件

    更快助你弄懂React-高阶组件

    摘要:等价于是一个返回函数的函数就是个高阶函数返回的函数就是一个高阶组件,该高阶组件返回一个与关联起来的新组件的也是一样的总结一下高阶组件是对代码进行更高层次重构的好方法,如果你想精简你的和生命周期方法,那么高阶组件可以帮助你提取出可重用的...

    dreamGongdreamGong 评论0 收藏0
  • 子元素相对于父元素百分比尺寸问题

    子元素相对于父元素百分比尺寸问题

    摘要:百分比尺寸问题子元素尺寸相对于父元素尺寸,以百分比的形式确定时,需要注意的是,此时默认的盒模型是的标准盒模型。 百分比尺寸问题 #root { width: 800px; height: 600px; paddi...

    NeverSayNeverNeverSayNever 评论0 收藏0
  • 面试官想要什么样的简历之【实习/应届生简历】

    面试官想要什么样的简历之【实习/应届生简历】

    摘要:每当投出去,就石沉大海,没有下文多年来笔者浏览过数不清的实习生简历,我将以面试官的角度来为你讲讲面试官想要的是什么样的简历。面试官想要什么样的简历之实习应届生简历 前言 如果你是实习生/应届生,正在准备面试前端开发岗位,那么这篇文章就是...

    魏宪会魏宪会 评论0 收藏0
  • 使用CSS3实现input多选框自定义样式

    使用CSS3实现input多选框自定义样式

    摘要:原理首先把元素隐藏掉,然后用设置元素其他元素也可以的样式,选中时的样式使用选中,无须使用图片和效果预览代码男女代码清楚默认样式让层级高于,使之能选中这里显示矩形的一半边框再旋转度来实现对勾样式 原理:首先把input元素隐藏掉,然后用CSS设...

    daryldaryl 评论0 收藏0
  • 常见的面试问题:【CSS】CSS盒模型

    常见的面试问题:【CSS】CSS盒模型

    摘要:标准盒模型盒子总宽度高度。以上支持,除此外还可以取到相对于视窗的上下左右的距离。包括高度宽度内边距和边框,不包括外边距。主要看怎么父元素的盒模型如何设置。空元素的边距重叠是取与的最大值。 一、概念 CSS盒模型本质上是一个盒子,封装周围的...

    android_candroid_c 评论0 收藏0
  • 常用布局总结

    常用布局总结

    摘要:,块级格式化上下文创建的情况浮动元素绝对定位元素行内块元素表格的单元格,表格的标题特性不为的元素弹性盒布局规则内部的会在垂直方向,一个接一个地放置。 一、两列布局 1.1 左列定宽,右列自适应 1)利用float + margin实现 (方法1) HTML代码...

    mingdemingde 评论0 收藏0
  • 同一行内 不同字体大小的文本 底部对齐

    同一行内 不同字体大小的文本 底部对齐

    摘要:核心思想是将每个大小的字体多带带作为独立的行,多带带设置,而不是在同一行这样就解决了 核心思想是将每个大小的字体多带带作为独立的行,多带带设置line-height,而不是在同一行 HTML CSS .a { display: flex; height: 40...

    SikeSike 评论0 收藏0
  • React16.8更改Webpack支持Less文件

    React16.8更改Webpack支持Less文件

    摘要:创建项目当前最新版本是使用脚手架工具创建一个项目由于要在项目中使用暴露配置文件配置需要暴露配置文件,这就要使用脚手架工具提供的命令,运行命令前需要将项目一下,否则项目无法成功,打开终端运行命令或者,命令是一次性命令,运行后无法恢复 创...

    z2xyz2xy 评论0 收藏0
  • 基于Node.js的大文件分片上传

    基于Node.js的大文件分片上传

    摘要:基于的大文件分片上传我们在做文件上传的时候,如果文件过大,可能会导致请求超时的情况。所以,在遇到需要对大文件进行上传的时候,就需要对文件进行分片上传的操作。所以把文件名称加上。方便后续文件合并。 基于Node.js的大文件分片上传 我们在做文...

    tianlaitianlai 评论0 收藏0
  • 获取图片的原始尺寸,适应不同的样式

    获取图片的原始尺寸,适应不同的样式

    摘要:总的过程分为以下几步生产正方形的块获取图片的原始尺寸,选择适应的样式一生产正方形的块运用生成块的方法很多,我用的是的方法。 最近在做项目的过程中,需要把图片正方形展示出来,多余的部分进行裁剪。但是从后端接口拿过来的图片可能有各种各样的...

    weakishweakish 评论0 收藏0
  • 混合开发遇到的坑:倒计时在ios中不生效

    混合开发遇到的坑:倒计时在ios中不生效

    摘要:倒计时在中不生效这个问题,是第二次出现了,为了不再犯第三次,所以打算记录下来倒计时之所以在中不生效的原因是,中无法识别格式的时间百度之后发现的,因为混合开发是第一次做,所以这个坑我不知道 倒计时在ios中不生效这个问题,是第二次出现了,...

    parallerparaller 评论0 收藏0
  • 【winter重学前端笔记13】浏览器:一个浏览器是如何工作的?CSS计算

    【winter重学前端笔记13】浏览器:一个浏览器是如何工作的?CSS计算

    摘要:选择器匹配流程前进一个选择器按照来拆成数段,每当满足一段条件的时候,就前进一段。后退选择器的作用范围,匹配到本标签的结束标签时作用范围边缘回退。 加载css 加载是异步,不会影响DOM树的构建,只是说在CSS没处理好之前,构建好的DOM并不会显...

    cloudcloud 评论0 收藏0
  • 关于CSS Transition,你需要知道的事

    关于CSS Transition,你需要知道的事

    摘要:在这片文章中,我将会专研的过渡中更加复杂的部分,从链式和事件到硬件加速和动画函数。只有当需要的时候,你才应该用硬件加速,并且完全不需要在每个元素上都使用它。此外,不同的浏览器用不同的硬件加速的库,这可能会造成跨浏览器问题。 CSS3的过渡...

    taowentaowen 评论0 收藏0

热门文章

<