关键字:布局
  • 如何实现优美的骨架屏
    对于前端来说,最重要的莫过于用户体验了,这次我们聊一聊骨架屏 - Skeleton Screen 我们平常对于需要请求加载的内容,可能用的比较多的是loading动画,比如在内容区域放一个菊花图,当请求结束,并且render tree构造完 ...
  • 你知道Web前端开发都需要学哪些知识吗?
    Web前端开发都需要学那些吗?相信很多想要学习web的小伙伴都不是很了解,下面小编就带大家一起来看一看吧! 在学习过程中有什么不懂得可以加我的WEB前端学习交流扣扣qun,前面是328,中间400,后面是314。群里有不错的学习教程与开发工 ...
  • 新人学习web前端必须要知道的基础知识,让你轻松入门
     Web前端开发是由网页制作演变而来的,主要由HTML、CSS、JavaScript三大要素组成。专业的Web前端开发入门知识也一定会包含这些内容,今天小编就给大家简单介绍一下。 HTML  超文本标记语言,标准通用标记语言下的一个应用。包 ...
  • web前端入门到实战:CSS的语法与工作流
    本篇则主要介绍CSS的语法与CSS是如何工作的。 CSS语法 1. 基本规则 CSS规则主要由两部分组成:选择器(selector)与声明(declarations)。 选择器(selector)是开发者希望改变样式的HTML元素。 声明( ...
  • web前端入门到实战:CSS的逻辑属性与盒子模型
    首先开篇之前先提个问题: 为什么Flex box跟Grid box的是以start、end为排列规则,而不是常规的top 、right 、bottom 跟left? 先不要急着往下翻,大家先思考一下。 这个问题的答案,鱼头会在文章中给出,欢 ...
  • web前端入门到实战:CSS浏览器的视图与坐标
    为什么Flex box跟Grid box的是以start、end为排列规则,而不是常规的top 、right 、bottom 跟left? 现在各位看官有答案了吗? 因为上一篇中有提到过CSS 逻辑属性的变革,从物理概念跳跃到了逻辑概念,也 ...
  • Flex布局(1)
    .user { width: 500px; height: 500px; ...
  • html2canvas+jspdf踩坑之路
             最近刚完成了项目中所有模块的详情页导出pdf功能。本来开始后端接了这个活,前端只要传过去单号就好,可是做到最后一直实现不来,页面总是显示一半,于是,后端把活让给了我?          还好,同组的其他伙伴项目中有用到过, ...
  • 网站页面设计笔记--前期准备与Header制作
    前期准备 1.建立文件结构。然后分成资源和提供两个文件夹。一个存入本地使用,一个存入外部引入(Grid布局和normalize css在外部)再分别放入图片/css/js之类的 image.png 2.通过link使用文间结构中的css i ...
  • web前端入门到实战:来做一个简单的蔚来汽车官网首页
    首先来看看蔚来官网长什么样子 不会做动图,所以具体效果可以去蔚来官网看 HTML 根据效果,我们来分析一下 页面加载进去后会有黑色的背景,然后慢慢地图片和文字动画加载出来说明背景图不是在父亲节点加背景图片,否则不会有黑色背景和图片的动画那么 ...

暂无数据