
WEB前端
文章平均质量分 67
没有风雨怎能远方
这个作者很懒,什么都没留下…
展开
-
Html 理解
html (超文本标记语言)编辑网页Html 超文本标记语言 决定网页的结构文本内容; Css层叠样式表 决定网页的样式;JS Java Script 脚本语言 决定网页的"行为";1.骨架结构 :文档标记,也称 HTML开始标记 :头标记,也称HTML头信息开始标记原创 2017-07-10 19:59:27 · 297 阅读 · 0 评论 -
Css3变换和过渡
一.变换变换属性transform: nonetransform-functions;可添加多个变换方法进行变换,用空格隔开变换中心点transform-origin: x y z;将变换的基准点切换到该坐标点变换形式transform-style: flat(2d转换)transform-style:preserve-3d;(3d转换)原创 2017-08-09 15:10:44 · 268 阅读 · 0 评论 -
Html5多媒体标签与拖拽
1.多媒体标签1.音频:(如果浏览器不支持就显示)不支持时显示controls属性:属性值与属性名同。可以省略。控制显浏览器默认控制条。常用方法:play()播放视频音频方法 pause() 暂停播放 load() 重新加载文件 anPlayType(type) 判断是否可播放该类型的音频、视频。返回值:probably:支持播原创 2017-07-26 15:53:30 · 707 阅读 · 0 评论 -
JS 控制图片在浏览器上幻灯片式自动播放
浏览图片 *{ margin:0px; padding: 0px; } .ct{ margin: 0 auto; width: 500px; } .pic{ height: 500原创 2017-07-27 11:33:37 · 2385 阅读 · 0 评论 -
js 抢购倒计时
倒计时抢购|| function calc(){ //定义目标时间,保存到变量endDate中; var endDate=new Date("2017/8/25 20:10"); //获取当前时间; var now=new Date(); //获取时间差:s:parseInt((endDate-now原创 2017-08-24 15:52:53 · 338 阅读 · 0 评论 -
前端面试题(部分)
web前端阶段测试试题(html js css)非原创,本文纯属copy一、单选题(共30题,每题1分)1. 新窗口打开网页,用到以下哪个值( )A. _self B. _blank C. _top D. _parent参考答案:B详解:a标签的target属性_self在页面本身的框架中打开新网页(默认值)原创 2017-08-22 09:43:08 · 4719 阅读 · 0 评论 -
导航栏翻转效果
* { margin: 0; padding: 0; } ul { margin: 30px 40px; } li { width: 190px; height: 50px; list-s原创 2017-08-24 15:48:12 · 1656 阅读 · 0 评论 -
Sass预处理语言
一种CSS的预处理器。Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码,易于组织和维护。sass的变量定义格式$变量名:属性值;默认变量sass的默认变量仅需要在值后面加上!default即可。特殊变量如果变量作为属性则必须要以#{$variables}形式使用。全局变量在变量值后面加上!原创 2017-09-06 15:07:56 · 525 阅读 · 0 评论 -
Angular表单验证
Angular表单验证1.如何数据绑定2.验证表单3.显示出错信息4.整个Form验证5.避免提交没有验证通过的表单6.防止多次提交原创 2017-09-06 15:23:19 · 376 阅读 · 0 评论 -
jQuery基本知识回顾
1页面引入jQuery库的方式cript type="text/JavaScript" src="jquery-3.2.1.min.js">2 入口函数第一种:$(function(){});第二种:$(document).ready(function(){});第三种:jQuery(function(){});jquery入口函数和js入口函数区别原创 2017-08-30 15:35:41 · 270 阅读 · 0 评论 -
jQuery知识点回顾 动画
1基本动画效果show([speed,[easing],[fn]]):显示选择的元素hide([speed,[easing],[fn]]):隐藏选择的元素toggle([speed,[easing],[fn]]):切换选择的元素(speed表示速度; esaing 表示动画效果两个默认值 linear:线性的 swing旋转 ;fn 表示回调函数)2滑动效果原创 2017-08-30 15:50:45 · 278 阅读 · 0 评论 -
浏览器兼容问题2
27. 页面的最小宽度如上一个问题,IE不识别min,要实现最小宽度,可用下面的方法:?1234class="hljs css">#container{ min-width: 600px; width:expression(document.body.clientWidt转载 2017-10-24 01:08:32 · 319 阅读 · 0 评论 -
浏览器兼容问题1
1. HTML对象获取问题FireFox:document.getElementById("idName");ie:document.idname或者document.getElementById("idName").解决办法:统一使用document.getElementById("idName");2. const问题说明:Firefox下,可以使转载 2017-10-24 01:03:25 · 286 阅读 · 0 评论 -
javascript 复习
1.instanceof:用于判断对象是否属于某个类返回类型为boolean类型只能判断对象和函数,不能判断数组和字符串2.javascript中以下6种情况的逻辑值为false0、-0、“”、null、undefined、NaN3.转换函数parseInt(“AF”,16); 16进制转换parseFloat(“22.5”); 转换为浮点数原创 2017-08-16 10:38:14 · 228 阅读 · 0 评论 -
Html Css 未掌握的地方回顾复习
keyword标签 关键字声明description 网页描述caption 表格标题HTML 超文本标记语言 结构(内容)CSS 层叠样式表 样式JS JavaScript脚本语言 行为 padding和margin都一样。① 四个值都设置: 上 右 下 左② 三个值设置了:原创 2017-08-16 10:22:17 · 644 阅读 · 0 评论 -
CSS层叠样式表理解
CSS层叠样式表css 层叠样式表 属于标记型语音 cssDIV + CSS是WEB设计标准,是一种网页布局方法 样式分类行内样式(位于HTML标签体内部)其内联样式(位于head标签内)样式代码外部样式(外部文件+link引入)选择器标签选择器(标签名{} body{ ...})类class选择器(.class名{})id选择器(原创 2017-07-10 20:17:45 · 585 阅读 · 0 评论 -
JS 浏览器网页显示跳动的时间代码
效果如下图html>html>head lang="en"> meta charset="UTF-8"> title>title>style> body{margin-left: 300px; margin-top: 200px; font-size: 60px; color: red;原创 2017-07-10 20:24:23 · 1417 阅读 · 0 评论 -
CSS层叠样式表深层理解
盒子模型width(宽度)- 设置模型的内容宽度height(高度)- 设置模型的内容高度padding(内边距)- 设置模型的内边距的距离margin(外边距)- 设置模型的外边距的距离border(边框)- 设置模型的边框大小分方向显示时的属性值padding和margin都一样。 四个值都设置: 上 右 下 左三个值设置了: 上 右左 下原创 2017-07-10 20:53:16 · 695 阅读 · 0 评论 -
CSS定位分析与理解
css定位分类1.静态定位:static2.相对定位:relative3.固定定位:fixed4.绝对定位:absolute1.静态定位position:static;静态的定位是相对网页左上角来定位2相对定位position:relative;相对定位不脱离标准文档流,对标准文档流还存在影响。左边的字并不会向前移动。通俗的讲就是相对自己原来的原创 2017-07-10 21:18:52 · 321 阅读 · 0 评论 -
CSS浮动分析
CSS浮动分析1.脱离标准文档流实现定义:让标签脱离标准文档流的约束限制,独自进行定位设置约束:一般脱标设置的都是块级元素(内联元素可以脱标,不常用)实现方式:浮动、绝对定位、固定定位2.浮动的特性1>.浮动的元素脱离了标准文档流的约束2>.浮动的元素相互贴靠3>.浮动的元素具有字围现象4>.浮动的元素对后面的元素有影响3去除浮动影响原创 2017-07-11 15:37:57 · 241 阅读 · 0 评论 -
JS 控制网页轮播图片的自动,按钮,导航原点转换
效果如下图script type="text/javascript"> //实现进入轮播区域,显示按钮 //banner-item是div大盒子里面的id var bannerItem = document.getElementById("banner-item"); //获取轮播图片、轮播按钮、轮播导航点三部分 但是有四个ul var bannerI原创 2017-07-15 17:22:58 · 1789 阅读 · 1 评论 -
Html5 canvas标签实现简易画图板
* { margin: 0; padding: 0; } .zt { width: 600px; height: 600px; border: solid 4px rgba(0, 0, 0, 0.67); margin-le原创 2017-07-29 16:43:35 · 942 阅读 · 1 评论 -
Css3新增属性
1.新增边框属性box—shadow【实现边框阴影】 属性值有 :模糊度 X轴偏移 Y轴偏移 color 阴影颜色border—radius【 实现圆角边框】 属性值越大角度越大border—image【实现图片边框】border-image: source slice width outset repeat;2.新的多列布局column原创 2017-08-07 16:31:03 · 507 阅读 · 0 评论 -
Css3响应式布局
Css3响应式布局1.响应式布局的含义在不同的情况下对页面进行合理的布局(视窗口的宽度与高度 不同电脑的分辨率 不同设备平板电脑与手机等。。)2多媒体查询语法: @media not|only mediatype and (expressions) { CSS 代码...;}CSS3 多媒体类型all 用于所有多媒体类型设备print原创 2017-08-08 16:27:54 · 400 阅读 · 0 评论 -
Css3响应布局 弹性盒子
弹性盒子(flexbox)组成:弹性容器(Flex container)和弹性子元素(Flex item)弹性容器(Flex container):display:flex|inline-flex;内部包含一个或多个弹性子元素注意:设置为弹性容器后,子元素的float/clear/vertical-align属性将失效属性 1.flex-direction原创 2017-08-08 16:46:11 · 636 阅读 · 0 评论 -
Html5新增常见标签
HTML5所有标签汇总及标签意义解释 这篇文章主要介绍了HTML5所有标签汇总及标签意义解释,本文总结了结构标签、多媒体交互标签、Web应用标签、注释标签、其他标签等内容,可以参考下 结构标签:(块状元素) 有意义的div 标记定义一篇文章 标记定义一个页面或一个区域的头部 标记定义导航链接 标记定义一个区域原创 2017-07-24 16:12:11 · 926 阅读 · 0 评论 -
前端框架分类
前端框架比较繁多,分了以下类主要有基于js的类库框架(主要分为纯类库和包含设计模式的类库)、UI框架、可视化组件等。想补充一点的楼主暂时知道WPF、AngularJS和VUE.JS是用的MVVM,感觉MVVM很牛逼,其实一般,简单可以理解为ASP.MVC里面的强类型数据绑定(欢迎大神斧正)。想单独提出来的是有人会有这样的疑问:asp.mvc和apring.mvc我可以理原创 2017-11-03 15:36:07 · 2798 阅读 · 1 评论