vue项目之去哪儿网 一、header区域 前面一些css和html布局就不多说,就说几个关键点。 像背景色这种在全局里面都比较常见的颜色,可以打包放在另一个文件中,这样下次修改风格颜色时 维护起来就十分方便: 在styles目录下新建一个 variables.styl 文件,里面定义一个变量为 $ ...
分类:
其他好文 时间:
2020-06-28 14:57:47
阅读次数:
203
任何一个JS插件,都可以看做是一个组件。 组件包含三种东西:HTML布局,CSS样式表,JS代码。 组件使用的时候:要也是要注意三个东西 一.html布局。 通过HTML结构分析,来快速的了解,插件的html布局。 1.HTML一般只有两种结构,父子结构,兄弟结构。 2.分析层数,分析出最精简的结构 ...
分类:
Web程序 时间:
2020-03-27 21:51:24
阅读次数:
125
基本效果如图: 这里的烟花特效 是配合鼠标点击去实现的 (你要是想绑定别的事件也可) 创建一个烟花,从底部升起运动到目标位置 到达目标位置之后,删除它的同时 炸出一堆烟花 HTML布局+CSS样式 <div class="container"></div> 1 <style> 2 .containe ...
分类:
Web程序 时间:
2020-03-22 11:15:10
阅读次数:
151
* html布局和css样式在最下 基本效果如图: 1、面向过程 1 <script> 2 // 1. 找到所有的按钮 3 // 2. 给按钮添加事件 4 // 3. 根据按钮的下标显示对应的内容 5 6 // 1. 找到所有的按钮 7 var btns = document.querySelect ...
分类:
Web程序 时间:
2020-03-22 10:59:38
阅读次数:
92
一、html布局主要有两种:使用div元素的布局使用span元素的布局 1.table元素布局 优点: 理解比较简单 不同的浏览器看到的效果一般相同 缺点: 显示样式和数据绑定在一起。 布局的时候灵活度不高。 一个页面可能会有大量的table元素,代码冗余度高。 增加带宽。 搜索引擎不喜欢这样的布局 ...
分类:
Web程序 时间:
2020-03-09 17:59:04
阅读次数:
79
1.HTML布局的基本: 区块元素:该元素标签的显示以新的一行来作为开始。 h1\p\ul\table 内联元素:元素标签的显示不会以新的一行开始 td\a\img div: 块级元素,作为其他元素的容器 span:内联元素,作为其他文本元素标签的容器 总结:网页布局采用span 或者div进行布局 ...
分类:
Web程序 时间:
2020-03-07 21:14:16
阅读次数:
118
HTML布局 网站常以杂志、报纸样式显示 使用<div>元素的HTML布局,方便通过css对其进行设计 <!DOCTYPE html> <html> <head> <style> #header{ background-color:balck; color:white; text-align:cen ...
分类:
Web程序 时间:
2020-02-29 00:47:30
阅读次数:
88
布局是一个很艺术的话题,即使是相同的HTML文档结构,但加上不同的css样式就会呈现出不同的效果。接下来就来总结一下html常用的布局。 一、布局的分类: 根据页面板块分类: 页面的板块主要是根据栏目的行、列组合起来的,这里的行列组合是根据网页显示效果确定的,而不是HTML结构,如:单行版式,三行版 ...
分类:
Web程序 时间:
2020-02-24 13:11:38
阅读次数:
142
栅格系统 描述: 栅格系统(grid System)是bootstrap创建的一个用于页面构建的html布局系统 该系统通过提供的类名来将容器等分12个结构(可理解为每行12列) 通过对容器的宽度指定(如3+3+3+3)来进行页面的快速构建 说明: (1)响应式布局(一套代码,能在不同的页面中有不同 ...
分类:
其他好文 时间:
2020-02-09 11:27:45
阅读次数:
60
持续心累的找工作阶段算是结束了,不同公司对面试的知识侧重点不同,整体的感受就是:大公司可能更偏向一些JS基础或者原理、html布局、一些经典算法方面。小公司的面试更加侧重对经验和细节的把握,或者说是偏向于解决问题层面的比如说给你一个场景用你的一些想法来解决问题。现将我在面试过程遇到的问题总结下。目前 ...
分类:
其他好文 时间:
2020-01-21 21:52:16
阅读次数:
98