文章库ARTICLE COLUMN

  • 如何避免无样式内容闪烁(FOUC)?

    如何避免无样式内容闪烁(FOUC)?

    什么是FOUC? FOUC - Flash Of Unstyled Content 文档样式闪烁 即 文档样式短暂失效如果使用 import 引入 css 文件会导致某些页面在IE下出现一些奇怪的现象: 以无样式显示页面内容的瞬间闪烁 形成原因 通过 @import 引入 css 样式 @import "../fou...

    孙吉亮孙吉亮 评论0 收藏0
  • 常见的css布局

    常见的css布局

    实现两边定宽,中间自适应 1.圣杯布局 首先html结构如下 圣杯布局 2111111111111 left right css部分 *{ margin: 0; padding: 0; } ...

    wayneliwayneli 评论0 收藏0
  • vue项目之bug无处不在(一)style-loader依赖缺失

    vue项目之bug无处不在(一)style-loader依赖缺失

    摘要:一依赖缺失好好的项目,两天不管你,怎么就闹脾气,非要整出这么一个,原因还未找到报错如下知道原因的小哥哥小姐姐,麻烦留个言,感激不尽按照提示然后依然报错尝试删除删除后,执行然后,重新执行奇迹般成功了 一、style-loader依赖缺失 好好的项目...

    coordinate35coordinate35 评论0 收藏0
  • CSS Grid响应式网页布局 - W3Schools视频03

    CSS Grid响应式网页布局 - W3Schools视频03

    摘要:继续响应式网页布局的实现,今日讲的是方案。就是为二维布局设计的,最适合用来做网页布局。其中是最小宽度单位,等于六个等于三个等于两个而则等于五个。 继续W3Schools响应式网页布局的实现,今日讲的是CSS Grid方案。CSS Grid就是为二维布局设计的...

    leejan97leejan97 评论0 收藏0
  • 幻灯片如何实现 - W3Schools视频04

    幻灯片如何实现 - W3Schools视频04

    摘要:幻灯片是网页上常见的一项功能,今日我们来看看上的幻灯片教学。这就是幻灯片最核心的逻辑。系列全部视频响应式网页布局响应式网页布局响应式网页布局幻灯片如何实现响应式导航如何实现 幻灯片(Slideshow)是网页上常见的一项功能,今日我们来看看W3S...

    gyl_codergyl_coder 评论0 收藏0
  • PC端各分辨率适配

    PC端各分辨率适配

    摘要:最近在写一个端的活动页面,即将完工的时候,增加了个需求,想让页面适配不同的分辨率,既然提出了这样的需求,那么我们就要去尽量满足。 最近在写一个PC端的活动页面,即将完工的时候,增加了个需求,想让页面适配不同的分辨率,既然提出了这样的需求...

    raoyiraoyi 评论0 收藏0
  • Vue基础之计算属性

    Vue基础之计算属性

    摘要:计算属性这时,我们就可以轻松应用结果在多个地方,而且代码还看起来更清晰了。每个计算属性都包括和,我们平时默认用到的是来读取。计算属性依赖的数据变化时,它才会重新取值,只要依赖数据不变化,它就不更新,可以缓存数据。 适用场景 设想一个场...

    huaixiaozhuaixiaoz 评论0 收藏0
  • Web前端开发流程

    Web前端开发流程

    摘要:页面开发由小组长创建前端目录,包含页面开发目录如及提取剥离目录如。提交验收当有阶段性产出后,小组长上报主管,安排经验丰富的前端工程师进行代码验收。 开发前准备 了解产品和设计 参加需求、交互、视觉会议,了解产品设计和项目成员。 了解产品...

    fox_soyoungfox_soyoung 评论0 收藏0
  • 前端—初级阶段3(9-12)

    前端—初级阶段3(9-12)

    摘要:屏幕可见的最大宽度高度。相对于当前对象内文本的字体尺寸。特点值并不固定会继承父级元素的字体大小。所有未经调整的浏览器都符合。相对于父元素相对于根元素视窗宽度。可视区高度的和中较小的那个。一般情况之下,像素称为与设备无关的像素,简称。 ...

    rottengeekrottengeek 评论0 收藏0
  • 兼容移动端 js弹出框实现微信禁止h5禁止网页下拉,滚动穿透,禁止微信内置浏览器下拉网页

    兼容移动端 js弹出框实现微信禁止h5禁止网页下拉,滚动穿透,禁止微信内置浏览器下拉网页

    摘要:弹出层触发时候页面设置为高度百分百将不能滚动设置的样式为取消时候把样式重置还原为最初弹出层遮罩层灰色区域点击关闭遮罩层遮罩层阻止冒泡默认事件弹出层禁止页面弹出框弹出时候市面下拉滚动监听事件,这样一来整个页面将不能滚动所以添加一个判断你...

    robinrobin 评论0 收藏0
  • 前端人工智能:通过机器学习推导函数方程式--铂金Ⅲ

    前端人工智能:通过机器学习推导函数方程式--铂金Ⅲ

    摘要:我们能不能找到自己对应的维度和发生过的事情联系起来,然后用人工智能去机器学习并训练出一个属于我们自己一生命运轨迹的函数。。。。 showImg("https://segmentfault.com/img/bVbpWfK?w=1364&h=352"); 什么是tensorflow.js tensorflow.js是一个能运...

    kgbookkgbook 评论0 收藏0
  • Web 性能优化:21种优化CSS和加快网站速度的方法

    Web 性能优化:21种优化CSS和加快网站速度的方法

    摘要:优化需要一个多维的方法。的规范允许省略属性组中的最后一个分号。省略提高性能的一个简单方法是使用标准的一个特性。在运行它如果你希望将产品集成到中,请访问。维护不良的存储库包含一组包装器文件和。 showImg("https://segmentfault.com/img/bVbp...

    callmewhycallmewhy 评论0 收藏0
  • 【HTML/CSS】CSS实现垂直水平居中

    【HTML/CSS】CSS实现垂直水平居中

    摘要:相信在工作中经常会遇到需要某某元素垂直水平居中的需求,下面总结一下实现方法元素已知宽度绝对定位反向偏移元素未知宽度绝对定位流体特性当一个绝对定位元素,其对立定位方向属性同时有具体定位数值的时候,流体特性就发生了。 相信在工作中经常会遇...

    linkFlylinkFly 评论0 收藏0
  • 前端基础之-响应式,flex,适配(px、em、rem、%、vm)

    前端基础之-响应式,flex,适配(px、em、rem、%、vm)

    摘要:屏幕分辨率指在横纵向上的像素点数,单位是,个像素点。屏幕像素密度与屏幕尺寸和屏幕分辨率有关物理像素像素设备像素物理像素分辨率买手机的时候会有一个的分辨率,那是屏幕的个呈像的点,一个点小方格为一个物理像素。 响应式-@media 响应式就是一个...

    RoctureRocture 评论0 收藏0
  • 【HTML/CSS】什么是盒子模型

    【HTML/CSS】什么是盒子模型

    摘要:盒子模型就是在网页设计中经常用到的技术所使用的一种思维模型。网页设计中常听的属性名内容内边距边框外边距,盒子模式都具备这些属性。 CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。网页设计中常听的属性名:内容(content)...

    AccemlAcceml 评论0 收藏0
  • 前端面试题 -- HTML+CSS

    前端面试题 -- HTML+CSS

    摘要:内核原为,现为内核,等。但盒子的大小由这几部分决定是一个属性,与盒子模型有着密切联系。 前言 貌似又到了一年一度跑路跳槽的时刻,由于个人的一些原因最近也参加了很多面试,发现有很多基础性的东西掌握程度还是不够,故此想总结一下最近面试遇到...

    shiinashiina 评论0 收藏0
  • vertical-align 和 line-height | 垂直居中

    vertical-align 和 line-height | 垂直居中

    摘要:垂直居中当设置此时的页面看似垂直居中,但是并没有完全垂直居中。中线位置字符的中心并不是字符内容的绝对居中位置。这种通过定高,元素垂直居中的方法不仅适用于现代浏览器,连浏览器也是支持的。 今天在写样式时,icon和文字都进行了垂直居中的处理...

    ybakybak 评论0 收藏0
  • Canvas 点线动画案例

    Canvas 点线动画案例

    摘要:运动坐标变量坐标变量绘制方法画布渲染清除画布位置变化绘制继续渲染动起来的多点多线动的是点,画的是线给对象添加运动变量和两个值表示点在轴和轴的运动量此处为在之间运动。 Canvas 点线动画案例 画圆: arc(x, y, r, start, stop) 画线: moveTo(x...

    mykurisumykurisu 评论0 收藏0
  • 【Hello CSS】序章-起源

    【Hello CSS】序章-起源

    摘要:在年月,在经过多方的讨论之后,推出了。这一规范一出现就引起了各方的注意,随即公司和公司纷纷表示自己的浏览器能够支持。这个特殊规则是将设置为,将设置为。 作者:陈大鱼头 github: KRISACHAN HTML的诞生 HTML是怎么来的? 在1982年的时候,...

    null1145null1145 评论0 收藏0
  • react项目如何使用iconfont

    react项目如何使用iconfont

    摘要:项目中通常会使用作为图标显示的解决方案,这里介绍下如何在项目中配置。准备工作首先配置好项目,关键需要注意前缀和两个配置。当我们配置好项目之后,就可以导出样式文件,复制如下图中的链接中的内容备用。正餐开始创建文件。 项目中通常会使用icon...

    DonaldDonald 评论0 收藏0
  • 前端培训-初级阶段(5 - 8)

    前端培训-初级阶段(5 - 8)

    摘要:前端最基础的就是。类同于标签将对象作为弹性伸缩盒显示。定义了一条立方贝塞尔曲线。是,表示终止时间和终止状态。动画过渡可以理解为两个关键帧的补间操作。往期前端培训初级阶段后记年月日更新。参考资料引用培训目录出处已备份到笔记速查视差滚动 ...

    PAMPANGPAMPANG 评论0 收藏0
  • 那些很熟却又不是很熟的知识

    那些很熟却又不是很熟的知识

    摘要:本文为知识整理,可能工作中用到这些东西不多,可是总有人想让你会前言小时候很渴望长大,羡慕大人们的财富自由长大后又很羡慕小时候,怀念小时候的无忧无虑,守候着那份天真。哦,还有,不是长大就能财富自由。。。 本文为知识整理,可能工作中用到这...

    jifeijifei 评论0 收藏0
  • 伪类选择器 first-child 误用

    伪类选择器 first-child 误用

    摘要:伪类选择器误用背景最近遇到一个伪类选择器的问题,一直困扰了我好久,因为我居然发现跟我想象中的用法不一样,后来才发现居然确实是自己搞错了,不禁大感惭愧。而伪类前面的标签类型,只是起到个筛选的作用。 伪类选择器 first-child 误用 背景 最近...

    malakashimalakashi 评论0 收藏0
  • 让一排图片水平居中对齐

    让一排图片水平居中对齐

    摘要:所以要想让一排图片水平居中只需要给父级使用的属性,子集用行级元素包裹图片,就可以实现一排图片水平居中对齐了。 先来理解一下 块级元素:独占一行,可以理解为是一个方块面,有宽高。常见的块级元素有:div p h1...h6 ul ol form table address...

    leeonleeon 评论0 收藏0
  • CSS尺寸单位介绍

    CSS尺寸单位介绍

    摘要:前端开发过程中,尺寸单位是我们必须用到的,下面我们对中常见的几种尺寸单位进行逐一介绍在这之前,需要先对几个概念进行普及介绍基本概念以下概念读起来可能有些晦涩,如果看不懂也没关系像素它不是自然界的物理长度,指基本原色素及其灰度的基本编码...

    zhaotzhaot 评论0 收藏0

热门文章

<