前端

前端基础----CSS概要(三)

由 梦想与她 提交于 2020-02-18 02:43:23
浮动和显示 　　1.浮动 　　　　左浮动　　float:left; 　　　　右浮动　　float:right; 　　　　清除左浮动 clear:left; 　　　　清除右浮动 clear:right; 　　　　清除两边浮动 clear:both; 　　2.显示和隐藏 　　　　隐藏元素　　disolay:none;　　 　　　　将元素变成块级　　display:block; 　　　　将元素变成内联元素　　display:inline; 　　　　将元素变成行内块元素　display:inline-block; 　　3.溢出处理 　　　　不处理　　overflow:visible 　　　　隐藏溢出　overflow:hidden 　　　　滚动条处理 overflow:scroll 　　　　自动处理　　overflow:auto 来源： https://www.cnblogs.com/mrluve/p/12324611.html

【慕课网】前端零基础入门---步骤四：升级页面化妆师CSS3---01-CSS3选择器

由 房东的猫 提交于 2020-02-17 18:47:23
01-CSS3选择器 1 基本选择器 2 属性选择器 <!DOCTYPE html> <html lang="en"> <head> <title>3</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <style type="text/css"> div[class]{ color: red; } div[class="pwd"]{ background-color: yellow; } </style> </head> <body> <div class="name">name</div> <div class="pwd">pwd</div> </body> </html> 3 动态伪类 <!DOCTYPE html> <html lang="en"> <head> <title>3</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <style type="text/css"> .one:hover,.two:hover{ border-color: red; } .one:focus{ background-color: orange; } .two:focus{

大保存前端传来的数据，还需要一个一个get吗？

由 只愿长相守 提交于 2020-02-17 15:40:18
1.问题 由于前端传来的json数据，可能要分布在后端的多个表中，而我们要分别insert。此时如果一个个getValue就代码冗余。可以借助java Beanutils.copyProperties( )用法来处理的两个对象的属性名称相同时才可以正常赋值。 来源： CSDN 作者： 郝大侠001 链接： https://blog.csdn.net/jmkmlm123456/article/details/104355802

独家分享——大牛教你如何学习Web前端开发

由 ∥☆過路亽．° 提交于 2020-02-17 14:49:20
转载至：http://site.douban.com/imooc/widget/notes/17984491/note/472367715/ 引语 自从2008年接触网站开发以来到现在已经有六个年头了，今天偶然整理电脑资料看到当时为参加系里面一个比赛而做的第一个网站时，勾起了在这网站开发道路上的一串串回忆，成功与喜悦、烦恼与纠结都历历在目，感慨颇多。在此与大家分享，希望对初学Web前端的各位童鞋来说有所帮助。欢迎各位吐槽、拍砖。 　　先从大家学习上的一个误区开始谈起。 　　Web前端的学习误区 　　网页制作是计算机专业同学在大学期间都会接触到的一门课程，而学习网页制作所用的第一个集成开发环境(IDE)想必大多是Dreamweaver，这种所见即所得的“吊炸天”IDE为我们制作网页带来了极大的方便。 　　入门快、见效快让我们在不知不觉中已经深深爱上了网页制作。此时，很多人会陷入一个误区，那就是既然借助这么帅的IDE，通过鼠标点击菜单就可以快速方便地制作网页。 　　那么我们为什么还要去学习HTML、CSS、JavaScrpt、jQuery等这些苦逼的代码呢?这不是舍简求繁吗? 　　但是随着学习的深入，就会发现我们步入了一种窘境——过分的依赖IDE导致我们不清楚其实现的本质，知其然但不知其所以然。 　　因此在页面效果出现问题时，我们便手足无措

独家分享——大牛教你如何学习Web前端开发

由 别来无恙 提交于 2020-02-17 14:07:04
转载至：http://site.douban.com/imooc/widget/notes/17984491/note/472367715/ 引语 自从2008年接触网站开发以来到现在已经有六个年头了，今天偶然整理电脑资料看到当时为参加系里面一个比赛而做的第一个网站时，勾起了在这网站开发道路上的一串串回忆，成功与喜悦、烦恼与纠结都历历在目，感慨颇多。在此与大家分享，希望对初学Web前端的各位童鞋来说有所帮助。欢迎各位吐槽、拍砖。 　　先从大家学习上的一个误区开始谈起。 　　Web前端的学习误区 　　网页制作是计算机专业同学在大学期间都会接触到的一门课程，而学习网页制作所用的第一个集成开发环境(IDE)想必大多是Dreamweaver，这种所见即所得的“吊炸天”IDE为我们制作网页带来了极大的方便。 　　入门快、见效快让我们在不知不觉中已经深深爱上了网页制作。此时，很多人会陷入一个误区，那就是既然借助这么帅的IDE，通过鼠标点击菜单就可以快速方便地制作网页。 　　那么我们为什么还要去学习HTML、CSS、JavaScrpt、jQuery等这些苦逼的代码呢?这不是舍简求繁吗? 　　但是随着学习的深入，就会发现我们步入了一种窘境——过分的依赖IDE导致我们不清楚其实现的本质，知其然但不知其所以然。 　　因此在页面效果出现问题时，我们便手足无措

从Vue.js窥探前端行业

由 不打扰是莪最后的温柔 提交于 2020-02-17 11:09:13
近年来前端开发趋势 1.旧浏览器 逐渐淘汰，移动端需求增加: 旧浏览器主要指的是IE6-IE8，它是不支持ES5特性的；IE9+、chrome、sarafi、firefox对ES5是完全支持的，移动端大部分浏览器是基于webkit内核，所以ES5在移动端也是全面支持的，因此vue可以在移动端以及现代浏览器中大显身手。 2.前端交互越来越多，功能越来越复杂 : 现在的前端可谓是包罗万象，比如高大上的技术库和框架、酷炫的运营活动页面、H5小游戏，当然前端技术的应用在更多具有商业价值的应用上，比如下图。 3.架构从传统后台MVC向REST API+ 前端 MV*(MVC、MVP、MVVM) 迁移 在传统的MVC下，当前前端和后端发生数据交互后会刷新整个页面，从而导致比较差的用户体验。因此我们通过Ajax的方式和后端REST API作通讯，异步的刷新页面的某个区块，来优化和提升体验，同时把MVC拿到前端来做 MVVM框架 1.MVVM框架基本概念 :它主要包括各部分View、ViewModel、Model,如下图。在MVVM架构下，视图和数据是不能直接通讯的，它会通过ViewModel这个中间件来通讯。ViewModel起的是一个观察者的职位:当数据变化，ViewModel观察到变化，并通知视图做相应的更新；而用户操作视图，ViewModel也能监听到变化，然后通知数据做改动

从Vue.js窥探前端行业

由 做~自己de王妃 提交于 2020-02-17 11:08:23
近年来前端开发趋势 1.旧浏览器 逐渐淘汰，移动端需求增加: 旧浏览器主要指的是IE6-IE8，它是不支持ES5特性的；IE9+、chrome、sarafi、firefox对ES5是完全支持的，移动端大部分浏览器是基于webkit内核，所以ES5在移动端也是全面支持的，因此vue可以在移动端以及现代浏览器中大显身手。 2.前端交互越来越多，功能越来越复杂 : 现在的前端可谓是包罗万象，比如高大上的技术库和框架、酷炫的运营活动页面、H5小游戏，当然前端技术的应用在更多具有商业价值的应用上，比如下图。 3.架构从传统后台MVC向REST API+ 前端 MV*(MVC、MVP、MVVM) 迁移 在传统的MVC下，当前前端和后端发生数据交互后会刷新整个页面，从而导致比较差的用户体验。因此我们通过Ajax的方式和后端REST API作通讯，异步的刷新页面的某个区块，来优化和提升体验，同时把MVC拿到前端来做 回到顶部(go to top) MVVM框架 1.MVVM框架基本概念 :它主要包括各部分View、ViewModel、Model,如下图。在MVVM架构下，视图和数据是不能直接通讯的，它会通过ViewModel这个中间件来通讯。ViewModel起的是一个观察者的职位:当数据变化，ViewModel观察到变化，并通知视图做相应的更新；而用户操作视图，ViewModel也能监听到变化

前端必备知识：10分钟学会Twitter最牛的前端框架

由 一个人想着一个人 提交于 2020-02-17 10:20:31
Bootstrap，来自Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。 国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。 课程目标 掌握前端框架Bootstrap的使用 适合人群 前端开发者 原文链接 来源： https://www.cnblogs.com/zhangyangzai/p/7217796.html

优秀的Web前端CSS框架Bootstrap（一）：简介

由 青春壹個敷衍的年華 提交于 2020-02-17 10:03:56
（一）Bootstrap简介 Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。 Bootstrap中包含了丰富的Web组件，根据这些组件，可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件：下拉菜单、按钮组、按钮下拉菜单、导航、导航条、面包屑、分页、排版、缩略图、警告对话框、进度条、媒体对象等。 Bootstrap自带了13个jQuery插件，这些插件为Bootstrap中的组件赋予了“生命”。其中包括：模式对话框、标签页、滚动条、弹出框等。 官方网址是： http://twitter.github.io/bootstrap/ 最新文件下载： http://twitter.github.io/bootstrap/assets/bootstrap.zip ，下载下来的压缩包中，有一个doc目录，事实上就是官方网站的大部分页面了，是一个很好的范例。 后面的文章大部分内容是从官方网站翻译或者网络搜索而来
订阅 前端