前端Html
一个半路出家的人
半路出家,不要问我出处。
展开
-
用hover操纵同级元素
通过+号来操纵同级元素只能操纵相邻的兄弟元素,也可操纵相邻同级元素的子元素不相邻的同级元素不能操纵<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>hover操纵同级元素</转载 2018-08-14 09:09:41 · 13457 阅读 · 2 评论 -
三大系列offset,scroll,client
1,offset系列通过style的方式获取属性值,只能获取在 标签中写的值(因为这个值没有单位) offset 系列: offsetWidth:获取元素的宽,没有单位 offsetHeight:获取元素的高,没有单位 offsetLeft:获取向左定位值offsetTop:获取向上定位值当父元素,子元素都没有脱离文档流时 offsetLef 为父盒子margin + ...原创 2018-09-17 21:15:47 · 284 阅读 · 0 评论 -
js中 构造函数,原型,和实例化对象
1,构造函数创建对象造成的内存浪费,和原型的引入 function Person(name,age){ this.name = name; this.age = age; this.introduce = function(){ alert('我是'+this.name) }; } ...原创 2018-09-18 21:04:40 · 5008 阅读 · 0 评论 -
localStorage、sessionStorage
一、什么是localStorage、sessionStorage在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。 二、localStorag...原创 2018-10-17 23:32:27 · 99 阅读 · 0 评论 -
jQuery知识点总结
第一部分:1,DOM对象和jquery对象 通过$()函数,jQuery()函数获取的对象 都是js对象, 用$(dom)包裹dom对象,可以将dom对象转变为jquery对象 jquery对象常用方法,eq方法(下标获取元素),index()获取对象的下标2,选择器 基本选择器: 标签,类 id选择器, 交集 并集 层级选择...原创 2018-09-28 22:23:20 · 177 阅读 · 0 评论 -
Canvase
一、canvas简介 <canvas> 是 HTML5 新增的,一个可以使用脚本(通常为JavaScript)在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画,甚至可以进行实时视频处理和渲染。 它最初由苹果内部使用自己MacOS X WebKit推出,供应用程序使用像仪表盘的构件和 Safari 浏览器使用。 后来,有人通过Geck...原创 2018-10-18 22:50:11 · 1870 阅读 · 0 评论 -
background c3属性
1. 回顾一下之前学习过的background属性 1.1 background-color 1.2 background-image 1.3 background-repeat 1.4 background-position 1.5 background-attchment 1.6 background 2. CSS3新增的bac...转载 2018-10-15 22:07:53 · 441 阅读 · 0 评论 -
css3样式
一、transformcss3引入了一些可以对网页元素进行变换的属性,比如旋转,缩放,移动,或者沿着水平或者垂直方向扭曲(斜切变换)等等。这些的基础都是transform属性transform属性有一项奇怪的特性,就是它们对于其周围的元素不会产生影响。换句话说,如果将一个元素旋转45度,它实际上是重叠在元素的上方,下方或者旁边。而不会移动其周围的内容。旋转:transform:rota...原创 2018-10-11 00:29:27 · 566 阅读 · 0 评论 -
meta name="viewport" content="width=device-width,initial-scale=1.0" 究竟什么意思
meta name="viewport" content="width=device-width,initial-scale=1.0" 解释 <meta name="viewport" content="width=device-width,initial-scale=1.0"> content属性值 : width:可视区域的宽度,值可为数字或关键词de...转载 2018-10-23 00:07:44 · 62670 阅读 · 3 评论 -
bootstrap(一)
bootstrap是一个前端框架,包括:基本结构,bootstrap CSS,Bootstrap 布局组件,bootstarp插件几个部分.基本结构包括:栅格系统,连接样式,背景的基本结构,CSS: bootstrap子代以下特性:全局的css设置,定义基本的HTML元素样式,可扩展的class,以及一个先进的网格系统组件: 有十几个组件,包含创建图像,下拉菜单,导航,警告框,弹出框...原创 2018-10-28 23:06:15 · 850 阅读 · 0 评论 -
web移动端 touchstar事件,touchmove事件 touchend事件
web移动端开发中常用的三个事件,现在的智能机都是触屏操作.所以触摸在移动端的开发中几乎无处不在,下面介绍移动开发中常用的几个事件touchstart事件:当手指触摸屏幕时候触发,即使已经有一个手指放在屏幕上也会触发。touchmove事件:当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间,调用preventDefault()事件可以阻止滚动。touchend事件:当手指从屏幕上...原创 2018-10-23 23:04:56 · 1370 阅读 · 0 评论 -
前端插件jquery.singlePageNav.min.js(导航点击菜单跳转与点击缩放菜单折叠按钮缓冲效果插件)
Bootstrap导航点击菜单跳转与点击缩放菜单折叠按钮缓冲效果插件jquery.singlePageNav.min.js引入步骤:<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><script src="js/bootstrap.min.js">...原创 2018-10-29 11:19:18 · 2999 阅读 · 0 评论 -
vue指令,循环,
1、创建一个vue实例 vue的一个特点就是数据驱动界面,一旦对js中的数据进行修改,界面中用到数据的地方也会立马做出更改。为了对界面进行操纵,需要先获取到界面的标签元素,并实例化一个vue实例。例如HTML中有一个div: <div id="app"> <p>{{msg}}</p> </div>...原创 2018-11-16 00:44:39 · 272 阅读 · 0 评论 -
css字体导入和应用
一,@font-face的使用方法@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,@font-face的语法规则: @font-face { font-family: <YourWebFontName>; src: <source> [<format>][,<source> [<for...原创 2018-08-29 23:40:04 · 1372 阅读 · 0 评论 -
html表单,表单域
一,基本的表单标签及属性 input 标签 输入表单属性:text 定义输入文本 radio定义单选按钮 同组单选按钮 name属性值必须统一 这样才能实现单选,(checked="checked"可以设定初始值) checkbox 复选框 button普通按钮,可以通过value设定按钮显示名称 submit提交按钮...原创 2018-08-21 19:57:58 · 5478 阅读 · 0 评论 -
css的position属性
Html css position属性 position属性把元素放置在一个静态的,相对的,绝对的,或则固定的位置中.1,第一个属性absolute,绝对定位生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定<!DOCTYPE html>&...原创 2018-08-11 11:49:02 · 12720 阅读 · 0 评论 -
html,css元素隐藏于显示
用css隐藏页面元素的方法有很多种,你可以将opacity设为0.visibility设为hidden将display:设为none将position设为absolute 然后将位置设到不可见的区域(不常用)(z-index:1; 盒子重叠 数值大的在最上面 opacity:0.5;透明度为0.5,opacity:1,完全不透明.opacity:0;完全透明)<!d...原创 2018-08-11 13:30:30 · 2666 阅读 · 0 评论 -
css选择器详细讲解
1,元素选择器(标签选择器) p{} h1{}2,选择器的分组: 将选择器的名字用逗号隔开,构成一组选择器 h1,h2{} 同组选择器公用大括号内的样式 特殊选择器的分组*通配符*{}用来初始化 内外边距3,类选择器:.class{} 可以结合元素选择器(标签选择器) a.class{} (结合标签的选择器) .class1.class2{} (多类选择器...原创 2018-08-22 16:51:52 · 403 阅读 · 0 评论 -
伪类选择器
伪类选择器总共有四种hover 鼠标上移时候的样式visited 鼠标点击过后的样式link 没有点击时候的样式active 点击一瞬间时候的样式原创 2018-08-22 19:12:37 · 523 阅读 · 0 评论 -
javaScript常用事件
js常用的事件有一下:<!--onClick 单击事件--><!--onMouseOver 鼠标经过事件--> onMouseOut鼠标没有经过时的状态<!--onChange文本内容改变事件--><!--onSelect文本框选中事件--><!--onFouse光标聚集事件--><!--onBlur移开鼠标事件...原创 2018-08-23 11:37:46 · 748 阅读 · 0 评论 -
居中! 居中! 居中!
1,行内元素的居中方法:text-align:center:2,对于块元素,margin:0 auto; 前提是这个块元素必须定义宽度;3,有table表格来实现居中4,块装换为行内元素来实现块级元素水平居中5,父盒子,子盒子都采用相对定位,父元素left:50%;子元素left:-50%,相对自己的长度减回了50%,这样实现向右偏移后拉回多的部分6,css3的flexbox...原创 2018-08-27 21:17:00 · 945 阅读 · 0 评论 -
html标签属性
块集元素通用属性:1,align="center" 2,bgcolor 定义背景色 <meta charset="UTF-8"> <title>标签常用属性</title></head><body> <!-- 块集便签公共属性 --> <!-- align -原创 2018-08-20 19:35:59 · 1285 阅读 · 0 评论 -
css选择器权重计算
选择器的权重是决定htm样式重要因素,选择器权重的计算是由四个数字决定的:继承或则*贡献值 0,0,0,0 (这四个数字的权重从左到右依次减小)标签元素 0,0,0,1类和伪类 0,0,1,0每个id 0,1,0,0每个行内样式 1,0,0,0每个!important ∞无穷大例题一<!DOCTYPE HTML PUBLIC "-//W...原创 2018-08-23 19:23:48 · 272 阅读 · 0 评论 -
css盒子模型的理解
所谓盒子模型就是把HTML页面的元素看作一个矩形盒子,也将就是盛装内容的容器,每个矩形都市元素的内容,内边距(padding),边框(border),和外边距(margin)组成.border-style的属性值 none:没有边框属性值 solid:边框为单实线(最常用) dashed:边框为虚线 do...原创 2018-08-24 12:14:42 · 2223 阅读 · 0 评论 -
盒子阴影、精灵技术、滑动门
一,盒子阴影 我们可以设置盒子的阴影效果,可以使盒子更加美观;语法格式box-shadow:水平阴影 | 垂直阴影 | 模糊距离 | 阴影颜色 内/外阴影;h-shadow:必需填写,水平阴影的位置,允许为负值v-shadow:必需填写,垂直阴影的位置,允许为负值blur:模糊距离,可以不必填写 spread:阴影的颜色, inset/outset ...原创 2018-08-28 19:58:50 · 199 阅读 · 0 评论 -
CSS3 - 设置渐变颜色背景,线性/放射性/循环
渐变就是多种颜色混合而成的效果,css3要实现渐变,就必须使用渐变函数来设置background或则background-imge属性。同时为了兼容各个浏览器(IE,safari,chrome,Firefox),还需要添加对应的带开发商前缀的渐变1,线性渐变a,使用linear-gradient()函数可以创建渐变<style> #div1 { ...原创 2018-08-28 20:37:20 · 46323 阅读 · 2 评论 -
html列表、表格基本用法
一,列表1,无序列表 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>列表</title></head><body> <!原创 2018-08-21 18:45:38 · 888 阅读 · 0 评论 -
谈谈VUE种methods watch和compute的区别和联系
从作用机制和性质上看待methods,watch和computed的关系图片标题[原创]:《他三个是啥子关系呢?》 首先要说,methods,watch和computed都是以函数为基础的,但各自却都不同 而从作用机制和性质上看,methods和watch/computed不太一样,所以我接下来的介绍主要有两个对比:1.methods和(watch...原创 2018-11-19 22:50:42 · 423 阅读 · 0 评论