前端阶段_html部分

前端阶段_html部分2后台frame的初始构架案例

1.<frameset cols="25%,75%"> 把页面分为1:3,并且使用frame的同时应该删除body标签 2.<frame src="xx.html"> frame的源来自xx.html 后台基础实现<简易>  <!DOCTYPE html> <html> <head> <…

HTML 1.html5的第一行一定是<!DOCTYPE html>,h4太长,而且一般ide中会自动加载,了解即可. 2.h5的整个页面被<html></html>标签包裹着 3.h5的头部被<head></head>标签包裹,中间主要放<title></title>标签,此标签内部是网页的标题 4.h5的网页部分被<body></body>包裹,body中是网页的主体部分 5.头部还通常有一个字…

前端阶段_div以及css介绍

1.div div是html的一个标签,是块级元素,单独使用没有意义,必须结合css来使用,进行网页布局 2.span span是一个html标签,是一个内联元素,主要对括起来的内容进行修饰 3.<style type="text/css"></style> 此标签内进行写css 4.css的选择器 1.标签选择器标签名{ 样式内容 } 2.类选择器 .class名{ 样式内容 } 3.id选择器 #id名{ 样式内容 } 4.层级选择器标签标签{ 样式内…

java 知识结构

Webpack2入门

webpack 2 将在其文档完成之后正式发布.但这并不意味着不可以开始使用它,如果你知道怎么配置的话. 什么是 Webpack? 简单来说,Webpack 就是一个针对 JavaScript 代码的模块打包工具.但是自发布以来,它演变成了一个针对所有前端代码的管理工具(不管是其本身有意还是社区的意愿). 旧的任务运行工具处理方式:HTML.CSS 和 JavaScript 都是分离的.必须分别对每一项进行管理,并且还要确保所有东西正确地部署到生产环境. 像 Gulp 这样的任务运行工具可以操作…

java视频资源

1.Java基础阶段尚学堂_刘凯立_JavaSE基础视频 http://pan.baidu.com/s/1geCoY11 尚学堂_高淇_Java300集视频教程 https://pan.baidu.com/s/1KIStgcb6lZsQdkdxy-3J4A#list/path=%2F (初级教程) 尚学堂_马士兵_Java基础 https://pan.baidu.com/s/1jIxhpTO#list/path=%2F (初级教程) 尚学堂_马士兵_设计模式 http://pan.ba…

JS 与 jQery 的区别主要在于 DOM

//目前正在学习前端阶段,把知识点整理.保存下来以便日后查看首先引入jQery: 需要先引入css,再引入js: jQery需要在js前引入,再引入框架,最后才是js的引入:css也相同,先引入框架,在引入css: 获取元素: js:document.getElementsBy__ id classname tagname name jQery:$("选择器") $("选择器").eq(下标) [注:获取的元素除id外,基本都是数组]; 操作内容: jsDom.…

如何让BootStrap栅格之间留出空白间隙呢？

BootStrap栅格之间留出空隙 BootStrap栅格系统可以把我们的container容器划分为若干等分,如果想要每个部分之间留出一定的空隙,我们很可能首先想到的方法就是用margin外边距来使它们分离从而产生空隙,这样做真的的可以吗? [看个例子]: css样式: .row div { height: 100px; } html代码: <div class="container">  <div class="row…

web前端学习就这9个阶段，你属于哪个阶段？

第一阶段:HTML+CSS: HTML进阶.CSS进阶.div+css布局.HTML+css整站开发. JavaScript基础:Js基础教程.js内置对象常用方法.常见DOM树操作大全.ECMAscript.DOM.BOM.定时器和焦点图. JS基本特效:常见特效.例如:tab.导航.整页滚动.轮播图.JS制作幻灯片.弹出层.手风琴菜单.瀑布流布局.滚动事件.滚差视图. JS高级特征:正则表达式.排序算法.递归算法.闭包.函数节流.作用域链.基于距离运动框架.面向对象基础. JQuery:基础…

【北航软件工程】Alpha阶段前端页面编写及服务器部署

前端页面编写虽然之前对html语法有过一些了解,但是完全没有编写前端页面的经验,和我合作的czy大概也是这么个情况.在Alpha阶段的前端页面编写过程中,我们是摸着石头过河,html是个入门很快专精却很花时间的语言,我们从最基本的布局入手来编写页面.除了业务不熟练之外,困扰我们的还有页面设计组给我们的样板页面,在我们的前端页面编写中需要尽量按照设计同学的设计图来编写html代码,这往往需要丰富的经验,例如下面这张设计图: 图中以"星星"的方式来展示老师和课程的评分,这个星星的组件是不…

Web前端开发的四个阶段（小白必看）

第一阶段:HTML的学习超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架,无论是静态网页还是动态网页,最终返回到浏览器端的都是HTML代码,浏览器将HTML代码解释渲染后呈现给用户.因此,我们必须掌握HTML的基本结构和常用标记及属性. HTML的学习是一个记忆和理解的过程,在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习.在“设计”视图中看效果,在“代码”视图中学本质,将各种视图的优势发挥到极致,这种对照学习的方法弥补了单纯…

