阮太太-CSDN博客

原创 ES6中的entries

//1.输入的一个对象，返回的是以对象的属性名和属性值组成的二维数组 var obj = { foo: "mm", baz: 324 }; console.log(Object.entries(obj)) //[["foo","mm"],["baz",324]];// 2.如果原对象的属性名是一个Symbol值，该属性会被忽略console.log(Object.entri...

2019-11-13 20:40:28 1152

原创作用域插槽

在使用插槽时，若是想通过插槽，可以把税对象中data的数据展示到页面中，一直借用插槽的作用域--------------------------Vue.component('mycomponents', { data() { return { user: { name: "我是slot中绑定上去的" } ...

2019-11-08 16:30:08 139

原创 vue之插槽

什么是插槽：插槽就相当于占位置，帮指定的和插槽的name设置的一样的v-slot的元素占一个位置，可以放自己想放入的东西在Vue实例中定义局部的组件，然后slot使用标签来定义一个插槽 <slot name = b></slot>中的name相当于是这个slot的身份证在html的代码中也是通过这个name名来找到他的对应的插槽new Vue({ ...

2019-11-08 16:14:54 149

原创定义指令

html代码部分：> <div id="app">> <input type="text" v-model="content" v-slice:11.number="content">> {{ content }}> </div>JavaScript代码部分：// 定义指令的时候不需要...

2019-11-08 16:06:21 201

原创 Vue基础指令

html部分：<div id="app">     {{"hello world"}} {{"hello" +" world"}} {{ {a:1,b:2} }} &lt...

2019-11-08 16:01:27 74

原创箭头函数

// 用法： // function show (argument) { // console.log("242燃烧弹") // } // 同等于： let show = () => { console.log("242燃烧弹") } // 箭头函数的特点： // 1.箭头函数不会有创建自己的this，所以箭头函...

2019-10-18 11:34:26 113

原创 ES6新增方法

1. Object.is(),比较两个参数是否完全相等，作用和“===”一样let arr = [1, 2, 3, 4];let arr1 = [1, 2, 3, 4];let ae = "1";let as = "1";console.log(Object.is(arr, arr1)) //false,数组不是基本数据类型，他们的地址不一样console.log(Object.is(...

2019-10-18 11:24:56 166

原创 ES6之前的4种继承方法

2019-10-18 11:09:46 793

原创 ES6中的keys（）方法详解

2019-10-15 20:30:23 2487

原创向服务器发送文件

html代码部分：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <form method="post" action="files-...

2019-10-09 10:40:32 489

原创 ES6中新加的数组API

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <p>123</p> <p>1...

2019-09-19 08:39:24 290

原创 svg中的path

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body{ text-align: center; }...

2019-09-17 20:54:04 196

原创 SVG中的结构化、分组和引用元素

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> svg{background-color:white;} ...

2019-09-17 20:36:16 343

原创单次匀速改变单个元素的单个属性的封装函数.js

//elem是需要修改的元素,target是修改的元素需要达到的目标,change_style是需要修改的元素的属性 function move(elem, target, change_style) { //每一次开始的时候都清除上一次的定时器 clearInterval(elem.timer); elem.timer = setInterval(function()...

2019-09-12 09:53:55 93

原创 ES6中新添加的字符串API

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> //数组API： const s = "Hello world!"; // ...

2019-09-12 09:53:03 207

原创 canvas时针

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #my_canves { display: block; margin: auto; ...

2019-09-12 09:52:15 127

原创当拖拽元素时遇到的各种问题，以及解决方法

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>设置整个页面的元素都能拖动</title> <style type="text/css"> #box1 { width: 100px; height: 100...

2019-08-27 19:57:14 1561

原创 BOM中的location以及了解href的组成

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> /* Location对象中分装了了浏览器中地址栏的信息 ...

2019-08-26 20:53:57 294

原创 BOM中的navigation，以及辨别浏览器的类型

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript"> // Navig...

2019-08-26 20:53:06 578

原创 BOM

BOM-浏览器对象模型-BOM可以让我们通过JS来操作浏览器-在BOM 中为我们提供了一组对象，用来完成对浏览器的操作-BOM对象：Window-代表的是整个浏览器的窗口，同时window也是网页中的全局对象Navigator-代表当前浏览器的信息，通过该对象，可以来识别不同的浏览器Location-代表当前浏览器的地址栏信息，通过location可以获取地址栏信息，或则操作浏...

2019-08-26 20:52:10 79

原创实现二级菜单的伸缩功能的两种方法

要求1、点击一级菜单，如果当前二级菜单是打开状态则二级菜单收起，小图标变成+如果当前二级菜单是关闭状态则展开二级菜单，小图标变成- 并且收起其他的二级菜单2、页面中的二级菜单最多只能有一个是展开状态方法一： <html><head><title>1. 实现伸缩二级菜单</title><meta charset="utf-8" ...

2019-08-21 16:21:34 1687

原创两级联动实现的三种方法

方法一：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> window.onload = function(){...

2019-08-21 16:18:50 2265

原创修改属性值

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>修改属性</title></head><body> <a href="http://www.bailiban.com" id="aLink" cla...

2019-08-21 16:13:15 534

原创不同的情况下读取当前元素的样式

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #btn1{ background-color: burlywood; } #box1{...

2019-08-21 16:11:59 66

原创函数没有返回值调用

var x = 1, y = z = 0;function add(n) { n = n+1;}y = add(x);function add(n) { n = n + 3;}z = add(x); console.log(x);//1 console.log(y);//undefind console.log(z);//undefined 原因：后面的a...

2019-08-21 16:09:50 3365

原创有关关联数组便利的常识问题

Object.prototype.bar = 1;var foo = {moo : 2};for(var i in foo){console.log(i);}输出结果：moo bar因为在便利关联数组的时候，会把它原型上的元素也遍历到

2019-08-21 16:04:18 71

原创有关字符串API中的substring

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript"> var a...

2019-08-21 16:02:17 147

原创关于字符串API replace的巧用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <script type="text/javascript"> var str = " 取自...

2019-08-21 15:59:46 255

原创有关一个对象在修改时影不影响原型的问题

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> function Student(sn,sa){ ...

2019-08-21 15:56:15 108

原创自己编写一个API（就是在原型中添加一个函数）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> //原型一般用来解决浏览器的兼容问题，如果一个新的API，新版...

2019-08-21 15:53:44 476

原创 bind，apply，cell的区别以及用法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> // bind()方法会给予一个现有的函数，把这个函数复制，再...

2019-08-21 15:50:55 1385

原创有关document的组合查找querySelector和querySelectorAll

<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title>全选和取消全选</title> <style> table>tbody td:first-child :not(:checked){ } </style&...

2019-08-21 15:47:40 666

原创飞机大作战游戏引发的类型之间的继承问题

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>两种类型间的继承</title> <script type="text/javascript"> //创建公共的父函数 function Flyer(na...

2019-08-21 15:44:02 132

原创有关textContent

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> window.onload = function(){ ...

2019-08-21 15:41:21 142

原创运用对象或则原型链去重

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> //1. function unique(arr){ ...

2019-08-21 15:39:48 127

原创对象（Object）的四种创建方式，以及引出的所有对象都继承自Object.protopype对不对的问题

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Object的4种创建方式</title> <script type="text/javascript"> // 1.直接量： var obj ={ ...

2019-08-21 14:28:06 273

原创深度克隆和浅度克隆

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> var lilei = { sname :"li lei", ...

2019-08-21 14:25:33 70

原创 js中有关重载函数arguments

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>重载</title></head><body> <pre> 什么是重载？相同函数名，不同参数列表的多个函数在调用时，可以根据传...

2019-08-12 20:07:35 105

原创判断一个数的类型

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>原型链</title></head><body> <pre> 原型本身也是个对象，因此原型对象也有原型对象就有__proto__ ...

2019-08-12 19:24:26 191

原创 ES5中新添加的有关数组的API

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>ES5中新添加的API</title> <script type="text/javascript"> // 1.判断类API // (1.)every(...

2019-08-12 19:21:00 102

空空如也

空空如也