1.HTML和CSS的基础知识,完成网页的初步设计 2.JavaScript基础知识和DOM.BOM的学习 3.前端基础框架:CSS框架Bootstrap.JavaScript框架jquery的熟悉使用 4.Web前端响应式界面布局:栅格化布局和弹性盒子布局 5.界面优化设计:SEO优化 6.AJAX(异步数据交互):基础学习掌握发送异步请求方法,实现客户端脚本语言更新网页局部内容 7.JSON:javascript对象表示法,创建对象的数组化表示方法 7.动态网页技术:JSP.ASP.PHP基…
HTML 超文本标记语言(Hyper Text Markup Language) 1.一套规则,浏览器认识的规则. 2.开发者: 学习Html规则 开发后台程序: - 写Html文件(充当模板的作用)@@@@ - 数据库获取数据,然后替换到html文件的指定位置(web框架) 3.本地测试 - 找到文件路径,直接浏览器打开 - pycharm打开测试 4.编写Html文件 - doctype对应关系 - html标签,标签内部可以写属性 - 注释:  <!-- 注释的内容 --> 5.标签分类…
在标签上设置style属性: background-color: #2459a2; height: 48px; ... 编写css样式: 1. 标签的style属性 2. 写在head里面 style标签中写样式 - id选择区 #i1{ background-color: #2459a2; height: 48px; } - class选择器 ****** .名称{ ... } <标签 class='名称'> </标签> - 标签选择器 div{ ... } 所有div设置上此样…
html.html5.CSS2.CSS3.JQuery.Vue.js学习,后端程序媛开始学习前端开发啦.…
vue-cli vue-cli 官方提供的一个脚手架(预先定义好的目录结构及基础代码,咱们在创建Maven项目的时可以选择创建一个骨架项目,这个骨架项目就是脚手架),用于快速生成一个vue项目模板 主要功能 统一的目录结构 本地调试 热部署 单元测试 集成打包上线 环境准备 Node.js git 安装vue-cli 安装Node.js 官网安装地址:https://nodejs.org/zh-cn/ 验证是否安装成功,在cmd输入: node-v npm install --registry=…
HTML5/CSS简介 首先来说一说什么是HTML5,HTML5可以认为是字面上的意义,也就是HTML的第五代产品,当然从另一个角度来说它是一种新的富客户端解决方案. HTML5 将成为 HTML.XHTML 以及 HTML DOM 的新标准. HTML 的上一个版本诞生于 1999 年.自从那以后,Web 世界已经经历了巨变. HTML5 仍处于完善之中.然而,大部分现代浏览器已经具备了某些 HTML5 支持. HTML:超文本标记语言.标记可以称为标签,节点,元素等. HTML的核心是它的语…
盒子模型 在页面中,我们将所有的元素全部看做是一个盒子,页面布局就是将大大小小不同的盒子堆砌在一起,而一个盒子由以下几部分组成: padding:内边距,内容到边框的距离: margin:外边距,其他盒子到当前盒子的边框的距离: border: 边框: 所以一个元素在页面中实际所占的空间是: 内容+padding+border+margin(注意:padding/margin/border上下或者左右都有,所以计算时要算上设置的值得两倍:) 怪异盒子模型: 怪异盒子模型所设置的宽高即为其在页面中…
bfc(block formatting context) 块级格式化上下文 生成bfc的方式: 1.根元素: 2.float属性不为none(脱离文档流): 3.position为absolute或者fixed的时候: 4.display为inline-block.table-cell.table-caption.flex.inline-flex: 5.overflow不为visible(默认). 渲染的流程: 文档解析成对象模型(dom),通过选择器给对应的元素加上样式,根据渲染规则到显存区…
Web前端开发工程师养成计划(入门篇) 最原始的忠告:这个世界上有想法的人很多,但是有想法又能实现它的人太少! 首先要感谢伟大的Web2.0概念.产品概念.用户体验概念.jQuery插件,是它们在中国日渐成熟才解放了一直以来姥姥不疼舅舅不爱的前端开发工程师们. 有没有发现从09年下半年到现在全中国的互联网公司都在招聘前端开发工程师?如果你注意到了,那么恭喜你,你已经拥有那么一点点预测互联网职场动向的能力. 可能令你感到遗憾的是你从没从事过前端开发工作,不过没关系,只要你肯努力,一切都是可以学会的…
高手养成计划基础篇-Linux第二季   本文来源:i春秋社区-分享你的技术,为安全加点温度   前言 前面我们学习了文件处理命令和文件搜索命令,简单的了解了一下Linux,但是仅仅了解这样还不行,遇到命令我们怎么知道怎么用?Linux压缩怎么解?Linux怎么关机?本篇文章将给你答案. 目录 第一节 帮助命令 第二节 压缩命令 第三节 关机与重启 第四节 总结 第一节 帮助命令 help Command和Command --help的区别 help Command适用于内部命令Command …