文章库ARTICLE COLUMN

  • 11月百度面试题(社招)

    11月百度面试题(社招)

    摘要:一面笔试题实现一个函数,判断输入是不是回文字符串。两种以上方式实现已知或者未知宽度的垂直水平居中。四面请说一下你的上一家公司的研发发布流程。看你简历上写了,你说一下为什么的图片为什么过有跨域问题。 一面 笔试题 1 实现一个函数,判断输入...

    rubyshenrubyshen 评论0 收藏0
  • webpack 性能提速

    webpack 性能提速

    摘要:使用该插件带来的好处提升打包速度和项目体积将入口的文件中所有公共的代码提取出来,减少代码体积同时提升打包速度。利用缓存机制依赖的公共模块文件一般很少更改或者不会更改,这样独立模块文件提取出可以长期缓存。那么,下面就来开启正确的打开方式...

    JouyPubJouyPub 评论0 收藏0
  • css3实现信纸/同学录效果

    css3实现信纸/同学录效果

    摘要:实现思路网格背景,由的线性渐变来实现。纸上的打孔,由圆和圆柱组成,多个打孔,可以由的平铺来实现。 showImg("https://segmentfault.com/img/bVbkDKi?w=860&h=418"); 实现思路:网格背景,由css3的线性渐变来实现。纸上的打孔,由圆和圆柱组成,多...

    TurboTurbo 评论0 收藏0
  • CSS之IFC

    CSS之IFC

    摘要:行框的宽度是由包含块和与其中的浮动来决定。中的高度由行高计算规则来确定,同个下的多个高度可能会不同。当一个超过父元素的宽度时,它会被分割成多个,这些分布在多个中。如果子元素未设置强制换行的情况下,将不可被分割,将会溢出父元素。 IFC In...

    lufficclufficc 评论0 收藏0
  • CSS之FFC/GFC

    CSS之FFC/GFC

    摘要:全称翻译过来就是弹性格式化上下文。产生条件属性值设置为为或者的容器布局规则的布局规则在中也有详细定义,上可以找到详细说明,。通常弹性布局使用,二维网格布局使用。最后,所有的与也是一个,在遵循自己的规范的情况下,向下兼容规范。 FFC FFC...

    wemallwemall 评论0 收藏0
  • 【每日一包0022】through2-map,through2-filter,stream-spig

    【每日一包0022】through2-map,through2-filter,stream-spig

    摘要:地址对于包的参数封装为函数形式输出的为字符串形式而不是默认为, [github地址:https://github.com/ABCDdouyae...] through2-map 对于through2包的transformFunction参数封装为map函数形式 {wantStrings: true}输出的chunk为字符串形式而不是buffer...

    shiinashiina 评论0 收藏0
  • 微信小程序

    微信小程序

    摘要:文本两端对齐设置文本宽度布局决定是横向还是纵向从左到右的水平方向为主轴默认值从右到左的水平方向为主轴从上到下的垂直方向为主轴从下到上的垂直方向为主轴在横向上做改变主轴起点对齐默认值主轴结束点对齐主轴中居中对齐两端对齐元素 1.文本两端对...

    Cc_2011Cc_2011 评论0 收藏0
  • CSS盒模型与BFC

    CSS盒模型与BFC

    摘要:什么是盒模型概念每一个文档中,每个元素都被表示为一个矩形的盒子它都会具有内容区。不同类型的,会参与不同的一个决定如何渲染文档的容器,因此内的元素会以不同的方式渲染。最常见的有简称和简称。根据布局规则第四条的区域不会与重叠。 1.什么是CS...

    mmy123456mmy123456 评论0 收藏0
  • CSS设置选中网页文字时的背景和颜色

    CSS设置选中网页文字时的背景和颜色

    摘要:在网页中,选中某段文字,默认的显示效果为可以看到,选中后文字颜色为白色,背景为蓝色。现我们想设置,选中后文字为红色,背景为黄色。通过其私有属性支持。设置为页面效果为扩展可以应用的属性有。 在网页中,选中某段文字,默认的显示效果为:show...

    svttersvtter 评论0 收藏0
  • 百度分享代码已升级到2.0

    百度分享代码已升级到2.0

    摘要:一概述百度分享代码已升级到,本页将介绍新版百度分享的安装配置方法,请点击左侧列表查看相关章节。二代码结构分享代码可以分为三个部分设置和加载,示例如下代码结构如下此处添加展示按钮此处添加分享具体设置以下为加载部分 http://share.baidu.com...

    gityuangityuan 评论0 收藏0
  • 一篇文章了解移动端文本垂直居中

    一篇文章了解移动端文本垂直居中

    摘要:经常我们在浏览器上调试的好好的,但是到了移动端就会有各种奇特的适配问题最经常遇见莫过于中文字稍微偏上了。为什么中文本偏上文本都会有一个内容区域,这个区域就是我们选中文本时展示的区域。 在日常工作中,经常会遇到图片+文字+背景色的设计稿实...

    VultrVultr 评论0 收藏0
  • 函数节流和防抖

    函数节流和防抖

    摘要:当第二次调用该函数时,它会清除前一次的定时器并设置另一个。然而,如果前一个定时器尚未执行,其实就是将其替换为一个新的定时器,然后延迟一定时间再执行。参考文章函数节流与函数防抖函数节流和函数去抖应用场景辨析函数节流函数防抖实现原理分析 ...

    CHENGKANGCHENGKANG 评论0 收藏0
  • 小程序使用之自定义组件

    小程序使用之自定义组件

    摘要:今天要介绍的是小程序的自定义组件,类似的在做开发的过程中会用到自定义,封装成通用的组件可以在不同页面里重复使用可以将复杂的页面拆分成多个低耦合的模块,便于代码的维护。 文章链接:https://mp.weixin.qq.com/s/3xPnDwLsg7pHc_xAmS1DUQ 在前...

    ztyzzztyzz 评论0 收藏0
  • 在React项目中,如何优雅的优化长列表

    在React项目中,如何优雅的优化长列表

    摘要:合理的优化长列表,可以提升用户体验。这样保证了无论如何滚动,真实渲染出的节点只有可视区内的列表元素。具体效果如下图所示对于比无优化的情况,优化后的虚拟列表渲染速度提升很明显。是基于来实现的,但是是一个维的列表,而不是网状。   对于...

    Java_oldboyJava_oldboy 评论0 收藏0
  • 图片自适应

    图片自适应

    摘要:之前一直用属性满足图片自适应,但今天发现这样不能在网页上下载,就去找了下标签能不能实现类似的效果,结果找到了属性,完全能满足需求。 之前一直用background-size属性满足图片自适应,但今天发现这样不能在网页上下载,就去找了下img标签能不能实...

    罗志环罗志环 评论0 收藏0
  • iphone 软键盘弹起,禁止页面整体往上滚动

    iphone 软键盘弹起,禁止页面整体往上滚动

    摘要:最近在做一个移动端的项目,底部的输入框获得焦点时,软键盘弹起,在手机上火把页面整个卷走,只看到页面的下半部分。 最近在做一个移动端的项目,底部的输入框获得焦点时,软键盘弹起,在IOS手机上火把页面整个卷走,只看到页面的下半部分。 首先经过...

    blueskybluesky 评论0 收藏0
  • 原生JS操作DOM元素的类名class

    原生JS操作DOM元素的类名class

    摘要:如果这些类已经存在于元素的属性中,那么它们将被忽略。删除指定的类值。按集合中的索引返回类值。用一个新类替换已有类。 1.classList 详见MDN Element.classList add( String [, String] )添加指定的类值。如果这些类已经存在于元素的属性中,那么它...

    QLQQLQ 评论0 收藏0
  • # CSS 绝对定位释义

    # CSS 绝对定位释义

    摘要:之前看过多次绝对定位,但是缺乏一个好的案例。如果想要让第二个覆盖第一个怎么办此时就必须取消默认排版过程,转而使用绝对定位。方法就是设置直接相对定位,距离为即可。 之前看过多次CSS绝对定位,但是缺乏一个好的案例。偶尔看到一个控件,觉得用...

    JouyPubJouyPub 评论0 收藏0
  • 详解css外边距折叠(margin collapsing)

    详解css外边距折叠(margin collapsing)

    摘要:这个例子就是外边距折叠块级元素的上外边距和下外边距有时会合并或折叠为一个外边距。 外边距折叠指的是毗邻的两个或多个外边距 (margin) 会合并成一个外边距,本文详细的介绍了一下css外边距折叠的实现,分为3种情况,非常具有实用价值,需要的朋友可...

    levy9527levy9527 评论0 收藏0
  • textarea中输入多个空格或者换行时只显示一个空格的解决办法

    textarea中输入多个空格或者换行时只显示一个空格的解决办法

    摘要:在输入多个空格多个空白行的情况下,前端读取都是直接以形式的字符串实现的,也就是说无论多少个连贯的空格空白行,都只会在展示该文本的元素内显示为一个空格。 最近在做一个类似留言板的功能,用户点击评论按钮时出现输入框(textarea),输入文本后...

    luffyZhluffyZh 评论0 收藏0
  • 002-CSS基础内容

    002-CSS基础内容

    摘要:网页由什么构成英文全名百度百科层叠样式表标准中的表现标准语言表现标准语言在网页中主要对网页信息的显示进行控制,简单说就是如何修饰网页信息的显示样式。选择符的权重中用四位数字表示权重,权重的表达方式如,,,第一等代表内联样式,如,权值为...

    kidsamongkidsamong 评论0 收藏0
  • 004-盒模型及文本溢出

    004-盒模型及文本溢出

    摘要:什么是盒模型盒模型是布局的基石,它规定了网页元素如何显示以及元素间相互关系。盒模型填充内边距的使用方法填充在设定页面中一个元素内容到元素的边缘边框之间的距离。 什么是盒模型 盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互...

    fsmStudyfsmStudy 评论0 收藏0
  • 究竟什么是DOM?

    究竟什么是DOM?

    摘要:渲染树是将在页面上呈现的元素及其相关样式的表示。为了完全理解是什么,我们需要看看它不是什么。这就是为什么伪元素不能被作为目标的原因,因为它们不是的一部分。 文档对象模型或DOM是网页的接口。 它本质上是页面的API,允许程序读取和操作页...

    DevTTLDevTTL 评论0 收藏0
  • flex布局,子元素宽度不符合预期

    flex布局,子元素宽度不符合预期

    摘要:预期子元素内容不同,但是希望子元素平均分成三份遇到的问题实际上每个子元素会根据内容宽度的不同而不平均分配代码文字文字文字文字文字文字文字文字文字文字文字文字解决方案给每个子元素的宽度设置为就解决这个问题啦并且这个解决方案也适合在 预期...

    ColyColy 评论0 收藏0
  • CSS之BFC

    CSS之BFC

    摘要:比如说最常见的块级元素内联元素文档模型层叠样式模型盒子模型等,但还有一种规范经常会被排除在规范的认知之外。属于同一个的两个相邻的会发生重叠。计算的高度时,浮动元素也参与计算。垂直方向的距离由决定,利用这一点可以解决塌陷问题。 对于很多...

    JinkeyJinkey 评论0 收藏0

热门文章

<