前端粗总呐及重要知识点

前端工作流

?1.代码书写    2.代码编译    3.代码压缩   4.图片等压缩   5.版本控制     6.测试

前端布局: 

1.栅格    2.流式    3.响应式    4.圣杯 (padding占位布局——CRM常见的左部和右部)

前端那些可以性能优化:

?1.域名地址   2.域名解析    3.三次握手(请求—回应—发送)   4.HTML  (加载资源)    5. JS

?

减少网站的请求次数?

1.文件压缩(HTML、css、js、图片)

2?.图标字体(尽量用字体代替图片)

3.css   sprst  (将小图片整合一张图片)?

4.文件的缓存

5.ajax缓存

6.CDN加速

7.文件合并

8.css选择器

9.减少JS  DOM的缓存?

如何居中一个元素??

横向:

?1.margin:0 auto

2.定位  50%

3.text-align:center

4.JS动态居中

5.HTML4.0  里面的center

6.padding 百分比%

7.margin  百分比%

8.用空的DIV占位挤过去

纵向:?

1?.padding 调试

2.margin  调试

3.line-height

4.定位

5.th(表格标签display:tablecell)?

什么是css回流和css重绘??

?1.css回流:同一个属性两个css样式先执行前一个,随后执行的一个会覆盖前面一个css的样式

2.css重绘:排版、结构发生事件,所造成的重新绘制?

时间: 2024-10-11 07:20:20

前端粗总呐及重要知识点的相关文章

前端开发零基础必备基础知识点!

HTML是HyperText Markup Language(超文本文本标记标签语言),通过HTML,浏览器才能解析文档,在页面上显现文档的内容和结构.同时HTML 也是网络三大基石之一:URL(统一资源定位符),HTTP(超文本传输协议).超文本就是视频,音频和图片. HTML的行内标签,块级标签,空标签有哪些? 行内标签:a b span img input select strong 块级标签:div ul ol li dl dt dd h1-h6 p 空/单标签:br hr img li

粗结MySql数据库基础知识点之一

首先弄什么是数据库? 数据库就是用来存储和管理数据的仓库. 数据库存储数据的优点: 1.可存储大量的数据  2.方便检索  3.保持数据的一致性,完整性  4.安全 可共享  5.通过组合分析,可以产生新的数据. 数据库的发展历程: 1.没有数据库,使用磁盘文件来存储数据 2.层次结构模型数据库 3.网状结构模型数据库 4.关系结构模型数据库  (使用二维表格存储数据) 5.关系-对象模型数据库 注:关系模型由关系数据结构,关系操作集合,关系完整体约束三部分组成 MySql是一个关系结构模型数据

如何设置potplayer播放时总在最前端

1.测试平台:potplayer 64位 2.步骤:在播放器界面上点击右键->选项->基本->最前端方式-选播放视频时在最前端(或是总在最前端) 3.选择:基本->最前端方式->应用

前端知识点总结1

前端知识点总结 WendySays 关注 2016.10.14 17:10* 字数 1074 阅读 759评论 3喜欢 8 知识框架 知识框架图,每个部分有很多书推荐https://github.com/JacksonTian/fks Paste_Image.png 浏览器工作原理 How browsers work 浏览器工作原理相关的译文 浏览器渲染浏览器的渲染原理简介 看到这个标题大家一定会想到这篇神文<How Browsers Work>,这篇文章把浏览器的很多细节讲得很细,而且也被翻

html 7大知识点

HTML是web前端开发的基础,学习前端的人都是先从html学起的. 关于HTML有一些必备的知识点,这些知识点都是HTML中最基本的内容,也是前端面试最常问的知识点. 1.网页结构网页结构一般都包含文档声明DOCTYPE,并且在head中的meta应该包含编码格式.关键字.网页描述信息.简单格式如下:<!DOCTYPE html><html><head><meta charset="utf-8"> <meta name="

Web前端笔试面试题汇总(转自github)

前言 本文总结了一些优质的前端面试题(多数源于网络),初学者阅后也要用心钻研其中的原理,重要知识需要系统学习,透彻学习,形成自己的知识链.万不可投机取巧,只求面试过关是错误的! 面试有几点需注意: 1.面试题目: 根据你的等级和职位变化,入门级到专家级:范围↑.深度↑.方     向↑. 2.题目类型: 技术视野.项目细节.理论知识题,算法题,开放性题,案例题. 3.进行追问: 可以确保问到你开始不懂或面试官开始不懂为止,这样可以大大延     展题目的区分度和深度,知道你的实际能力.因为这种关

前端经典网址收藏

1.阿里技术--javascript面向对象===http://www.cnblogs.com/dolphinX/p/4385862.html 2.悟透javascript===http://www.cnblogs.com/leadzen/archive/2008/02/25/1073404.html 3.js常用知识点集合===http://www.cnblogs.com/pingfan1990/p/4309223.html 4.汤姆大叔===http://www.cnblogs.com/To

前端极致之美 - Hybird混合应用的前景

群里经常有人@我,群主你的工作是干嘛? 然后我会不厌其烦的解释Hybird混合应用.平台开发.无编程快速开发! 这篇文章的本意也不是要吹捧Hybird有多么强大,只是用自己的项目阐述下对于前端开发一个更深层次的见解 我想大部分脑海中都是这个概念 :javascript只是一个脚本语言,无非就是做做页面的效果,验证下表单.做做ajax的无刷新 那么接下来的内容将要颠覆你的认知,前端原来也可以这样强大!  开始我们先了解下目前前端的二个大的方向定位: 传统的web开发 WebApp开发 传统的web

表单提交---前端页面模拟表单提交(form)

有些时候我们的前端页面总没有<form></form>表单,但是具体的业务时,我们又必须用表单提交才能达到我们想要的结果,LZ最近做了一些关于导出的一些功能,需要调用浏览器默认的下载功能,如果用ajax请求,则无法调用.所以只能用表单提交的方式请求后台方可调用浏览器默认的下载功能.这个时候我们只能自己手动添加<form></form>元素.这里LZ提供我自己遇到的两种情况: 一:在原有的html结构包上<form></form>标签,