web前端开发
文章平均质量分 80
HarryClaire
Hello World
展开
-
HTML和CSS基础概念
Html、CSS和JS的关系学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。CSS样式是表现。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。JavaS...原创 2018-03-08 19:42:08 · 1248 阅读 · 0 评论 -
JavaScript中History对象
概述history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。语法:window.history.[属性|方法] (window可以省略)History 对象属性 History 对象方法 ...原创 2018-04-08 16:47:19 · 289 阅读 · 0 评论 -
Vue的渐进式理解
引言Vue的核心的功能,是一个视图模板引擎,但这不是说Vue就不能成为一个框架。如下图所示,这里包含了Vue的所有部件,在声明式渲染(视图模板引擎)的基础上,我们可以通过添加组件 Vue的核心的功能,是一个视图模板引擎,但这不是说Vue就不能成为一个框架。如下图所示,这里包含了Vue的所有部件,在声明式渲染(视图模板引擎)的基础上,我们可以通过添加组件系统、客户端路由、大规模状态管理来...转载 2018-06-19 10:41:39 · 20527 阅读 · 1 评论 -
AJAX基础总结
概述原创 2018-08-03 16:34:33 · 189 阅读 · 0 评论 -
css中的px和em,rem说明
px原创 2018-07-30 15:08:48 · 296 阅读 · 0 评论 -
ES5和ES6区别浅析
前言JavaScript一种动态类型、弱类型、基于原型的客户端脚本语言,用来给HTML网页增加动态功能,具体概念不做过多的说明。这里说一下JavaScript的主要组成:【组成一】 ECMAScript(核心)ECMAScript是JS的核心,它规定了语言的组成部分:语法、类型、语句、关键字、保留字、操作符、对象 ...原创 2018-07-27 17:27:46 · 7348 阅读 · 0 评论 -
Vue生命周期总结
概述原创 2018-08-09 10:53:27 · 415 阅读 · 0 评论 -
CSS常用属性总结
下面的属性是本人学习W3school上的内容,纯属个人学习总结,希望能给大家带来方便。如需学习请至W3school CSS课堂查看详情,自行学习。原创 2018-08-09 16:58:33 · 437 阅读 · 0 评论 -
HTML中元素的position属性详解
CSS 有三种基本的定位机制:相对定位(relative)、浮动定位(float)和绝对定位(absolute)。默认情况下,所有元素都采用相对定位,即DOM元素的位置由元素在 (X)HTML 中的位置决定。普通定位的具体规则是:块级框从上到下一个接一个地排列,框之间的垂直距离是由框的垂直外边距计算出来。行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。但是,垂直内边...原创 2018-08-09 17:27:42 · 7370 阅读 · 0 评论 -
vue项目中draggable实现拖拽排序
本文简要介绍在Vue项目中利用draggable实现拖拽排序的功能,先简单展示下具体功能。如上图所示,点击【排序】之前list中每个item不能进行排序,当选中【排序】后可以拖拽的方式进行排序。下面就简单介绍些该功能中实现的组件和具体的代码。...原创 2018-10-09 15:16:55 · 10592 阅读 · 4 评论 -
一种动态填充iframe方法
在项目中有时候需要获取HTML内容,然后动态填充到iframe中去。iframe的编辑不跟其他诸如div、p等标签一样,不能简单地用.innerHtml = ''设置。编辑iframe跟编辑文件差不多,需要往里写入内容。话不多说,下面直接从项目中粘贴代码:handleShowMessage() { var content = this.contentHtml var ...原创 2019-01-02 19:51:12 · 2319 阅读 · 0 评论 -
git rebase和git merge的区别
git rebasegit rebase会“重新设置基线”,将你的当前分支重新设置开始点。这个时候才能知道你当前分支于你需要比较的分支之间的差异。原理很简单:rebase需要基于一个分支来设置你当前的分支的基线,这基线就是当前分支的开始时间轴向后移动到最新的跟踪分支的最后面,这样你的当前分支就是最新的跟踪分支。这里的操作是基于文件事务处理的,所以你不用怕中间失败会影响文件的一致性。在中间的过程中...转载 2019-05-23 20:21:41 · 170 阅读 · 0 评论 -
JavaScript 计时器
概述在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。计时器类型:一次性计时器:仅在指定的延迟时间之后触发一次。 间隔性触发计时器:每隔一定的时间间隔就触发一次。计时器方法如下: 计时器setInterval()在执行时从载入页面后每隔指定的时间执行代码。语法: setInterval(代码,交互时间); 参数说明:...原创 2018-04-08 14:54:32 · 366 阅读 · 0 评论 -
CSS垂直居中显示设置
我们在实际工作中也会遇到需要设置垂直居中的场景,比如好多报纸的文章标题在左右一侧时,常常会设置为垂直居中,为了用户体验性好。这里我们又得分两种情况:父元素高度确定的单行文本,以及父元素高度确定的多行文本。父元素高度确定的单行文本父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的 height 和 line-height 高度一致来实现的。height: 该元素的高度li...原创 2018-03-14 11:39:18 · 195 阅读 · 0 评论 -
HTML基本标签总结(一)
<body>标签 在网页上要展示出来的页面内容一定要放在body标签中。 <p>段落标签 如果想在网页上显示文章就需要<p>标签了,把文章的段落放到<p>标签中 <p>段落文本</p> 标签的默认样式,段前段后都会有空白,如果不喜欢这个空白,可以用css样式来删除或改变它。 <hx>标题标签 使原创 2018-03-08 20:16:57 · 327 阅读 · 0 评论 -
HTML基本标签总结(二)
由于HTML标签较多,进行了多篇文章的梳理,有需要的朋友们可以点击HTML基本标签总结(一)查看前半部分的总结介绍。谢谢大家!<ul>标签 在浏览网页时,会发现网页上有很多信息的列表,如新闻列表、图片列表,如下图所示。 这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。语法:<ul> <li>信息<...原创 2018-03-12 15:00:43 · 248 阅读 · 0 评论 -
CSS基本概念介绍
引言CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。如下列代码:span,div,p{ font-size:12px; color:red; font-weight:bold;}使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一...原创 2018-03-12 16:36:29 · 2823 阅读 · 0 评论 -
CSS选择器总结
每一条css样式声明(定义)由两部分组成,形式如下:选择器{ 样式;}在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。 [标签选择器] 标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img&g...原创 2018-03-12 17:32:21 · 120 阅读 · 0 评论 -
CSS的继承、特殊性和层叠
继承CSS的某些样式是具有继承性的,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。p{ color:red;}<p>三年级时,我还是一个<span>稚嫩的</span>小鲜肉。</p>...原创 2018-03-12 17:49:07 · 177 阅读 · 0 评论 -
CSS文字和段落排版
文字排版【字体】 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。body{ font-family:"宋体";}这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你...原创 2018-03-12 17:57:27 · 5662 阅读 · 0 评论 -
CSS盒子模型
概述在介绍CSS盒子模型之前,需要理解CSS中的元素。在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、&原创 2018-03-12 21:40:19 · 148 阅读 · 0 评论 -
CSS布局模型
引言CSS包含3种基本的布局模型,用英文概括为:Flow、Layer 和 Float。流动模型(Flow) 浮动模型 (Float) 层模型(Layer)流动模型流动(Flow)是默认的网页布局模式。流动布局模型具有2个比较典型的特征:第一点,块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100%。实际上,块状元...原创 2018-03-13 10:40:51 · 173 阅读 · 0 评论 -
JS基本事件总结
概述JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。比如说,当用户单击按钮或者提交表单数据时,就发生一个鼠标单击(onclick)事件,需要浏览器做出处理,返回给用户一个结果。主要事件表总结如下: 鼠标单击事件( onclick )onclick是鼠标单击事...原创 2018-03-23 17:19:24 · 467 阅读 · 0 评论 -
JavaScript内置对象总结
概述JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性和方法。对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等;对象的方法:能够在对象上执行的动作。例如,表单的“提交”(Submit),时间的“获取”(getYear)等;...原创 2018-03-23 17:51:37 · 319 阅读 · 0 评论 -
CSS水平居中显示设置
我们在实际工作中常会遇到需要设置水平居中的场景,比如为了美观,文章的标题一般都是水平居中显示的。这里我们又得分两种情况:行内元素 还是块状元素 ,块状元素里面又分为定宽块状元素,以及不定宽块状元素。行内元素如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。<head><style> ....原创 2018-03-14 11:22:08 · 421 阅读 · 0 评论