认识大前端html+css+js
认识大前端:前端就是将效果图生成网页,利用html+css+js等技术。
如果把前端比作一台汽车,那么html就是车的骨架,css就是完整的车的模型,而js就充当着车的发动机...
建议: 刚刚开始学的话,html,css,js时间要合理分配;博主的时间的分配是这样html2天,css7天,js基础3天,博主的仅供参考,具体时间还要看你自己的学习进度。
做前端没一个好的浏览器是不行的:

建议每个人都下一个火狐或者谷歌,博主用着还不错,不要忘记把它设置成默认浏览器。
有了一个好的浏览器,就必须有个好的开发工具:

Dw 历史悠久,设计师使用。
Sublime 轻量级 有很多好用的插件。
Webstorm 重量级 太过智能。
刚刚入行的话,先使用第二个sublime,简便轻巧,到熟悉之后就建议使用WebStrom了,博主在下面附下网盘地址,需要的自行下载:
sublime:链接: https://pan.baidu.com/s/1o8hx0Iu 密码: wqbu 没有安装条件,按要求安装即可!
WebStrom:链接: https://pan.baidu.com/s/1dFNDopr 密码:vsah 这个是安装的压缩包
链接: https://pan.baidu.com/s/1i5b2aUD 密码: x9tg 这个是安装教程
sublime的快捷键:
|
Html:xt+tab |
Html结构代码 |
|
tab |
补全标签代码 |
|
Ctrl+shift+d |
快速复制一行 |
|
Ctrl+shiif+k |
快速删除一行 |
|
Ctrl+鼠标左键单击 |
集体输入 |
|
Ctrl+h |
查找替换 |
|
Ctrl+f |
查找 |
|
Ctrl+/ |
注释 |
|
Ctrl+L |
快速选择一行 |
|
Ctrl+shift+↑(↓) |
快速上移(下移)一行 |
|
F11 |
全屏 |
知道以上几点快捷键就差不多了,如果还想知道更多的快捷键就看,sublime快捷键使用: http://blog.csdn.netdetails/11530751
WebStrom的快捷键:
ctrl+c 复制
ctrl+v 粘贴
ctrl+x 剪切一行或删除一行
ctrl+d 复制本行到下一行
ctrl+z 退回之前操作
ctrl+shift+z 已经做好的退回之后的下一步
ctrl+a 全选
ctrl+/ 注释行
ctrl+shift+/ 注释选定区域
ctrl+g 查找行号
ctrl+shift+up/down 上下移动代码
table 补齐代码
ctrl+f 查找文本
html+css+js:
想学这些知识的可以通过网络自学,也可以通过关注博主的博客,查看博主的资料,加QQ来免费领取前端的学习视频,祝各位学业有成,让我们一起进步!
附上我做的一个页面的小样:
由于太占文本,我就取了一小部分,想要获取源代码,请在文章下面留言!

博主的知识产权,写着也辛苦是吧,转载请注明出处:http://www.cnblogs.com/hejun

