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