文章库ARTICLE COLUMN

  • 第三集: 从零开始实现一套pc端vue的ui组件库(button组件其一)

    第三集: 从零开始实现一套pc端vue的ui组件库(button组件其一)

    摘要:第三集从零开始实现组件本集定位为什么要叫那因为我感觉这个组件细节比较多应该会讲很多内容所以先把基础功能在这一集实现下集去做拓展组件这是一个基本上每个工程都会用到的组件传统的千篇一律的样式仿佛按钮不做的一样就没法用似的我偏要加一些别人没...

    chnmagnuschnmagnus 评论0 收藏0
  • 我的前端规范系列-高清屏适配[按标准来就行]

    我的前端规范系列-高清屏适配[按标准来就行]

    摘要:因为只有用到位图的地方才会出现像素缺失和像素丢失的状况其他的元素都是系统绘制的矢量图形不受是否是高清屏幕的影响。解决方案图标准还是按照上方的标准。比如大小为的按钮按上面标准换算成为这就蛋疼了,你无法直观看出这个按钮多大修改起来更是蛋疼...

    TecodeTecode 评论0 收藏0
  • 第五第六天

    第五第六天

    摘要:上面让我看看一些概念直接做任务感觉还是对我来说太难了,完全没有思路,主要还是看别人代码还好能看到别人提交的,看懂然后自己敲一遍,其实好像这样也能有一点小收获,总好过放弃不做吧引用一个笔记第五六天 2019.4/4 大概六个小时?不想记时间了感...

    darrydarry 评论0 收藏0
  • 从css到页面样式渲染

    从css到页面样式渲染

    摘要:对应多种语法规则可以为指定样式。渲染页面绘制到屏幕后,页面结构的改变也有可能导致渲染树重新计算,其中重排和重绘是最耗时的部分。 写了这么多class,color,background,display...; 也许有时候会疑惑,怎么就显示在页面上,改变元素的样式。 本文简...

    NekronNekron 评论0 收藏0
  • 前端知识整理1

    前端知识整理1

    前端知识整理,包括html/css/js,但不限于这三大类,持续更新中。本人水平有限,如有错误或更好的答案,欢迎指正,望各位不吝指教。:) 1.HTML 2.CSS 2.1 css三栏布局实现方案 题目:假设高度已知,请写出三栏布局,其中左栏、右栏宽度各为300px,中间自适...

    or0funor0fun 评论0 收藏0
  • 移动端页面小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

热门文章

<