文章库ARTICLE COLUMN

  • 移动端页面小bug

    移动端页面小bug

    摘要:滑动时页面警告解决方法不支持的解决办法姓名身份证号码重点在于给设置高度和伪元素微信去掉底部返回横条问题框自动填充内容背景颜色为黄色设置文字不居中设置间距和等值即可 滑动时页面警告 [Intervention] Unable to preventDefault inside passive ...

    youkedeyoukede 评论0 收藏0
  • 如何让子元素在父元素中水平垂直居中七种方法?

    如何让子元素在父元素中水平垂直居中七种方法?

    摘要:第一种定位注意兼容性较好,缺点不支持以下的浏览器第二种定位注意兼容性好缺点必须知道元素的宽高第三种定位注意这是里的样式缺点兼容性不好,只支持的浏览器第四种弹性盒子移动端首选第五种移动端首选第六种形成子元素设置 html: green...

    MartinDaiMartinDai 评论0 收藏0
  • wkhtmltopdf chartjs

    wkhtmltopdf chartjs

    摘要:背景前文提到了项目中引用了,几经尝试一度以为它们互不兼容。终于还是找到了它们配合的点。如果影响页面显示,建议给导出多带带做一个页面。表格过宽导致显示被截断,是由于设置了样式,将其调整为默认即可。所以就没有继续解决。 背景 前文 提到了项...

    Simon_ZhouSimon_Zhou 评论0 收藏0
  • 0基础学编程,学前端-请先看完这个

    0基础学编程,学前端-请先看完这个

    摘要:也有很多想学前端的同学希望能有基础学前端的这方面的资料。其实基础刚开始不只是对前端的陌生,而是对计算机的陌生,对编程这个行业的陌生。所以计算机基础科学是一个不可或缺的理论知识。 背景 现在网上有很多文章以及一些培训课程打的标题是0基础学...

    宋华宋华 评论0 收藏0
  • 聊聊sticky定位

    聊聊sticky定位

    摘要:前言你知道定位有哪些值吗常规,绝对定位,相对定位。是的,正如标题提到的,它就是粘性定位。它后续的定位不会对后面的元素产生影响。该定位依赖于自身的阀值,所以必须设置其中之一的值才会有效,否则表现为相对定位。 前言 你知道position定位有哪...

    zhoutkzhoutk 评论0 收藏0
  • 栅格化系统的原理以及实现

    栅格化系统的原理以及实现

    摘要:实现让我们来亲自实现一个栅格化系统,假设我们要将一行划分为等分,那等分就占有的宽度。一个栅格化系统就这样实现了。 更多技术文章 什么是栅格化 在一个有限的、固定的平面上,用水平线和垂直线(虚拟的线,参考线),将平面划分成有规律的一系...

    dkzwmdkzwm 评论0 收藏0
  • springboot登陆页面图片验证码简单的web项目

    springboot登陆页面图片验证码简单的web项目

    摘要:写在前面前段时间大家都说最近大环境不好,好多公司在裁员,换工作的话不推荐轻易的裸辞,但是我想说的是我所在的公司好流弊,有做不完的业务需求,还有就是招不完的人最近我也是比较繁忙,但是还是要抽一点时间来进行自我复盘和记录,最近也写一个简单...

    孙吉亮孙吉亮 评论0 收藏0
  • 移动端开发IOS 6PLUS中表单输入造成的页面高度缩小bug

    移动端开发IOS 6PLUS中表单输入造成的页面高度缩小bug

    摘要:出现的地方就是在上滑块无法拖动,经过检测发现是在上有这个问题。弹窗是通过定位在页面上的。当表单激活的时候,由于手机自带的输入法弹起造成页面向上滚动,会隐藏页面顶部一部分。解决方法通过的事件改变的值为。记录一下开发终于到的问题。 先说下...

    jokesterjokester 评论0 收藏0
  • 前端小报 - 201903月刊

    前端小报 - 201903月刊

    摘要:热门文章我在淘宝做前端的这三年红了樱桃,绿了芭蕉。文章将在淘宝的三年时光折射为入职职业规划招聘晋升离职等与我们息息相关的经验分享,值得品读。 showImg("https://segmentfault.com/img/remote/1460000018739018?w=1790&h=886"); 【Alibaba-TXD ...

    李义李义 评论0 收藏0
  • CSS 之三角形

    CSS 之三角形

    .triangle { border: 50px solid red; width: 0px; height: 0px; border-top-color: green; border-left-color: yellow; border-right-color: blue; borde...

    linkFlylinkFly 评论0 收藏0
  • 初识wkhtmltopdf

    初识wkhtmltopdf

    摘要:背景最近接到一个客户需求,要求将学生的考试结果分析表格和图表导出到。本着最好不要额外安装软件的原则,搜索过后分别尝试了等等。但是实现效果都与预期差距较大。它们是开源命令行工具,使用渲染引擎将呈现为和各种图像格式。它们不需要显示或显示服...

    AprilApril 评论0 收藏0
  • Hexo博客迁移之旅(Coding到腾讯云COS)+ Travis CI持续集成

    Hexo博客迁移之旅(Coding到腾讯云COS)+ Travis CI持续集成

    摘要:博客从迁移到腾讯云最近的服务一直不稳定,这两天访问还出现,重新部署也无法解决。码云自定义域名收费,只好迁移到腾讯云上了。不会配置的可以参考官方示例直接就发布到腾讯云上了,访问速度相当快,对也好。 Hexo博客从Coding迁移到腾讯云COS 最近co...

    _ang_ang 评论0 收藏0
  • web前端开发中遇到的问题整理记录——2019-04

    web前端开发中遇到的问题整理记录——2019-04

    摘要:目录匹配下标是奇数或偶数的子元素获取屏幕高度小程序显示不出的原因小程序状态栏沉浸式小程序引用图标正文匹配下标是奇数或偶数的子元素奇数偶数获取屏幕高度获取览器显示区域的高度获取浏览器显示区域的宽度获取页面的文档高度获取页面的文 目录 1.c...

    dendoinkdendoink 评论0 收藏0
  • 伪元素能做好多事

    伪元素能做好多事

    摘要:但是我们总不能把图标和字一起摆出来,所以我们使用伪元素加上字后,将字的调为字就不显示啦真的是好用又方便我是文字图标超长文字的省略号开发过程中,尤其是表格中经常会有这样的需求,文本超多一定长度要隐藏掉,后面跟上三个点表示未完待续。。。 ...

    CKJOKERCKJOKER 评论0 收藏0
  • CSS3动画之逐帧动画

    CSS3动画之逐帧动画

    摘要:什么是逐帧动画要了解逐帧动画,首先要明确什么是逐帧动画。简而言之,实现逐帧动画需要两个条件相关联的不同图像,即动画帧连续播放。因此在触屏页面中逐帧动画使用广泛,下文将对其进行详细介绍。因此,逐帧动画也被称为精灵动画。 什么是逐帧动画要...

    RancherLabsRancherLabs 评论0 收藏0
  • #Less# less相关知识点总结

    #Less# less相关知识点总结

    摘要:是一门预处理语言,它扩展了语言,增加了变量函数等特性,使更易维护和扩展。所以在生产环境中,我们需要事前把文件编译为正常的后,在相应文件中引入,以后用户访问的都是编译好的,为不是拿现编译的。代码编译为的结果 Less和CSS的区别 HTML和CSS不...

    meteor199meteor199 评论0 收藏0
  • 前端必懂之熟悉又陌生的BFC

    前端必懂之熟悉又陌生的BFC

    写在最前:BFC看起来是个很陌生的概念但它却时时发生在我们工作中,如何清除浮动影响?如何避免margin穿透问题?如何编写两栏自适应布局?都和BFC有这密不可分的关系,下面走进切图妞的世界,分分钟搞定BFC! 一、什么是BFC? BFC概念 块格式化上下文(Bloc...

    philadelphiaphiladelphia 评论0 收藏0
  • 重温 Flex 布局

    重温 Flex 布局

    摘要:而通过实现则简单多了源码原因解释中间一栏为核心,所以需要优先渲染,结构也就放在了前面,主要是使用属性将放置到前方。源码的列数每列的个数函数原因解释实现瀑布流还是比较简单的。 介绍 这是关于 Flex 布局的实践,原想还水一点字数来介绍 Flex ...

    bintabinta 评论0 收藏0
  • 《CSS世界》阅读笔记(一)

    《CSS世界》阅读笔记(一)

    这篇主要记录了第一二章内容,因为多为概述,所以篇幅较短 流体布局 流体布局:指的是利用元素流的特性实现的各类布局效果。流体布局 ≠ 自适应布局自适应布局是对凡是具有自适应特性的一类布局的统称,流体布局要狭窄得多。 table 自...

    xavierxavier 评论0 收藏0
  • ::after 1px 间隔线在 Safari 显示颜色不同于其它的问题

    ::after 1px 间隔线在 Safari 显示颜色不同于其它的问题

    摘要:前言在一个菜单面板的时候,把间隔线设置成了绝对像素,生成的效果是下面这样的,在一个线跟其它的不一样。但在上就不会出现这问题。解决细找问题,找出来了,我在内写的是,也就是说,在纵向压缩的时候,压缩的是。换成用,也就是用的主体。 前言 在...

    nemonemo 评论0 收藏0
  • 码code|腾讯大佬带你深入理解小游戏的架构设计与开发

    码code|腾讯大佬带你深入理解小游戏的架构设计与开发

    摘要:在技术上微信小游戏和小程序的区别是什么开发商在开发一款小游戏的时候通常会遇到什么问题怎么去规避和解决,来自腾讯游戏云资深架构师余国良,将会给我们带来微信小游戏架构设计与开发方向。 转载来源:云加社区原作者:余国良 小游戏自发布以来,微...

    LavenderLavender 评论0 收藏0
  • 你真的懂JavaScript基础类型吗

    你真的懂JavaScript基础类型吗

    摘要:基本类型有六种,,,,,。类型是类数组,具有基础类型检测检测基础类型用只适合检测基础类型基础类型转换基本类型转换时,首先会调用,然后调用。该方法在转基本类型时调用优先级最高。 夯实Javascript基础。 基本类型有六种: null,undefined,boo...

    ernest.wangernest.wang 评论0 收藏0
  • 纯CSS实现垂直居中的几种方法

    纯CSS实现垂直居中的几种方法

    摘要:垂直居中是布局中十分常见的效果之一,为实现良好的兼容性,端实现垂直居中的方法一般是通过绝对定位,,负边距等方法。有了,针对移动端的垂直居中就更加多样化。方法这实际上是方法的变形,移位是通过来实现的。 垂直居中是布局中十分常见的效果之一...

    FullStackDeveloperFullStackDeveloper 评论0 收藏0
  • CSS选择器的分类

    CSS选择器的分类

    摘要:每个声明是一个属性和该属性的值的组合元素选择器最常见的选择器往往是元素。这个选择器可以与任何元素匹配,就像是一个通配符类选择器要应用样式而不考虑具体涉及的元素,最常用的方法就是使用类选择器。 《PHP 面试问答》 结合实际 PHP 面试,系统的...

    jiekechoojiekechoo 评论0 收藏0
  • 为你的网页添加深色模式

    为你的网页添加深色模式

    摘要:最近推出了新版的,并希望能够在浏览器中检测到新加入的深色模式。能够对页面容器上的边框阴影进行更新,使其在使用深色模式时不太透明。利用使用为按钮创建不同的样式和交互我们可以利用为深色和浅色主题的按钮创建不同的样式和悬停交互。 翻译:疯狂...

    gaosboygaosboy 评论0 收藏0

热门文章

<