随笔分类 - Web前端
摘要:关于html中table表格tr,td的高度和宽度 做网页的时候精到会遇到各种各样的问题,经常遇到的一个就是会碰到表格宽度对不齐的问题。 首先,来分析一下这三个标签中height和width的区别: 1、table中的width和height设置及其作用:table中设置的height其实是设置个最
阅读全文
摘要:引用一段话: GoF (Gang of Four,四人组, 《Design Patterns: Elements of Reusable Object-Oriented Software》/《设计模式》一书的作者:Erich Gamma、Richard Helm、Ralph Johnson、John
阅读全文
摘要:mvc全称:Model View Controller,分别为Model(模型),View(视图),Controller(控制器)。 这张图就很好的解释了MVC框架的基本工作原理,Modal通常为后台逻辑和数据处理部分,View是应用程序中处理数据显示的部分,Controller(控制器)是应用程序
阅读全文
摘要:行内元素对齐:display:inline-block; 今天见到一个一行元素水平排列,但是对不齐啊,如图: 代码: 问题原因:因为行内元素的排列都是按照一条水平基线进行排版的,所以可以使用vertical-align解决: 这样就能解决很多问题了,排版也很好。但是一想这个跟文本有无内容有关系:如果
阅读全文
摘要:关于html中table表格tr,td的高度和宽度 做网页的时候精到会遇到各种各样的问题,经常遇到的一个就是会碰到表格宽度对不齐的问题。首先,来分析一下这三个标签中height和width的区别: 1、table中的width和height设置及其作用:table中设置的height其实是设置个最小
阅读全文
摘要:亲爱的同学们,敬爱的老师们,大家下午好。 我是司文宇,来自软件学院2013级,现任蓝旭工作室本科生负责人。 很荣幸参加本次活动,接下来我将从以下四个方面进行我今天的汇报: 一,蓝旭现状 蓝旭工作室位于净月校区大学生活动中心二楼,办公室占地 60 平方米,现有13级成员 18 人,14级成员 18 人
阅读全文
摘要:去年此时,W3C定稿了HTML5。我曾发表一篇文章《HTML 5终于定稿,为什么原生App世界将被颠覆》,这文章转载量很大,它阐述了HTML5的来龙去脉,分析了HTML5的优劣势并对未来发展做了一些预测。时隔一年,我们看看HTML5产业都发生了什么,那些基于理论的预测,哪些被实践了,结果又如何?20...
阅读全文
摘要:【前端神秘的面纱】对后端开发来说,前端是神秘的,眼花缭乱的技术,繁多的框架,如果你还停留在前端等于只用jquery做开发,那么你out了,本文从Java的角度简述下目前前端流行的一些框架。水平有限,欢迎指正。【nodejs】官网:https://nodejs.org/简介:对前端来说极其重要的一个“...
阅读全文
摘要:将Date对象转化成毫秒数: 这样就可以随意转化成我们想要的功能了。 js中原声js时间函数方法: var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)m
阅读全文
摘要:弹出modal,确定删除,取消不删除点击是,成功删除,点击取消不删除。但是多次点击取消,再点击确定,刚才点击取消的会一起删掉。我写的代码:$(".text-btn-del").click(function(){ var _this = $(this); $("#myModal-del")...
阅读全文
摘要:bower解决js的依赖管理前言:一个新的web项目开始,我们总是很自然地去下载需要用到的js类库文件,比如jQuery,去官网下载名为jquery-1.10.2.min.js文件,放到我们的项目里。当项目又需要bootstrap的时候,我们会重复刚才的工作,去bootstrap官网下载对应的类库。...
阅读全文
摘要:boostrap中lg,md,sm,xs分别表示多少px?.col-xs- 超小屏幕 手机 (表示在.col-lg- 大屏幕 大桌面显示器 (≥1200px)时,占一行的3/12,在.col-md- 中等屏幕 桌面显示器 (≥992px)时,占4/12,在.col-sm- 小屏幕 平板 (≥768p...
阅读全文
摘要:javascriptfor...in 语句for...in 语句用于对数组或者对象的属性进行循环操作。for ... in 循环中的代码每执行一次,就会对数组的元素或者对象的属性进行一次操作。Tip:for-in循环应该用在非数组对象的遍历上,使用for-in进行循环也被称为“枚举”。语法:for ...
阅读全文
摘要:变形--矩阵 matrix()matrix()是一个含六个值的(a,b,c,d,e,f)变换矩阵,用来指定一个2D变换,相当于直接应用一个[a b c d e f]变换矩阵。就是基于水平方向(X轴)和垂直方向(Y轴)重新定位元素,此属性值使用涉及到数学中的矩阵,我在这里只是简单的说一下CSS3中的t...
阅读全文
摘要:变形--位移 translate()translate()函数可以将元素向指定的方向移动,类似于position中的relative。或以简单的理解为,使用translate()函数,可以把元素从原来的位置移动,而不影响在X、Y轴上的任何Web组件。translate我们分为三种情况:1、trans...
阅读全文
摘要:变形--缩放 scale()缩放 scale()函数让元素根据中心原点对对象进行缩放。缩放 scale 具有三种情况:1、scale(X,Y)使元素水平方向和垂直方向同时缩放(也就是X轴和Y轴同时缩放)例如:div:hover { -webkit-transform: scale(1.5,0.5)...
阅读全文
摘要:变形--扭曲 skew()扭曲skew()函数能够让元素倾斜显示。它可以将一个对象以其中心位置围绕着X轴和Y轴按照一定的角度倾斜。这与rotate()函数的旋转不同,rotate()函数只是旋转,而不会改变元素的形状。skew()函数不会旋转,而只会改变元素的形状。Skew()具有三种情况:1、sk...
阅读全文
摘要:变形--旋转 rotate()旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。如果这个值为正值,元素相对原点中心顺时针旋转;如果这个值为负值,元素相对原点中心逆时针旋转。如下图所示:HTML代码: CSS代码:.wr...
阅读全文
摘要:multiple backgrounds多重背景,也就是CSS2里background的属性外加origin、clip和size组成的新background的多次叠加,缩写时为用逗号隔开的每组值;用分解写法时,如果有多个背景图片,而其他属性只有一个(例如background-repeat只有一个),...
阅读全文