前端
VickyMWW
这个作者很懒,什么都没留下…
展开
-
JavaScript面向对象详解(原理)
概述JavaScript中的面向对象是基于原型链来实现的,这不同于其他语言复制拷贝的方式。我觉得原型链的好处是节约内存,提高性能,缺点可能就是不那么容易理解。下面我们就来循序渐进的通过原型链,来理解JavaScript中的面向对象。面向对象的概念是为了解决什么问题?如果我们想创建一个具有一定功能的集合,在JavaScript中我们可以这样写:var Animal = { name: 'kitty', sleep: function(){ console.log(th转载 2020-06-07 09:45:03 · 487 阅读 · 1 评论 -
轮播图案例
第一步,确定整体结构(页面中包含的div)确定大的主页面设置类名为main;确定大的菜单图(背景图片,可轮播);• 用一个子div包含三个a语句,并设置类名,以便设置样式的时候插入背景图片;• 用超链接a语句以便设置样式的时候插入图片制作用于上一张/下一张的按钮;• 设置三个小圆点,用div做出圆,在设置样式的时候设置其大小,边框等确定左边主菜单栏确定主菜单栏点开后的子菜单栏注意:在子菜单栏下设置的div,为其设置专属类名,以便设置样式2、小箭头第二步,设置样式1、 用通配原创 2020-05-30 10:57:52 · 377 阅读 · 0 评论 -
css3的动画实现
关键属性animation其中包括:动画名称;时间;延迟时间;播放次数关键帧@keyframes 动画名称{ 0%{ 相关属性..... } 20%{ 相关属性.... } 40%{ 相关属性...} 60%{ 相关属性....} 80%{ 相关属性...} 100%{ 相关属性....}}1、animation-name转载 2020-05-23 09:57:40 · 219 阅读 · 0 评论 -
JavaScript运算符和程序控制语句
比较运算符比较运算符:用于比较两个值,结果true或者false运算符的范围: > >= != < <=实例:x < 10为true //x=2逻辑运算符包含逻辑与 或 非 等,结果是true或者false&& and || or ! 非(x<10&&y>1) x=2以及y=5 truea. 对于&& 两个都是true原创 2020-05-23 09:47:29 · 249 阅读 · 0 评论 -
用CSS3实现动画进度条
CSS3的新特性为我们实现漂亮的进度条扫清了障碍,我们可以完全不需要任何图片和简单的Javascript代码就可以构建。一、第一个例子效果图:Demo地址:http://namepk.sinaapp.com/demo/progress.html。1、 基本的HTMLHTML代码非常简单: <div id="loading-status"> <div id="precent"></div> </div&转载 2020-05-16 11:28:13 · 3428 阅读 · 1 评论 -
css基础概述
css入门css的作用1、结构与样式分离的方式,便于后期的维护和修改2、可以用多套样式,使网页有任意样式切换的效果3、使得页面载入的更快,降低服务器的成本css语法,基本语法,注释,与行标签对比,选择器分类,样式表引用方式;基础样式:字体样式,文本样式,链接样式;列表样式:有序列表,无序列表,定义类别(列表项设置为图片)伪类:各种伪类的作用,用法以及使用场合;样式分类:外部样式,内部样式,行内样式使用内部样式完成背景设置①background-color 颜色值;②backgrou原创 2020-05-16 11:16:39 · 194 阅读 · 0 评论 -
CSS3边框圆角实现方法
语法border-radius:length|percentage {1,4}1length : 用长度值设置对象的圆角半径长度。不允许负值percentage : 用百分比设置对象的圆角半径长度。不允许负值{1,4}是说该属性支持1~4参数值;参数解释一个参数:所有半径相等,顺时针,自左上角到左下角两个参数:对角相等.第一个参数:左上角=右下角;第二个参数:右上角=左下角三个参数.第一个参数:左上角;第二个参数:右上角=左下角;第三个参数:右下角四个参数:自左上角到左下角转载 2020-05-11 16:06:30 · 463 阅读 · 0 评论 -
HTML5的属性变化
H5新增属性分为四节内容:1、Input email url number range Date pickers search color tel2、表单属性 autocomplete autofocus multiple placeholder required3、链接属性 link base – target /a超链接4、其他属性 script ol html style电子邮件input类型:统一资源定位符电话号码 inpu原创 2020-05-11 15:57:31 · 196 阅读 · 1 评论 -
html标签的盒子模型介绍
盒子模型,这主要是针对像div等块标签而言,是拿生活中的实物形象比喻。1.盒子模型在html标签中div和div中的内容,可以比喻成生活中一个锦盒,并且这个大的盒子里还装着一个小盒子中情景。首先这个盒子是有边框的,至于边框多厚就看是什么盒子了,其次,小盒子并不是硬生生的噻进大盒子的,而是留有空隙的放进大盒子中,这就是是大盒子的内边距,也就是指与大盒子边框内侧多远的范围才允许放东西。所在这个...转载 2020-05-03 13:24:31 · 1062 阅读 · 0 评论 -
HTML表格理论
基本结构: ①Table – 表格 ②Tr – 行 ③Td – 单元格 – 列语法:Caption -- 表格的标题 居中显示 -- 表头TrTh/th -- 表格头,内容居中显示,加粗显示/tr -- 表格的主体TrTd/td -- 表体 -- 默认靠左显示 不加粗/tr -- 脚注TrTd/td -- 表体 -- 默认靠左显示 不加粗/tr表格的操作:添...原创 2020-05-03 13:17:59 · 140 阅读 · 0 评论 -
HTML5中的form表单
元素用于生成输入表单,该元素不会生成可视化部分,它除了通用属性id、style、class外,还可以指定onclick事件,除此之外,还有以下几个属性: Action: 指定当单击表单内的确认按钮时,该表单被提交到那个地址。该属性既可以指定一个绝对地址,也可以指定一个相对地址,该属性必填,非常重要! method:指定提交表单时发送何种请求,该属性有get和pos...转载 2020-04-25 19:08:47 · 226 阅读 · 0 评论 -
HTML基础
HTML基础:Html是一种超文本标记语言 HyperText Markup Language。其特点是:1、html不需要编译,直接通过浏览器展现;2、html是一个文本文件;3、必须使用html/htm作为文件的后缀名;4、大小写不敏感;Html的基本结构包含三部份:1、头部信息 测试2、网页内容 网页主体内容3、整个html文件HTML标签的属性语法:<标签名 ...原创 2020-04-25 11:25:40 · 181 阅读 · 0 评论