爱上喝水的女孩-优快云博客

转载 JQuery动画中stop()和finish()的区别

stop()接受三个参数（要停止的动画名称，是否清空队列中的动画，是否当前动画立即完成） stop()表示停止执行当前动画，后续动画接着进行。 stop(true,false)表示停止执行当前动画，后续动画不再进行。 stop(false,true)表示当前动画立即完成，后续动画接着完成。 stop(true,true)表示当前动画立即完成，...

2018-04-09 23:27:18 1159

转载 jQuery中删除方法empty(),remove()和detach()的区别

empty()清空匹配元素的所有子节点，自身节点和事件都没有被删除。remove()除了元素本身被保留外，其他绑定的事件、数据都会被移除。detach()这个方法与remove()方法不同的是所有绑定的事件、附加的数据等都会被保留下来。<!DOCTYPE html><html><head><meta charset=" utf-8"><...

2018-04-09 22:12:31 639

原创模拟搜索框从数据库加载数据解释一些小知识

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding: 0p

2018-04-06 20:52:42 629

原创 js写的心愿墙小程序-模拟数据库获取数据

这个练习是看网上的视频自己又写了一遍，对一些知识点进行的总结，从基础到高级都有讲解，有需要的可以看一下。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>心愿墙</title> &l

2018-04-05 20:29:00 1853 1

原创三、网页练习JS知识点、小函数总结

1.事件的三要素：事件、事件源、事件驱动。2.DOM的解析过程： HTML加载完毕后，渲染引擎会在内存中把HTML文档生成一个DOM树，然后过去元素节点，操作的时候就是修改该元素的属性。3.DOM节点的获得如下图的节点父子兄关系：a.父亲节点parentNode调用方式节点.parentNodeb.兄弟节点：(1) 在IE678中用nextSibling,在火狐谷歌中IE+9以后就用n...

2018-04-05 15:09:46 227

原创二、网页练习知识点、小函数总结

1. 在js中对象的概念：世间的一切事物都可以用对象来描述，对象具有特征和行为。面向对象和基于对象的区别：面向对象：可以创建自定义的类型，特征：封装、继承、多态。如java/c++/c# 基于对象：无法创建自定义类型，不支持继承、多态。所以js是基于对象的。2. new a.开辟内存空间，存储新创建的对象（new Object()）; b.把this设置为...

2018-03-30 22:56:44 192

原创点击出现弹窗遮罩层的小示例

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>鼠标拖拽</title> <style type="text/css"> body{ background: url(image

2018-03-30 21:26:44 1511

翻译 tab切换小案例及小知识总结

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body{ marign:0

2018-03-28 23:31:00 549

原创一、网页练习知识点小总结

在看视频的过程中整理了一些小细节的东西，有需要的朋友可以看一下。1.首先在打开的网页中的小图标一般的是这么做的<link rel="shortcut icon" href="/favicon.icon" />2.清除浮动的方法 a.单伪元素清除浮动浮动元素的父元素调用clearfix类。.clearfix:after{ content:""; height:0; ...

2018-03-28 23:30:19 300

原创 html之解决边框重合问题，鼠标移动文字上文字抖动问题

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding: 0p

2018-03-25 22:49:22 2266

翻译用html+css写出网页中经常用的小三角

我们在网页中会经常看到一些小三角，有的是使用图片，但是这种的加载速度相比文字写出来的慢一些，下面就是我用简单的css写出来的小三角。后续还会添加一些其他的方式。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> &

2018-03-25 17:29:43 1787

转载用js实现复选框的全选和取消全选的代码

上图是代码的运行效果图，完整的代码如下：<!DOCTYPE html><html> <head> <meta charset="{CHARSET}"> <title>全选和取消全选</title> </head> <body> &lt

2018-03-07 22:12:52 829

翻译关于点击出现弹窗，遮罩层鼠标拖拽的练习

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>自定义弹出框</title> <style type="text/css"> .layout { width: 2000p

2018-03-02 22:37:16 677

翻译三、Vue菜鸟小教程-嵌套路由、二级路由示例

首先写这篇文章之前先声明一下，这篇文章是在空余时间写出来的，后期还会再往里面添加东西或者改动的，如果有哪里不对也欢迎指出。在学习过程中我都是先阅读一遍官方文档，然后看例子学的，因为个人觉得在做的过程中学习知识是比较快的。下面就遇到了这个问题，$route.parame.id是什么意思呢，在网上查了好多文档，了解到这些东西。下面先看一下程序<!DOCTYPE html&gt...

2018-03-01 21:30:35 10245

js简单小程序练习-排行榜文字向上滚动

本人还在学习阶段，本着把基础知识先熟悉了，然后在例子中加深印象，下面这段代码是在网上找的，当练习使用。<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> &l

2018-02-09 21:48:57 855

转载二、Vue菜鸟小教程-vue-router的简单入门程序

使用vue.js做项目的时候，一个页面是由多个组件构成，所以在页面跳转的时候，并不适合用传统的href，于是vue-router应运而生。这算是学习Vue的第二阶段吧，前几天大概的把一些基本知识浏览了一遍，今天就在网上找了这么一个小程序来巩固一下吧。vue-router入门小程序1.首先引入vue和vue-router包。可以使用cdn和npm的方式，作为初学者还是先使用cdn的

2018-01-30 15:52:36 1042

翻译一、Vue菜鸟小教程-安装

一直以来都想写一些技术博客，来记录自己学过的东西，但总是有这样或那样的理由没有写成，直到今天才开始动笔。作为一个前端小白，如果哪里有不正确的地方也欢迎各位大佬指出，一定虚心学习，好好改正。这篇博客是关于Vue的，本人是先简单的看了一下关于Vue的技术文档，然后进行初步的安装，但是在这里出现了一些小问题，那就是在安装的时候提示node.js的版本不支持，导致最后安装Vue也没有成功

2018-01-29 13:55:17 2428

爱上喝水的女孩的博客