博主学了很多年,一直想找个记录自己学习过程的地方,就突然想注册一个博客,把自己想写的东西给写进去,能帮自己留有一个属于自己的地方,也希望能帮助到需要帮助的人,由于是第一次写,写的不好的地方请多担待一下,还是需要我们共同进步,博主有什么错误的地方,也希望网友们指出,博主才能更正自己的错误,觉得博主写的还可以的,关注一下博主,以后博主有什么更新的地方,还需要大家检阅,查找错误,也希望能有帮助到你们的地方,谢谢!
认识大前端html+css+js的更多相关文章
- 中阶d01-- web前端 html css js bootstrap
html 页面骨架结构css 页面优化js(脚本语言) 页面和用户互动 bootstrap 前端框架,主要实现不同设备直接打开页面时播放比例设置(全屏暂时,不要滚动条)
- 实现简易版德州扑克|学习麻瓜编程以项目为导向入门前端 HTML+CSS+JS
实现简易版德州扑克 1.先上达到网页效果图(简易版德州扑克) 网页分为发牌区和牌池,上面为发牌区,下面是牌池区 2. 代码实现 2.1 HTML和JS代码 ` <link rel="s ...
- 用CSS实现蒙德里安名画|学习麻瓜编程以项目为导向入门前端 HTML+CSS+JS
实现项目:用CSS实现蒙德里安名画 1.首先,献上代码和效果图 1.1代码: <head> <style> .centerframe{ display: flex; heigh ...
- 一统江湖的大前端(6)commander.js + inquirer.js——懒,才是第一生产力
<一统江湖的大前端>系列是自己的前端学习笔记,旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库,不定期更新.如果你对前端的理解还是写写页面绑绑事件,那你真的是有 ...
- 【大前端之前后分离01】JS前端渲染VS服务器端渲染
前言 之前看了一篇文章:@Charlie.Zheng Web系统开发构架再思考-前后端的完全分离,文中论述了为何要前后分离,站在前端的角度来看,是很有必要的:但是如何说服团队使用前端渲染方案却是一个现 ...
- 一统江湖的大前端(1)——PPT制作库impress.js
<一统江湖的大前端>系列是自己的学习笔记,旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库,不定期更新.如果你对前端的理解还是写写页面绑绑事件,那你真的是有点O ...
- 一统江湖的大前端(2)—— Mock.js + Node.js 如何与后端潇洒分手
<一统江湖的大前端>系列是自己的前端学习笔记,旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库,不定期更新.如果你对前端的理解还是写写页面绑绑事件,那你真的是有 ...
- 前端工程师面试问题归纳(一、问答类html/css/js基础)
一.参考资源 1.前端面试题及答案整理(一) 2.2017年前端面试题整理汇总100题 3.2018最新Web前端经典面试试题及答案 4.[javascript常见面试题]常见前端面试题及答案 5.W ...
- 一个小公司的前端笔试HTML CSS JS
网上有这套题的答案,版本也很多,我做了很多参考.本文就当个小笔记,可能有错误,还望指正~ 第1章 Html篇 1. 你做的网页在哪些浏览器测试过?这些浏览器的内核分别是什么? 浏览器类型 内核 Fi ...
随机推荐
- R语言dplyr包初探
昨天学了一下R语言dplyr包,处理数据框还是很好用的.记录一下免得我忘记了... 先写一篇入门的,以后有空再写一篇详细的用法. #dplyr learning library(dplyr) #fil ...
- python怎么实现数组增加一行或多行
对数组增加一行或一列很简单,网上一搜一大把的事例.比如增加一行或一列: import numpy as np a = np.array([[1, 2, 3]]) row = a[0] col = a[ ...
- WEB-INF目录下文件复制的几种方式
2018年1月31日 10:42:55 工作完写点博客记录下. 需求:从web-inf下拷贝文件到指定目录. 目录结构 直接贴代码 第一种方式,字节流读取 try { int index = 0; S ...
- 940D Alena And The Heater
传送门 题目大意 给出两个长度为N的数组A,B,以及一种计算规律: 若t[i]=1,需满足t[i-1]=t[i-2]=t[i-3]=t[i-4]=0,以及max{A[i],A[i-1],A[i-2], ...
- 【echarts3】--1 简单入门
echarts3 相信大家都了解吧,是百度研发的 ECharts 特性介绍 ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8 ...
- Linux-PATH_环境变量
PATH变量 是linux系统里的一个环境变量,系统已经定义好了,我们不需要再定义. 作用: 是linux里使用的命令都存在在PATH变量后面指定的目录下,我们使用命令 ...
- C语言_简单了解一下typedef
作为一名PHPer,了解一下C还是有必要的,只是做一个简单的了解,因为并没有做开发C的想法. 关于typedef的详细说明,网上搜过了很多帖子,这篇算是最详细的了:http://blog.csdn.n ...
- Python 关于super 的 用法和原理(挖坑)
一.前言 Python 面向对象中有继承这个概念,初学时感觉很牛逼,里面也有个super类,经常见到,最近做一些题才算是理解了.特地记录分享给后来研究的小伙伴,毕竟现在小学生都开始学了(滑稽脸) 二. ...
- Ajax检测用户名是否已经注册
程序功能 当用户名输入完成(即用户名输入框失去焦点),利用Ajax检测用户名是否已经注册! 实现过程 利用Ajax向CheckUserServlet发送请求,判断该用户名是否可用.这里只是为了演示Aj ...
- 在SpringBoot中配置aop
前言 aop作为spring的一个强大的功能经常被使用,aop的应用场景有很多,但是实际的应用还是需要根据实际的业务来进行实现.这里就以打印日志作为例子,在SpringBoot中配置aop 已经加入我 ...