随笔分类 - web前端基础
摘要:情况是这样的,项目用的restful规范,后端用的django+djangorestframework,前端用的vue-cli框架+webpack,前端与后端交互用的axios,然后再用户登录之后,axios添加token作为axios的header并请求后端,后端部分用的djangorestframework的认证组件。
阅读全文
摘要:Object对象
说这个对象之前,如果您对编程语言开发稍微有点了解的话,应该知道面向对象是什么意思,而js也有面向对象一说,就因为如此,js才会这么强大。
什么是面向对象
其实所有支持面向对象的编程语言,对于这个面向对象的概念都一样的,所以你学会了此概念,理解其他任何语言的面向对象都很简单,所以我这里也不再废话了,可以看我之前的Python部分关于面向对象的讲解
阅读全文
摘要:编辑器选择
对js的编辑器选用,有很多,能对html编辑的,也能对js编辑,比如notepad++,visual studio code,webstom,atom,pycharm,sublime text,Hbuilder等等的,根据你的喜好来就行
调试
在我们编写js时,也可以像调整css样式一样的在线编辑,在每个浏览器的调试界面(按快捷键f12可以直接打开,或者右键鼠标-检查)里,都可以直接进行js的编写调试
例:
阅读全文
摘要:什么是JavaScript
JavaScript的起源
JavaScript的组成
阅读全文
摘要:本篇博文,主要就讲定位的问题,也就是页面布局里最重要的,本篇博文不出意外的话,也是css的最后一篇博文了
定位
定位有三种:
相对定位
绝对定位
固定定位
相对定位
相对定位的意思就是相对于自身元素原来的位置定位
阅读全文
摘要:要说页面布局的话,那就必须说说margin,padding,和background。这三个属性其实都是前面讲过的,这里还是再次讲解以下,为什么呢?因为是这样的,光靠前面的css样式来设置,你很可能会遇到以下的问题,而且还不知道怎么解决,所以,这里再拿出来讲解下
margin
margin干嘛的不再多说了,margin属性有个很有名很经典的现象:
塌陷现象
塌陷现象里又有两种:
垂直方向
层级嵌套
阅读全文
摘要:文档流
浮动与清除浮动的方法
层级定位
清除html标签所有默认的样式
阅读全文
摘要:属性
终于到css属性,前面就零零散散的用了什么color,font-size之类,本篇博文就专项的介绍它了
字体属性
文字属性
背景属性
display属性
盒模型
阅读全文
摘要:选择器
选择器,说白了就是html的标签或者其相关特性,在一个HTML页面中会有很多很多的元素,不同的元素可能会有不同的样式,某些元素又需要设置相同的样式,选择器就是用来从HTML页面中查找特定元素的,找到元素之后就可以为它们设置样式了。 选择器为样式规则指定一个作用范围
阅读全文
摘要:CSS
在前面大概的介绍了css,从本片博文开始,会详细的介绍它
1.什么是css样式
2.css样式的作用
3.css样式
阅读全文
摘要:属性
HTML标签可以设置属性,属性一般以键值对的方式写在开始标签中
1.HTML标签除一些特定属性外可以设置自定义属性,一个标签可以设置多个属性用空格分隔,多个属性不区分先后顺序。
2.属性值要用引号包裹起来,通常使用双引号也可以单引号。
3.属性和属性值不区分大小写,但是推荐使用小写。
为什么html会有属性呢?
这个举个生活中的例子,你要在茫茫人海中找到你的女神
阅读全文
摘要:以下三个不仅是常用标签了,还非常重要,所以请务必好好看,重要性从高到低:
盒模型div
div标签是最常用最重要的,它可以把web页面分割成很多的小块分别管理
测试代码:
阅读全文
摘要:标题标签h1~h6
顾名思义,这些就是把字体设置为大字体的,就如博客园的这个编辑器里的格式:
不信的话我们自己设置看看:好的,从本篇文章开始,我们需要动手了
阅读全文
摘要:本节内容简单介绍下html都有哪些标签
还是百度首页,查看源代码看看:
我把源代码复制下来另存为html文件里:
注意:网页文件的后缀都是html或者htm
我这用的pycharm编辑器(Python编辑器,也可以编辑web页面),编辑器有很多种,比如notepad++,webstorm,hbuilder,Visual Studio,sublime text等等的都可以做web编辑器,这个就根据各位朋友的爱好来选择了,安装都是很简单的,所以不介绍了
HTML
好的,我先点这个按钮,把层级隐藏一下
变成这样:
阅读全文
摘要:前文了解了什么是前端,那么前端技术到底有哪些呢?最核心的就这三个:
html/html5
css/css3
javascript
什么是HTML
HyperText Markup Language,超文本标记语言
阅读全文
摘要:1.什么是web前端
说这个之前,我们先了解web前端工程师是干什么的,百度百科的解释:
Web前端开发工程师,主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序(也就是浏览器端)的开发,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web开发,致力于通过技术改善用户体验
阅读全文