随笔分类 -  web前端基础

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