web前端学习基础知识(1)
下载Atom插件和主题安装和配置
1.官网 https://atom.io/
2.百度网盘上http://pan.baidu.com/s/1ntszCgT
安装subline以及插件的安装,再去了解它的背景
Sublime3 : 需要安装第三方的包。一般
Atom :继承度非常好
->vs code :智能提示非常强大
Webstorm10 :大项目,建议使用webstorm
什么是浏览器?
帮助用户浏览网页的软件
360双核浏览器 trident; blink
,qq浏览器,谷歌浏览器等
浏览器的内核?
Ie; trident; blink;safari;webkit;ff:gecko;chrome;opera;
什么是服务器和服务器程序?
浏览器浏览页面背后的秘密
浏览器接收用户操作->浏览器封装http请求->连接服务器:DNS解析->发送请求request->服务器接收请求->处理请求->返回响应报文->浏览器收回响应报文->渲染页面呈现
HTTP协议
黄贯中 一念之间 can’t bring me down 年少无知,这是我姿势
HongKong Kowloon
Lighten Up 点亮你 反向鸡汤
求知若饥,虚心若愚 study hungary,study foolish.
Keep try , hold ur point,don’t settle.永远不停的尝试,
We can’t connect dots looking forward,but we can only connect them looking backwards.
乔布斯斯坦福的演讲
演讲15--18分钟的原则
HTML :网页结构
CSS :页面样式表现
JavaScript :交互行为
又如一个人:(HTML)人体结构 ,(CSS)人的衣服鞋子等 ,(JS)人的奔跑跳跃等
HTML 页面结构和语法
Html:4t +tab
Html:xt +tab 生成xtml过渡期的标签
目前所有的新的大型的网站都是用html的标准
以后用都可以直接写 :html:5+tab 会自动生成
使用UTF-8是都能兼容的,不会出现乱码。
Ctrl+shift+d能够快速复制一行代码
Ctrl+斜线 :自动注释,再按会解释
Link标签的用法
设置DNS欲解析
H1---H6标签,相对于当前文档的重要性依次降低。注意h1标签在整个页面中做好用一次(其实也可以超,但是不利于搜索SEO)h2以后的这些标签可以在一个页面中 有多个,但是不要滥用,滥用会导致网页的SEO受影响,搜索引擎会认为我们作弊。
URL编码
为什莫要有url编码?
如果我写的是一个中文的网页要在阿拉伯国家的电脑上进行显示
需要将非ASCII码(英文国家的,如
)转换成ASCII码
中文字符会转化怎样的?
Url编码 :将url中的ASCII码转化为%ascii码
Html中的标签
<p> 段落标签 </p> 能够根据页面大小自适应,自动调节高度,p标签之间不会共占一行,会段与段之间有隔开
<hr>水平线标记
是单标签,(单独出现,当是单标签,不需要闭合的时候,根本不需要写成<hr/>所以平时写成<hr>即可啦)
Html文档空白合并
文档中的多个空格,换行会合并成一个
Br标签 :可以强制段落进行换行,不受换行和合并的影响
空格 :&npsp 代表一个空格
例如进入C盘某一目录
Demo文件夹下有01abc和02efd ,01abc下有hello,层级关系如下
- txt访问a.txt 相对关系:。。。/。。。/a.txt
- txt 访问C。Txt 相对关系:01abc/hello/c.txt
web前端学习基础知识(1)的更多相关文章
- Web前端之基础知识
学习web前端开发基础技术须要掌握:HTML.CSS.Javascript 1.HTML是网页内容的载体 内容就是网页制作者放在页面上想要让用户浏览的信息,能够包括文字.图片.视频等. 2.CSS样式 ...
- 初学者入门web前端 C#基础知识:数组与集合
对于初学者,想要入门web前端,要有足够的信念和坚持,不然只会越走越远,我现在就深深的体会到. 我本是一个很拒绝代码的人,以前想过UI设计,但是在这段学习时间里,发现其实只要认真,代码并不是很难 所以 ...
- web前端零基础入门学习!前端真不难!
现在互联网发展迅速,前端也成了很重要的岗位之一,许多人都往前端靠拢,可又无能为力,不知所措,首先我们说为什么在编程里,大家都倾向于往前端靠呢?原因很简单,那就是,在程序员的世界里,前端开发是最最简单的 ...
- 最适合2018年自学的web前端零基础系统学习视频+资料
这份资料整理花了近7天,如果感觉有用,可以分享给更有需要的人. 在看接下的介绍前,我先说一下整理这份资料的初衷: 我的初衷是想帮助在这个行业发展的朋友和童鞋们,在论坛博客等地方少花些时间找资料,把有限 ...
- web前端学习python之第一章_基础语法(二)
web前端学习python之第一章_基础语法(二) 前言:最近新做了一个管理系统,前端已经基本完成, 但是后端人手不足没人给我写接口,自力更生丰衣足食, 所以决定自学python自己给自己写接口哈哈哈 ...
- web前端学习python之第一章_基础语法(一)
web前端学习python之第一章_基础语法(一) 前言:最近新做了一个管理系统,前端已经基本完成, 但是后端人手不足没人给我写接口,自力更生丰衣足食, 所以决定自学python自己给自己写接口哈哈哈 ...
- 每天成长一点---WEB前端学习入门笔记
WEB前端学习入门笔记 从今天开始,本人就要学习WEB前端了. 经过老师的建议,说到他每天都会记录下来新的知识点,每天都是在围绕着这些问题来度过,很有必要每天抽出半个小时来写一个知识总结,及时对一天工 ...
- 网络统计学与web前端开发基础技术
网络统计学与web前端开发基础技术 学习web前端开发基础技术(网页设计)需要了解:HTML.CSS.JavaScript三种语言.下面我们就来了解一下这三门技术在网页设计中的用途: HTML是网页内 ...
- Web前端学习笔记(001)
....编号 ........类别 ............条目 ................明细....................时间 一.Web前端学习笔记 ...
随机推荐
- js中二维数组的创建方法 2017-04-04 14:50 120人阅读 评论(0) 收藏
法一:var myarr=[[0,1,2],[1,2,3]]; 将[0,1,2]看做原来的0,将[1,2,3]看做原来的1,而二者又分别为子数组 如myarr[0][1]=1,myarr[1][1]= ...
- 学习EXTJS6(8)基本功能-表单的基础表字段Ext.form.field.Basic
Ext.form.field.Basic是表单字段的基类. Ext.form.field.Text Ext.form.field.TextArea Ext.form.field.Number Ext. ...
- form提交表单中包含time类型数据
当数据库和实体类中含有date类型的数据时 ,form提交的时间数据只是string类型的,所以不能直接写入到java实体类和数据库,经过百度找到了解决方法 ,特地挪过来: 在controller中增 ...
- 【hihoCoder挑战赛28 A】异或排序
[题目链接]:http://hihocoder.com/problemset/problem/1509 [题意] [题解] 每次找到相邻两个数的二进制形式中; 不同的最高位; 显然S在这一位必然是确定 ...
- 转载 - Tarjan算法(求SCC)
出处:http://blog.csdn.net/xinghongduo/article/details/6195337 说到以Tarjan命名的算法,我们经常提到的有3个,其中就包括本文所介绍的求强连 ...
- 敏捷迭代:Sprint燃尽图的7个图形特征及说明的问题
本文写于很多年前(2006),并在很多地方被引用.而现在,笔者对于Sprint燃尽图的理解有了戏剧性的变化--在看到很多团队滥用它之后.笔者不再建议团队做Sprint燃尽图,因为它们不仅不会增加多少有 ...
- 0823关于整理MySQL死锁
-- 更多的是需要理解 http://hedengcheng.com/?p=577 -- 何登成 关于WHERE的提取http://www.cnblogs.com/metoy/p/5545580.ht ...
- Java 8 类型转换及改进
为对象的类型做强制转换是一种很不好的设计.但在某些情况下,我们没有其它选择.Java自诞生的那一天起,就具备这样的功能. 我觉得Java 8在一定程度改善了这项古老的技术. 静态转型 Java中最经常 ...
- java 10000的阶乘
package test; import java.math.BigInteger; import java.util.ArrayList; import java.util.List; import ...
- k8s istio 配置请求的路由规则
使用istio我们可以根据权重和HTTP headers来动态配置请求路由. 基于内容的路由 因为BookInfo示例部署了3个版本的评论微服务,我们需要设置一个默认路由. 否则,当你多次访问应用程序 ...