ovocc的博客

插槽的介绍

不包含vuex

个人笔记之vue

git一些介绍

简单介绍了npm的安装和使用

浅谈http协议

表单，表单用于向服务器传输数据。用户可以在form表单标签里面放input，textarea,select等可以填写数据的标签，实现表单对数据的获取上传。可以说表单form标签是连接前端页面和后端服务器数据的桥梁。一.表单的组成表单主要有三个方面组成1.form标签form标签为双标签<form></form>，他负责包含负责输入数据内容标签。包含在form表单里面的数据才可以一口气被form表单打包提交。2.表单域表单域负责就是form里面包裹的所有元素标签。里.

客户端和服务器进行通信主要是请求-处理-响应过程，这里整理一下三钟用户发起请求的三种方式

js正则表达式

简单总结jQuery属性操作和内容文本

jQuery封装了JavaScript常用的的功能代码，优化了DOM操作，事件处理，动画设计和Ajax交互。我们这里就简单介绍一下滑动滑出，隐藏显示，淡出淡入，自定义动画这四种简单的动画方式 参数[spped]:指的的速度,可加可不加，通常有两种：[easing]:用来指定切换效果，默认swing[fn]:回调函数，在动画完成执行的函数，每个元素执行一次一、显示隐藏1.show()2.hiden()1.toggle()综合案例二、淡出淡入1.fadeIn()2.fadeOut()3.fadeTogg.

常见的jQuery选择器前言四大选择器一.jQuery基础选择器1.ID选择器2.全选选择器3.类选择器4.标签选择器5.并集选择器6.交集选择器二、使用步骤1.引入库2.读入数据总结前言jQuery唯一个javascrip库,里面封装了JavaScript常用的的功能代码，优化了DOM操作，事件处理，动画设计和Ajax交互。但因为jQuery对象有自己的封装，dom对象不能使用，所以需要选择器将对象选取出来使用四大选择器一.jQuery基础选择器1.ID选择器ID选择器可以选择指定id的

前提前文：对象的创建和调用添加链接描述一. for…in语句对象的遍历1.作用：用于对数组或者对象的属性进行循环操作2.语法: for (变量 in 对象) { }3.案例： var obj = { name: 'pink老师', age: 18, sex: '男', fn: function() { console.log('111');

DOM概论什么是domdom能做什么dom树获取元素概论什么是dom文档对象模型,W3C组织推荐的的处理可扩展标记语言的标准编程接口DOM 是一项 W3C (World Wide Web Consortium) 标准。DOM 定义了访问文档的标准：“W3C 文档对象模型（DOM）是中立于平台和语言的接口，它允许程序和脚本动态地访问、更新文档的内容、结构和样式。”文档：一个页面就是一个文档，DOM中使用document表示元素：页面里所有的标签都是元素，DOM中使用element节点

一.字面量创建1.创建2.调用二.new Object1.创建2.调用三.构造函数1.创建2.调用一.字面量创建1.创建里面的属性或者方法采取键值对的形式 键 属性名:值 属性值var obj={ name:'张三', age:18, sex:'男', sayHi:function(){ console.log('你好'); }}2.调用console.log(obj.name);console.log(obj['age'];obj.sayHi();二.ne.

js拥有动态类型，同时意味着相同的变量可用作不同的类型，但是这里我们只介绍js的五种简单数据类型，对复杂数据类型(object)不做介绍。 String(字符串型)定义字符串引号嵌套JS字符串转义符字符串长度字符串拼接Number(数字型 )数字型进制数字型范围数字型三个特殊值isNaN()Boolean(布尔型)Undefined （未定义数据类型）Null（空值）String(字符串型)定义var str = '字符串';1.字符串型可以是引号中的任意文本，其语法为 双引号 “” 和.

他不是好不好用的问题！他真是的那种，那种很少见的那种，他有标准化的html+css编码规范，提供了一套简介，直观，强悍的组件，有自己的生态圈，不断地更新迭代，连格子都给你分好了，遗憾是就是太好用无脑了，导致我到现在对其他web布局都看不上了。 前言先聊聊Bootstrap简介网站使用方式现在可以用栅格系统为所欲为了简介选项参数前言当我学web移动端布局be like：当我接触到栅格系统be like：虽然你问我学会了啥be like：但是，盒子，是摆好的的盒子，你问我我啥.

前言 Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。 原理二级目录三级目录原理通过给父盒子添加flex

转换（transform）是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、变形、缩放缩放：scale:缩放，顾名思义，可以放大和缩小。 只要给元素添加上了这个属性就能控制它放大还是缩小。1.语法：transform:scale(x,y);2.总结：宽和高都放大一倍，相对于没有放大transform:scale(2,2) ：宽和高都放大了2倍transform:scale(2) ：只写一个参数，第二个参数则和第一个参数一样，相当于 scale(2,2)transform:s

转换（transform）是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、变形、缩放缩放：scale:缩放，顾名思义，可以放大和缩小。 只要给元素添加上了这个属性就能控制它放大还是缩小。1.语法：transform:scale(x,y);2.总结：宽和高都放大一倍，相对于没有放大transform:scale(2,2) ：宽和高都放大了2倍transform:scale(2) ：只写一个参数，第二个参数则和第一个参数一样，相当于 scale(2,2)transform:s

水平居中很简单，垂直居中头裂开。垂直居中小技巧，只会一种怎能行，要是这种没法用，你说你该怎么做。不如看看此博客，从此居中不难弄。这里写目录标题一级目录二级目录三级目录一级目录二级目录三级目录...

用CSS实现元素的显示与隐藏前言一级目录二级目录三级目录一级目录二级目录三级目录一级目录二级目录三级目录前言  将元素的显示和隐藏，他们的主要目的是让一个元素在页面中消失，但是不并非是将该元素删除，虽然在界面中是看不见它的，但实际上它还存在与文档源代码里面。俗称消失了，但也没完全消失。一级目录二级目录三级目录一级目录二级目录三级目录一级目录二级目录三级目录...

布局样式导入小技巧1.重复使用的排版样式可以单独放入一个css文件，每次使用导入该css文档即可。比如：在该开发网站中每个网页都有相同样式的导航栏（图中黑色边框框出来的部分）若每个网站html文档中都打一遍，则有几个网站就要打几遍。这样会让人感觉很麻烦。这时候不如把导航栏样式代码提取出来，装入一个css文件里面，使用的时候导入就行。这样可以减少界面的代码量，何乐而不为。图片导航栏代码没有截取完全，仅供导入说明参考一些使用css实现的动态效果1.鼠标经过图片会在原来位置放大效果效果