阶段5 3.微服务项目【学成在线】_day02 CMS前端开发_16-CMS前端工程创建-导入系统管理前端工程

提供了基于脚手架封装好的前端工程 H:\BaiDu\黑马传智JavaEE57期 2019最新基础+就业+在职加薪\阶段5 3.微服务项目[学成在线]·\day02 CMS前端开发\资料\xc-ui-pc-sysmanage.7z _all的是完整的.不带all的是手写的第一部分的解压出来 ,这里应包括了所有的依赖 build构建工程相关的js webStorm打开 config里面有一些配置文件 index.js里面会设置代理工程启动后对外暴露一个接口11000 sysConfig.js自己…

2020年12月-第01阶段-前端基础-HTML CSS 项目阶段(一)

品优购项目(一) 目标: 能会引入ico图标能简单看懂网站优化的三大标签能使用字体图标 ( 重点 ) 能说出我们css属性书写顺序 1. 品优购项目介绍项目名称:品优购项目描述:品优购是一个电商网站,我们要完成首页.列表页.详情页.注册页面的制作 2. 项目背景现阶段电商类网站很流行,很多同学毕业之后会进入电商类企业工作,同时电商类网站需要的技术也是较为复杂的, 复习.总结.提高前面所学布局技术. 3. 设计目标保证浏览器 ie7及以上, 火狐, 360, safari,chrom…

掌握Chrome Developer Tools：下一阶段前端开发技术

Tips 原文作者:Ben Edelstein 原文地址:Mastering Chrome Developer Tools: Next Level Front-End Development Techniques 你可能已经熟悉Chrome Developer Tools的基本功能:DOM检查器,样式面板和JavaScript控制台. 但是有一些不太知名的功能可以大大提高调试或应用程序创建工作流程. 1 黑色主题 Chrome内置了一个黑色主题. 可以通过单击开发工具窗格右上方的三点图标,单击"…

【前端】react学习阶段总结，学习react、react-router与redux的这些事儿

前言借用阮一峰的一句话:真正学会 React 是一个漫长的过程. 这句话在我接触react深入以后,更有感触了.整个react体系都是全新的,最初做简单的应用,仅仅使用react-tools打包jsx时,我被react的函数式语法吸引,从而跳入这个圈子.一直到搭建webpack.react.react-router.redux架构,做了几个SPA项目,我还是感觉自己懂的太少,还在第一阶段徘徊,在这里暂时做一个阶段性总结,接下来将继续更深入了解react——不排除再转回vue.嘿嘿. 函数式组件…

前端_html

目录 HTML介绍标签说明常用标签 <!DOCTYPE>标签 <head>内常用标签 <body>内常用标签特殊字符其他:各种各样的标签 HTML的规范 HTML介绍 web服务本质 import socket def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) sock.bind(('localhost',8081)) sock.listen(5) while True: p…

前端基础入门第一阶段-Web前端开发基础环境配置

Web前端和全栈的定义: A.什么是传统传统web前端:需要把设计师的设计稿,切完图,写标签和样式,实现JS的效果,简而言之即只需要掌握HTML的页面结构,CSS的页面样式,javaScript页面的行为(包括页面的效果和整合): B.HTML5时代的大前端:要处理各种端的兼容开发(PC,移动端,各种浏览器).移动APP开发和移动站点开发,Ajax+服务器端技术开发,异步开发和后台的交互.高级设计模式和框架(MVC,AngularJS...).运用自动化工作流(Grunt).网站安全.SEO.测…

阶段5 3.微服务项目【学成在线】_day17 用户认证 Zuul_13-用户退出-前端

调试前端的退出 logout方法找到路由退出对应的组件页面这就是退出的组件退出的方法把这两个js的引用,从上面复制到下面引用.因为可能存在js的冲突问题. 资料里面给了一个前端整个覆盖当前代码里面的header.html 其实就是页面加上了这个js 跟踪后端代码再次点击页面的退出.后端进入到这个断点上放行刚才退出失败 ,应该是认证服务没有启动的原因点击返回首页结束…

阶段5 3.微服务项目【学成在线】_day17 用户认证 Zuul_11-前端显示当前用户-前端请求jwt

前端代码 sessionStorage也是key/value的格式页头显示当前用户查询jwt nginx里面的配置测试开启认证服务进行登陆跳转到首页就应该立即请求查询. 跳转到首页 cookie已经有我们的uid了打印日志进行测试刷新页面没有获取到数据下面继续打印uid 刷新页面 uid输出了.下面就是请求userjwt了.在ajax请求发现是404 转发的路径定义在ucenter的路径下所以需要复制下面选中的代码在定义域名下所以在顶级域名下也要定义重启nginx 刷新…

阶段5 3.微服务项目【学成在线】_day17 用户认证 Zuul_08-用户认证-认证服务查询数据库-用户登录前端

点击登陆注册链接跳转到登陆的页面门户的前端代码当前路径base64编码登陆的表单,在学习中心的前端. 这就是登陆的表单这是表单的校验请求服务端的接口登陆请求的方法请求的地址nginx上配置过了里面做了一个代理的转发测试输错账号和密码密码错误的提示输入正确的登陆成功跳转到了首页用户登陆的前端调试通了就…

