文章分类 -  03-前端

摘要:1.vuejs简单入门 1.VueJS 概述与快速入门 1.1 VueJS介绍 Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑 定和组合的视图组件。它不仅易于上手,还便于与第三方库或既有项目整合。官网:https://cn 阅读全文
posted @ 2019-03-14 13:11 payn 阅读(163) 评论(0) 推荐(0)
摘要:>CSS3CSS 用于控制网页的样式和布局。CSS3 是最新的 CSS 标准。CSS3可以向后兼容。CSS3模块●选择器●框模型●背景和边框●文本效果●2D/3D 转换●动画●多列布局●用户界面>>CSS边框通过CSS3,能够创建圆角边框,想矩形添加阴影。使用图片来绘制边框。●border-radi 阅读全文
posted @ 2018-11-28 17:33 payn 阅读(173) 评论(0) 推荐(0)
摘要:附注: script写在标签下面,保证标签加载后再执行。快捷键 ctrl+alt+v 自动生成dom对象。href属性描述了跳转的目的地。写#是跳转到本页面。url后面面多加l了#javascript:void(0); 保留a标签的点击效果 去除跳转效果(重新加载了了本页面,或跳转了其他页面)jav 阅读全文
posted @ 2018-11-24 12:00 payn 阅读(127) 评论(0) 推荐(0)
摘要:JavaScript概念:一门客户端脚本语言。 运行在客户端浏览器中。每一个浏览器都有一个JS的解析引擎。功能:可以来增强用户和html页面的交互过程。可以控制html元素。让页面有一些动态效果。增强用户体验。JavaScript的发展历史:1. 1992年,Nombase公司,开发出第一门客户端脚 阅读全文
posted @ 2018-11-22 19:24 payn 阅读(159) 评论(0) 推荐(0)
摘要:精灵图如果以页面上有太多的小图片,就将给服务器发送过多的请求,造成服务器的压力。现在将页面上的小的图片做成一张大图,那么竟来在页面请求服务器的时候,只需要发送一条请求就可以将所有的图片全部拿到。这一张图片就叫做精灵图。即CSS Sprite。实现:1、将很多的小图片放到一张大图上。2、backgro 阅读全文
posted @ 2018-11-22 18:49 payn 阅读(184) 评论(0) 推荐(0)
摘要:盒子模型行内元素和块级元素的区别:行内元素:与其他行内元素并排;不能设置宽、高。默认的宽度,就是文字的宽度。块级元素:霸占一行,不能与其他任何元素并列;能接受宽、高。如果不设置宽度,那么宽度将默认变为父亲的100%。块级元素和行内元素的分类:文本级标签:p、span、a、b、i、u、em。容器级标签 阅读全文
posted @ 2018-11-21 22:26 payn 阅读(179) 评论(0) 推荐(0)
摘要:HTML标签:表单标签概念:用于收集用户填写的数据。用于和服务器进行交互。form:用于定义表单的。可以定义一个范围,范围代表采集用户数据的范围属性:action:指定提交数据的URLmethod:指定提交方式get:在地址栏中显示,会封装到请求行中。有代销限制。不安全。post:不会在地址栏显示, 阅读全文
posted @ 2018-11-21 19:59 payn 阅读(130) 评论(0) 推荐(0)
摘要:元素的显示方式1、块级元素 独占 一行,可以给这个元素设置宽高。display(显示方式):block所属标签:div,p,h1,ul,li,ol,dl2、行内标签 可以多个标签放在同一行,但是给标签设置宽高没有作用。所属标签:span,b,u,i,s,ins,del,strong,em3、行内块级 阅读全文
posted @ 2018-11-21 15:47 payn 阅读(176) 评论(0) 推荐(0)
摘要:>CSS单位尺寸px(pixel):像素像素:是指由图像的小方格组成的,这些小方块都有一个明确的位置和被分配的色彩数值,小方格颜色和位置就决定该图像所呈现出来的样子。可以将像素视为整个图像中不可分割的单位或者是元素。分辨率(解析度):单位英寸(2.54厘米)中所包含的像素点数。像素是分辨率的单位。6 阅读全文
posted @ 2018-11-21 14:39 payn 阅读(217) 评论(0) 推荐(0)
摘要:>CSS1.1概念:CSS:Cascading Style Sheets层叠样式表1.2优点:1、功能强大。2、将内容展示和样式控制分离。 降低耦合度。 让分工协作更加容易。 提高开发效率。1.3CSS的使用:CSS和HTML结合方式1、内联样式 在标签内使用style属性(HTML5的标准属性,所 阅读全文
posted @ 2018-11-20 22:21 payn 阅读(148) 评论(0) 推荐(0)
摘要:>块级/行级标签的区别块级标签:1.默认宽度100%,占满一行。2.块级标签自动换行(独占一行,右边不能有任何东西)。3.块级标签可以使用CSS设置快读盖度。行级标签:1.默认宽度由内容撑开。2.行级标签不会自动换行(一行中,从左到右依次排列)。3.行级标签宽度高度不能设置。基本块级标签h、hr、p 阅读全文
posted @ 2018-11-20 21:01 payn 阅读(207) 评论(0) 推荐(0)
摘要:表单标签:<form>:创建供用户输入的表单。表单可包括:文本域、复选框、单选按钮等。用于向指定URL传递数据。属性 描述action 定义一个URl,当点击提交按钮时,向此URL传递数据。deta 供自动插入数据。replace 定义表达那提交时做的事情。accept 处理该表单的服务器可正确处理 阅读全文
posted @ 2018-11-20 16:22 payn 阅读(170) 评论(0) 推荐(0)
摘要:MIME类型MIME(Multipurpose Internet Mail Extensions)多用途互联网邮件扩展类型。是设定某种扩展名的文件用一种应用程序来打开的方式类型,当该扩展名文件被访问的时候,浏览器会自动使用指定应用程序来打开。多用于指定一些客户端自定义的文件名,以及一些媒体文件打开方 阅读全文
posted @ 2018-11-19 15:35 payn 阅读(142) 评论(0) 推荐(0)
摘要:概述主要划分为两类资源:静态资源,动态资源。静态资源:css,html等标签分类:1.围堵标签2.自闭合标签动态资源:jsp等 <!DOCTYPE> 声明是文档中的第一个成分,位于 <html> 标签之前。该标签告知浏览器文档所使用的 HTML 规范。<html> 元素告知浏览器这是一个 HTML 阅读全文
posted @ 2018-11-18 22:11 payn 阅读(156) 评论(0) 推荐(0)