文章库ARTICLE COLUMN

  • 微信小程序vedio视频全屏无法遮挡textarea

    微信小程序vedio视频全屏无法遮挡textarea

    摘要:微信小程序视频全屏状态下无法遮挡我们项目中有一个编辑资料页,使用了和,在使用测试的时候发现视频全屏状态下会穿透显示在最前面。虽然这个不是一个完美的解决方案,但是简单的使用还是没有任何问题的。 mpvue微信小程序:vedio视频全屏状态下无法遮...

    macg0406macg0406 评论0 收藏0
  • 常见的CSS预处理器之Less初体验

    常见的CSS预处理器之Less初体验

    摘要:预处理器的技术现在已经很成熟了,而且也出现了各种不同的预处理器语言,但是呢不可能一一列出,面面俱到,这篇文章呢,主要是介绍一下比较常见的预处理器语言之一之初体验。 CSS预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为C...

    desdikdesdik 评论0 收藏0
  • flex布局被子元素撑开,如何保持内容不超出容器

    flex布局被子元素撑开,如何保持内容不超出容器

    摘要:而且因为设置了会发现文字会将撑开,导致内容超出了屏幕。尝试取消父元素的,无效。因此猜测是布局的问题,进一步猜测省略符需要对父元素限定宽度。 移动端里面,flex 布局很好用,它能够根据设备宽度来自动调整容器的宽度,但是最近在做项目的时候发...

    hearawayhearaway 评论0 收藏0
  • 大三下学期实训,录制的视频【虽然感觉没什么用吧】

    大三下学期实训,录制的视频【虽然感觉没什么用吧】

    摘要:第天上午第天下午第天上午第天下午第天上午第天下午第天上午第天下午第天上午第天下午 第1天上午:第1天下午:第2天上午:第2天下午:第3天上午:第3天下午:第4天上午:第4天下午:第5天上午:第5天下午:...

    izhuhaodevizhuhaodev 评论0 收藏0
  • 整理1

    整理1

    摘要:加快整体响应速度。步骤,用户在商户中选择商品,提交订单,选择微信支付。微信支付要求商户订单号保持唯一性,商户后台收到用户支付单,调用微信支付统一下单接口。,与团队成员,,产品经理的沟通。 一:页面性能优化:1,减少http请求,资源的合并...

    imtianximtianx 评论0 收藏0
  • 实用浏览器调试技巧(动画、节点删除、节点增加)

    实用浏览器调试技巧(动画、节点删除、节点增加)

    摘要:今天分享一些平时不常用,但总有一天你会用到的浏览器调试技巧。如图彩蛋介绍一个在浏览器中全局搜索代码的方法,点击面板,会看到左侧有目录结构,右键目录结构。如图小扩展还有一个场景一个页面会从后台请求字体包,字体包会在某个时刻通过加入到标签...

    honmaplehonmaple 评论0 收藏0
  • CSS盒模型以及与之相关的知识点

    CSS盒模型以及与之相关的知识点

    CSS盒模型以及与之相关的知识点 盒模型分为哪几种 - 标准盒模型 - IE盒模型 两者区别在于 width 和 height 计算方式上的不同: 标准盒模型 width = content width; IE核模型 width = content width + padding + border CSS 如何来设置这两种模型 box-siz...

    channgchanng 评论0 收藏0
  • 自定义占位文本(placeholder)的样式

    自定义占位文本(placeholder)的样式

    摘要:自定义占位文本的样式当我们对元素或者元素写样式的时候如果需要自定义占位文本也就是的样式的时候怎么办有一个伪元素选择器可以解决我们的问题用法我是红色的结果但要注意这个伪元素选择器是一个实验性的特性还需要一些时日待浏览器兼容因此我们要添加...

    William_SangWilliam_Sang 评论0 收藏0
  • 近阶段前端面试问题汇总(css篇)

    近阶段前端面试问题汇总(css篇)

    摘要:在此记录一下被提问的问题吧论水平也就是初级前端,所以很多问题也是挺简单的。为了直观和调试的方便,我们把属性这么写其实对于作三角形这一目的,边框的风格并不重要,所以在这里不多做研究。 经历了各种选择与被选择之后(其实就是被坑了),最终又...

    邹强邹强 评论0 收藏0
  • CSS过渡动画的理解

    CSS过渡动画的理解

    摘要:需要规定变化发生的时间,可以使用百分比如等等,也可以用和表示和。是动画的开始,是动画的结束。创建规则百分比方式 CSS过渡动画的理解 过度动画关键字【transition】 transition : css属性 时间 方式 时间 详细写就是: 1.transition-property 规...

    wangbjunwangbjun 评论0 收藏0
  • spy-debugger + Charles 移动端调试

    spy-debugger + Charles 移动端调试

    摘要:简介移动端调试一直都是一个痛点,因为移动终端对于我们来说是一个黑盒,它无法像端一样,我们可以通过很方便的调出开发者工具。如果没有调试工具这种情况下我们就很难定位问题,接下来的主题就是介绍如何使用进行移动端调试。 简介 ​ 移动端...

    fevinfevin 评论0 收藏0
  • 前端每日实战 169# 视频演示如何制作“数略词”交互动画(内含2个视频)

    前端每日实战 169# 视频演示如何制作“数略词”交互动画(内含2个视频)

    摘要:本项目将制作一个交互动画效果,令其在单词原词和数略词之间切换。二扩展应用到多个单词数略词有很多,为了能够一次展示多个单词,我们将对现有的程序进行扩展。 showImg("https://segmentfault.com/img/bVbtPjm?w=400&h=401"); 效果预览 按下右侧的...

    roland_reedroland_reed 评论0 收藏0
  • CSS没有边界的裁剪路径 - Clip Paths

    CSS没有边界的裁剪路径 - Clip Paths

    摘要:裁剪路径可以将如或自由变化的应用于任何元素。元素中不在形状边界内的任何内容都将被裁剪删除掉。例如,我们可以从内容隐藏完全裁剪开始,并增大裁剪路径以显示其中的内容。 随着浏览器对shape-outside和clip-path等属性的支持增加,CSS Shapes越来越...

    weanwean 评论0 收藏0
  • 隐藏火狐和谷歌浏览器滚动条

    隐藏火狐和谷歌浏览器滚动条

    摘要:有时候想要实现滚动条隐藏,但是还是可以滚动内容的效果怎么实现呢谷歌浏览器火狐浏览器 有时候想要实现滚动条隐藏,但是还是可以滚动内容的效果 怎么实现呢? 谷歌浏览器webkit &::-webkit-scrollbar { display: none; } 火狐浏览器 scrollbar-...

    dreambeidreambei 评论0 收藏0
  • 2019年前端笔试题

    2019年前端笔试题

    摘要:为了实现这一点,他们创建了两种呈现模式标准模式和混杂模式。不存在或形式不正确会导致和文档以混杂模式呈现。无论是否编写了有效的,如果选择了错误的,那么页面就将以混杂模式呈现,其行为就可能会有错误或不可预测。 什么是web标准?WEB标准不是...

    BaaaanBaaaan 评论0 收藏0
  • 【Electron】酷家乐客户端开发实践分享 — 进程通信

    【Electron】酷家乐客户端开发实践分享 — 进程通信

    摘要:为了能使不同的进程互相访问资源并进行协调工作,才有了进程间通信。此时,就需要与渲染进程通信了。发消息,渲染进程收消息内部使用来发消息。 作者:钟离,酷家乐PC客户端负责人原文地址:https://webfe.kujiale.com/electron-ku-jia-le-ke-hu-duan...

    winterdawnwinterdawn 评论0 收藏0
  • 老生常谈之响应式开发

    老生常谈之响应式开发

    摘要:什么是响应式设计作为一名合格的前端开发攻城狮工程师,做的最多的恐怕就是多端适配,多端兼容的工作了吧,那么如何解决一套代码多端并行且多端适配呢这个时候响应式开发就应运而生了。五标签的属性除了响应式图像,标签还可以用来选择不同格式的图像。...

    csRyancsRyan 评论0 收藏0
  • font-family 需要设置一个默认值

    font-family 需要设置一个默认值

    摘要:字义显示的字体,特定的字体用包裹,可以添加多个字体名,用逗号分隔。平时工作忙,一直没有处理这个问题。这个警告的原因是该字体声明没有指定默认字体,就是说如果前面这些字体都不存在,并没有默认字体可选。 font-family font-family 字义显示的字...

    JeffJeff 评论0 收藏0
  • css overflow-scroll-with-padding (Webkit VS Firefo

    css overflow-scroll-with-padding (Webkit VS Firefo

    摘要:场景有一个容器,宽高一定,有内边距,当容器的内容子元素超出容器时出现滚动条。这一场景在和表现不一致,布局。代码如下这是一个标题可以看到,会将滚动容器的下内边距一起作为滚动内容,而和不会。我们期望得到的是的行为。 场景:有一个容器,宽高...

    fishfish 评论0 收藏0
  • CSS3实现3D动画

    CSS3实现3D动画

    摘要:这是动画必备的属性,如果不添加这个属性,则动画会变成平面效果。最主要的就是知道自己的动画层次,头脑清晰的去部署完成动画需要的一切。 本篇文章给大家带来的内容是关于css实现3d动画特效的代码实例,有一定的参考价值,有需要的朋友可以参考一下...

    mtuniquemtunique 评论0 收藏0
  • css3D动画

    css3D动画

    摘要:前言本篇文章给大家带来的内容是关于实现动画特效的代码实例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 前言 本篇文章给大家带来的内容是关于css实现3d动画特效的代码实例,有一定的参考价值,有需要的朋友可以参考一下,希望...

    LittleLiByteLittleLiByte 评论0 收藏0
  • 一个让我很艹蛋的手机报表

    一个让我很艹蛋的手机报表

    摘要:需求如图用实现,代码如下,无注释。指定图表的配置项和数据总量是否平滑显示 需求如图:showImg("https://segmentfault.com/img/bVbtS5r?w=824&h=541"); 用echarts实现,代码如下,无注释。 var myChart = echarts.init(document.getElementById("...

    BrennerBrenner 评论0 收藏0
  • js内功修炼之九阳神功--原型链

    js内功修炼之九阳神功--原型链

    摘要:写在前面如果说是一本武学典籍,那么原型链就是九阳神功。那么,如何修炼好中的九阳神功呢真正的功法大成的技术是从底层上去理解,那种工程师和码农的区别就在于对底层的理解,当你写完一行代码,或者你遇见一个解决的速度取决于你对底层的理解。 写在...

    苏丹苏丹 评论0 收藏0
  • line-clamp无法生效的解决方案

    line-clamp无法生效的解决方案

    摘要:如果你在网上找了有关无法生效而没有收获的,希望这篇文章能帮到你在近一段时间工作中,遇到了一个需求一个简单的制作当中有超出两行文字省略且显示省略号笔主还是实习萌新,记得自己以前写类似效果的是单行,代码如下那么多行换行,在和搜索引擎后探究...

    468122151468122151 评论0 收藏0
  • CSS基础知识整理

    CSS基础知识整理

    摘要:语法基础语法规则由两个主要部分构成选择器以及一条或多条声明。语法名属性属性值属性属性值属性属性值选择器选择器用于描述一组元素的样式,也叫做类选择器。后代选则器又称为包含选择器,以空格分隔,子元素选择器只能选择作为某元素子元素的元素。 ...

    EdisonEdison 评论0 收藏0

热门文章

<