0

06.前端之BootStrap

iconfont的使用: "https://www.cnblogs.com/changxin7/p/11479216.html" Bootstrap介绍 Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。 它是为实现快速开发Web应用程序而设计的一套前端工 ...

changxin7 发布于 2019-09-15 20:35 评论(0)阅读(9)
0

CSS

1.CSS介绍 CSS是Cascading Style Sheets的简称,中文称为层叠样式表,对html标签的渲染和布局 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明 2.CSS语法 实例 注释 在写css样式的时候要写一个 在下面会将为什么 3.CSS的集中引入方式 3.1行内式 ...

追梦NAN 发布于 2019-09-15 16:20 评论(0)阅读(16)
0

html/css中map和area的应用

一、使用方法: 因为map标签是与img标签绑定使用的,所以我们需要给map标签添加ID和name属性,让img标签中的usemap属性引用map标签中的id或者name属性(由于浏览器的不同,usemap属性接收二者之一的值,所以通常name和id属性二者都写,值相同),并配合area标签进行使用 ...

qxz灵均 发布于 2019-09-15 12:09 评论(0)阅读(14)
0

css的9个常用选择器

1.类选择器(通过类名进行选择) 效果图: 2.id选择器(通过id进行选择) 效果图: 3.标签选择器(通过id进行选择) 效果图: 4.分组选择器(可一次选择多个标签以设置相同样式) 效果图: 5.后代选择器(选择某个标签的所有后代以设置相同样式) 效果图: 6.属性选择器(通过属性(如name ...

嚼着炫迈去追梦 发布于 2019-09-14 20:59 评论(0)阅读(18)
0

XSLT学习(九)通过JavaScript转化xml

如果您的浏览器支持 XSLT,那么在浏览器中它可被用来将文档转换为 XHTML。 如果您的浏览器支持 XSLT,那么在浏览器中它可被用来将文档转换为 XHTML。 JavaScript 解决方案 在前面的章节,我们已向您讲解如何使用 XSLT 将某个 XML 文档转换为 XHTML。我们是通过以下途 ...

用脑袋行走的人 发布于 2019-09-13 17:01 评论(0)阅读(67)
0

html快速参考

一、html语言概述 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。 二、目前浏览器内核(了解): 三、HTML 初体验 上述实 ...

梦中飞雪 发布于 2019-09-13 14:55 评论(0)阅读(83)
0

jq动画插件,自制基于vue的圆形时钟

首先附上jq插件库,里面的东西太炫了,建议学前端的可以看看学习下:http://www.jq22.com/ 里面有个“超个性动画版本的个人简历”,通过屏幕上不断打印内容,改变相应样式来实现动画简历,我从来没想到过还有这种操作; 再附上一个比较有趣的基于vue的圆形时钟: <!DOCTYPE html ...

TenFly 发布于 2019-09-12 17:25 评论(0)阅读(32)
0

那些你不知道的HTML知识,快来学习一下吧

前言 HTML作为前端三大基础知识点之一,是每一个前端开发人员都要掌握的部分。今天这篇文章我们来看看一些平时不太会注意,却在面试时可能会问到的题目,来看看你都会吗? 如何使用div模拟实现textarea? 我们都知道textarea是form表单中一个很常见的元素,用于多行文本输入,可以设置行数和 ...

双手写代码 发布于 2019-09-12 16:11 评论(0)阅读(44)
0

04.前端之BOM和DOM

前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法,并没有和浏览器有任何交互。 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript,DOM,BOM。 BOM(Browse ...

changxin7 发布于 2019-09-12 14:29 评论(0)阅读(33)
0

Ajax发送请求的四个步骤

1.创建XMLHttpRequest let xhr=new XMLHttpRequest; 2.连接服务器 xhr.open("get","goods.json",true) true代表异步,false代表同步。goods.json代表请求的路径 3.向服务器发送请求 xhr.send() 4. ...

雪恋一人 发布于 2019-09-12 11:24 评论(0)阅读(30)
0

VUE中CSS样式穿透

VUE中CSS样式穿透 1. 问题由来 在做两款H5的APP项目,前期采用微信官方推荐的weui组件库。后来因呈现的效果不理想,组件不丰富,最终项目完成后全部升级采用了有赞开发的 组件库。同时将webpack顺利从3升级到4(项目结构 webpack+vue+vuex+vue router+vant ...

_herbert 发布于 2019-09-12 10:36 评论(0)阅读(232)
0

关于BFC的一些事

BFC的生成 在实现CSS的布局时,假设我们不知道BFC的话,很多地方我们生成了BFC但是不知道.在布局中,一个元素是block元素还是inline元素是必须要知道的.而BFC就是用来格式化块状元素盒子,同样还有管理内连盒子的IFC等.那首先就来了解一下什么是FC. 既然BFC是一块独立的渲染区域, ...

你的薄荷 发布于 2019-09-12 09:37 评论(0)阅读(30)
0

rem布局

01-rem布局-rem单位 rem单位:代表HTML的字体大小; 1em = 父亲的字体大小px; 1rem = HTML 字体大小px; 盒子的属性值,用到rem这个单位,那么HTML的字体大小发生改变,整体页面的盒子就会发生等比变化; rem单位:代表HTML的字体大小; 1em = 父亲的字 ...

键盘敲断 发布于 2019-09-11 22:18 评论(0)阅读(24)
0

前端开发CSS3——文本样式和盒子及样式

博主废话少说,直接介绍css常用的属性和属性值;属性和值只需过一遍,页面的结构还是需要布局,布局的只是后期会更新的。 提供一些图标的网站:font-awesome: http://fontawesome.dashgame.com/ | iconfont: http://www.iconfont.cn ...

呱唧_T_呱唧 发布于 2019-09-11 20:41 评论(0)阅读(38)
1

H5中图片按照比例收缩,放大

需求:后台传过来的图片不能够压缩,即使部分被截取也可以 传统方案:设置img元素如下: 但是这种方案需要img元素的外部设置一层父元素,高度与宽度为图片的高宽度 缺点:层级嵌套又增加了一层,不利于性能 现有方案:css的img有一个比较小众的属性 object-fit,具体可参考https://de ...

wangnima666 发布于 2019-09-11 16:25 评论(0)阅读(38)
1

前端CSS

[TOC] 1.CSS介绍 现在的互联网前端分三层: HTML:超文本标记语言。从 语义 的角度描述页面 结构 。 CSS:层叠样式表。从 审美 的角度负责页面 样式 。 JS:JavaScript 。从 交互 的角度描述页面 行为 CSS:Cascading Style Sheet,层叠样式表。C ...

626 发布于 2019-09-11 15:50 评论(0)阅读(28)
0

前端开发CSS3——使用方式和选择器

CSS是Cascading Style Sheets(层叠样式表)的简写,用于修饰文档的语言,可以修饰HTML、XML、SVN。每个语言都有每个语法的规则:CSS声明、CSS声明块、CSS选择器、CSS规则。 1、css声明简单来说就是一个键值对的形式,类似于 color: black; 2、css ...

呱唧_T_呱唧 发布于 2019-09-11 13:52 评论(0)阅读(28)
0

谈谈你对HTML语义化的理解。

1.什么是HTML语义化? 基本上都是围绕着几个主要的标签,像标题(h1-h6),列表(li),强调(strong em)等。 根据内容的语义化(内容结构化),选择合适的标签(代码语义化),便于开发者阅读和写出更优雅的代码的同时,让浏览器的爬虫和机器很好的解析。 2.为什么要语义化? 为了在没有cs ...

雪恋一人 发布于 2019-09-11 11:45 评论(0)阅读(33)
0

常见的浏览器内核有哪些?

Trident内核:IE浏览器以Trident作为内核引擎。(遨游,世界之窗,腾讯TT……都是IE)。 Trident内核最慢。 Gecko内核:开放源代码,以C++编写的网页排版引擎,是跨平台的。 FireFox是基于Gecko开发。 presto内核(Opera前内核)(已废弃):该款引擎的特点 ...

雪恋一人 发布于 2019-09-11 10:40 评论(0)阅读(22)
0

行内元素有哪些?块级元素有哪些?空(void)元素有哪些?

CSS规范规定,每个元素都有display属性,确定该元素的类型。每个元素都有默认的display值,如div的display默认值为“block”,则为“块级”元素;span默认display属性值为“inline”,是“行内”元素。 1.行内元素有:a(锚点),b(粗体(不强调使用)),span ...

雪恋一人 发布于 2019-09-11 09:42 评论(0)阅读(19)