ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

网上找了一些学习前端的感悟

2019-12-30 09:51:33  阅读:199  来源: 互联网

标签:感悟 font dom 标签 前端 元素 ajax div 网上


关于标签:常见的标签记一下,a、p、span、h1-h6、div、ul、li、img、ol、dl、dd、dt、input、button等等。然后需要记住哪些是行内标签,哪些是块级标签。

常见的行内标签有:a、span、i、s、b、strong、img、input、select等。

常见的块级标签有:div、h1-h6、ul、li、ol、dl、dd、dt等。

然后记住两点:1、行内标签可以并排放置,设置的width和height无效,margin和padding也无效,可以通过改变display样式为block来实现转换成块级元素。2、块级元素独占一行,如果需要让块级元素并排,那么可以使用float浮动或者让块级元素的display设置为inline-block。

关于css样式:css样式要说的东西实在太多了。我挑重点的说一下,div布局中的margin、padding等要计算好,然后就是float浮动布局,然后就是定位,通过这些可以确定div之间的关系,用到的套路就是那些,子绝父相,居中的margin 0 auto,然后就是定位的left 50% + margin -(width / 2)这样的套路。然后字体方面就是font相关的属性,font-family,font-size,font-weight,color 等属性,然后还有一些背景相关的东西,background-color,background-size,background-position 等。边框 border:1px solid #cc 之类的样式。实在太多套路了,有时间再具体总结。
关于javascript方面:javascript首先是由ECMAScript + Dom + Bom三个部分组成的。第一部分ECMAScript讲解了js这门语言的基础,变量,标识符,循环,判断,数组,对象,函数等语法格式。第二部分Dom包括获取dom元素,修改dom元素的属性,修改dom元素的样式,给dom元素添加事件,dom元素的增删改查等。第三部分Bom包括对浏览器的操作,打开关闭浏览器,获取浏览器的宽高,滚动条操作等。  

JS中还有一个就是Ajax,ajax可以请求后端数据,然后实现动态渲染页面的功能,这个是必要掌握的。JS原生的ajax非常繁琐,现在一般的JS框架都封装了完整的ajax框架,比如JQuery中的$.ajax函数以及$.get,$.post函数等,然后vue.js中也封装了this.http等框架,十分方便的可以使用ajax。Ajax方面主要要求理解什么是同步,什么是异步。

异步就是在发起一个请求的同时可以进行另外一个操作,而同步就是相当于程序顺序执行一样,必须等待一次请求响应之后才能够执行下一个操作。异步就相当于多线程一样,一个独立运行的任务。


作者:BuddhaCoder
链接:https://www.jianshu.com/p/f92b9340798a
来源:简书

标签:感悟,font,dom,标签,前端,元素,ajax,div,网上
来源: https://www.cnblogs.com/Masterprogrammer/p/12118134.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有