- 博客(21)
- 收藏
- 关注
原创 Math-Date
一.MATH1:Math对象Math 对象用于执行数学任务。Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math()。无需创建它,通过把 Math 作为对象使用就可以调用其所有属性和方法。2:Math属性PI:返回圆周率(约等于3.14159)。console.log(Math.PI);3:Math方法Math.round(3...
2019-06-14 10:04:19 219
原创 ES5
1:ES5简介ECMAScript 5.1 (或仅 ES5) 是ECMAScript(基于JavaScript的规范)标准的修正。 与HTML5规范进程本质类似,ES5通过对现有JavaScript方法添加语句和原生ECMAScript对象做合并实现标准化。2:严格模式简介除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。顾名思义,...
2019-06-05 17:30:24 3480 1
原创 函数
1:函数的概念和作用定义:函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。作用:可以使一段代码块重复的使用。2:函数的编写function funcName(){}例:function hello(){document.write(‘hello’);}3:函数调用调用方式:1:手动调用。即:函数名称()。hello();2:事件驱动。...
2019-06-05 17:28:57 229
原创 循环结构
1:循环结构1:当循环结构2:直到型循环结构2:当循环结构3:直到型循环结构4:while循环语法:while(bool){// 循环代码体}var a=4;while(a < 10){document.write(a);a++;};5:do...while循环语法: do{// 循环代码体} while(bool)...
2019-06-05 17:28:21 184
原创 选择结构知识点
流程控制JS程序一般是按照书写的顺序来进行的,这种运行称为顺序运行,是程序流的默认方向,与顺序运行不同,另一种运行将程序流转换到脚本的另外的部分,也就是说,不按顺序运行下一条语句,而是运行另外的语句,为了使脚本可以使用,该控制的转换必须以逻辑的方式运行,程序控制的转换基于一个“决定”,这个决定结果是真还是假(true或false),来决定程序的运行方向。程序三大结构a)、顺序结构b)、...
2019-06-05 17:27:11 440
原创 vue与react的对比,如何选型?从性能,生态圈,数据量,数据的传递上作对比
1) React和Vue有许多相似之处,它们都有: 使用 Virtual DOM 提供了响应式(Reactive)和组件化(Composable)的视图组件。 将注意力集中保持在核心库,伴随于此,有配套的路由和负责处理全局状态管理的库。 2) 性能: 到目前为止,针对现实情况的测试中,Vue的性能是优于React的。 3) 生态圈 Vu...
2018-08-13 20:31:39 8100
原创 关于VUE常会问到的部分面试题
1.vue的虚拟dom? 虚拟的DOM的核心思想是:对复杂的文档DOM结构,提供一种方便的工具,进行最小化地DOM操作。2.如何理解vue中MVVM模式? MVVM全称是Model-View-ViewModel;vue是以数据为驱动的,一旦创建dom和数据就保持同步,每当数据发生变化时,dom也会变化。DOMListeners和DataBindings是实现双向绑定的关键。DOM...
2018-08-13 20:30:03 10567
原创 js漂浮窗效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-08-03 16:17:51 8395
原创 为什么使用a标签时要加上javascrip或是删除href
今天看做的项目时,突然发现我们组的小伙伴们将a标签后面的href空着或是直接加了#,这样做是不对的,#和' '都是点击刷新页面,第一次遇到这个坑是有一次写轮播图,两边的按钮是用a写的,没有加javascript,效果一直出不来,最后问了大佬才知道,因为a标签后面的href空着就相当于刷新一次页面,所以效果出不来,每次点击的时候并不是跳到了下一张图片,而是将整个页面重新刷新了。所以小可爱们记得哦...
2018-08-01 11:59:31 803
原创 css3实现旋转相册效果
<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>旋转相册</title><style type="text/css">body,div,p,ul,ol,li,
2018-08-01 11:49:36 9465 2
原创 PC端瀑布流无限加载效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>瀑布流</title> <style> * { margin: 0; padding: 0; } #bo
2018-08-01 11:49:17 1382
原创 css3实现立方体动画
<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>立方体动画</title><style type="text/css">body,div,p,ul,ol,li
2018-07-31 16:39:57 976
原创 折叠菜单栏 选项卡效果
先来看看效果图首先默认显示的是爷爷,点击之后会先展开最下面一栏,然后出来上边的那部分,下面的兄弟五个是一个选项卡的效果,可以点击切换,点击右上角的差点击可以收回去,回到原来的样子,废话不多说,直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
2018-07-31 16:35:50 1913
原创 js实现模态窗口增加与删除
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>模态窗口</title> <link rel="stylesheet" href="index.css"
2018-07-31 16:28:46 1100
原创 跨域获取小米数据
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>跨域获取数据</title> <style type="text/css"> #list span
2018-07-31 16:23:20 461
原创 留言板效果
先看效果图<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>留言板</title> <style> *{ margin:0; padding: 0; } #box{
2018-07-31 16:17:46 510
原创 仿京东选项卡效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>选项卡</title> <style> *{ margin: 0; padding: 0; } body{ font-
2018-07-31 16:12:51 1388
原创 吸顶效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>吸顶</title> <style type="text/css"> *{ margin: 0; padding: 0
2018-07-31 16:10:31 348
原创 轮播图效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播图</title> <style> *{ margin: 0;
2018-07-31 16:06:59 134
原创 放大镜效果
首先先写html样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>放大镜效果</title> <link rel="stylesheet" href="i
2018-07-31 15:58:57 282
原创 个人项目中使用iconfont小图标和团队项目中使用iconfont小图标
百度搜索阿里巴巴矢量图标库,将自己喜欢的小图标添加至购物车,点击购物车,点击添加至项目点击创建新项目这里就是我们即将使用的小图标喽如果对某些小图标的样式不太满意,将鼠标放在小图标上面点击编辑就可以修改样式了,然后点击下载解压之后的目录是这样的将iconfont.css放到你自己的css文件夹中,然后引入到你自己的项目中,在css文件夹同级目录下创建一个f...
2018-07-31 15:38:13 10553
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人