阶段5 3.微服务项目【学成在线】_day07 课程管理实战_02-我的课程-前端页面与Api说明

我的课程列表使用element 的card组件,如下: 前端页面代码点击新增到了一个新增课程的页面新增课程的界面下面的card是循环遍历的代码写死的card的静态数据请求服务端的接口拿到数据 api接口输入参数: 页码.每页显示个数.查询条件输出结果类型: QueryResponseResult<自定义类型> 在api工程创建course包,创建CourseControllerApi接口. 参数CourseListRequest是为了后续增加查询条件之类的时候可以用到.所以在这…

阶段5 3.微服务项目【学成在线】_day03 CMS页面管理开发_10-修改页面-前端-修改页面

1.进入页面,通过钩子方法请求服务端获取页面信息,并赋值给数据模型对象 2.页面信息通过数据绑定在表单显示 3.用户修改信息点击“提交”请求服务端修改页面信息接口 3.3.3 修改页面 3.3.3.1 编写page_edit页面修改页面的布局同添加页面,可以直接复制添加页面,在添加页面基础上修改. 下边编写页面内容: 1.编写page_edit.vue 页面布局同添加页面,略. 2.配置路由进入修改页面传入pageId import page_edit from '@/module/cms/…

阶段5 3.微服务项目【学成在线】_day02 CMS前端开发_01-vuejs研究-vuejs介绍

1.vue.js是什么? Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合.另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动. 渐进式框架:Progressive,说明vue.js的轻量,是指一个前端项目可以使用vue.js一两个特性也可以整个项目都用 vue.js. 自…

阶段5 3.微服务项目【学成在线】_day02 CMS前端开发_03-vuejs研究-vuejs基础-入门程序

本次测试我们在门户目录中创建一个html页面进行测试,正式的页面管理前端程序会单独创建工程. 在门户目录中创建vuetest目录,并且在目录下创建vue_01.html文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF‐8"> <title>vue.js入门程序</title> <script src="/j…

阶段5 3.微服务项目【学成在线】_day02 CMS前端开发_09-webpack研究-webpack介绍

使用vue.js开发大型应用需要使用webpack打包工具,本节研究webpack的使用方法. 1.3.1 webpack介绍 Webpack 是一个前端资源的打包工具,它可以将js.image.css等资源当成一个模块进行打包. 从图中我们可以看出,Webpack 可以将js.css.png等多种静态资源进行打包,使用webpack有什么好处呢? 1.模块化开发程序员在开发时可以分模块创建不同的js. css等小文件方便开发,最后使用webpack将这些小文件打包成一个文件,减少了htt…

阶段5 3.微服务项目【学成在线】_day02 CMS前端开发_17-CMS前端工程创建-单页面应用介绍

查看运行起来的页面的源代码这个webpck打包生成的文件. 单页面应用的优缺点: 优点: 1.用户操作体验好,用户不用刷新页面,整个交互过程都是通过Ajax来操作. 2.适合前后端分离开发,服务端提供http接口,前端请求http接口获取数据,使用JS进行客户端渲染. 缺点: 1.首页加载慢单页面应用会将js. css打包成一个文件,在加载页面显示的时候加载打包文件,如果打包文件较大或者网速慢则用户体验不好. 2.SEO不友好 SEO(Search Engine Optimization)…

阶段5 3.微服务项目【学成在线】_day02 CMS前端开发_22-CMS前端页面查询开发-Api调用-跨域解决

点击页面查询按钮 ,报错.跨域问题. 前端端口是11000 请求后端的服务地址端口是31001 出现跨域开始解决跨域把前面带端口的地址用变量代替只有带/api/cms开头的就转发的服务端31001的端口把/api替换成空字符串测试点击查询数据库可以访问到了后期会通过nginx去解决跨域的代理问题 export const page_list = (page,size,params) => { return http.requestQuickGet(apiUrl+'/cms/pa…

阶段5 3.微服务项目【学成在线】_day02 CMS前端开发_24-CMS前端页面查询开发-使用钩子方法实现立即查询

进入页面默认就去查询数据这要用到vue的钩子函数,每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听. 编译模板.将实例挂载到 DOM 并在数据变化时更新 DOM 等.同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会. 生命周期图参考: http://baijiahao.baidu.com/s?id=1603406094025961442&wfr=spider&for=pc 通常使用最多的是created和mou…

2020年12月-第02阶段-前端基础-CSS Day02

CSS Day02 复合选择器后代选择器并集选择器 1. CSS复合选择器理解理解css复合选择器分别的应用场景为什么要学习css复合选择器 CSS选择器分为基础选择器和复合选择器 ,但是基础选择器不能满足我们实际开发中,快速高效的选择标签. 目的是为了可以选择更准确更精细的目标元素标签. 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的 1.1 后代选择器(重点) 概念: 后代选择器又称为包含选择器作用: 用来选择元素或元素组的子孙后代其写法就是把外层标签写在前…