猴子

摘要： 。。。。做完毕设（一个小游戏），终于有时间了，做几个小球暖暖手， 一.小球会移动，碰到边缘时会弹回，鼠标经过时会放大，离开后会缩小 let myCanvas = document.getElementById("myCanvas");myCanvas.width = window.innerWidt 阅读全文

摘要： 解决办法： 在index.html中添加： <meta name="referrer" content="no-referrer"> 不发送HTTP Referer首部 阅读全文

摘要： 1.创建vue.config.js文件 2.在alias中设置别名，导出 //因为vue.js已经帮我们设置好了src的别名为“@”，所以，可以直接使用。 module.exports = { configureWebpack:{ resolve:{ alias:{ 'assets':'@/asse 阅读全文

摘要： Vuex是一个专门为vue.js应用程序开发的状态管理模式，用于集中式存储和管理应用的所有软件的状态 比如我们需要保存的用户登陆信息，购物车信息，或多个页面共享的信息等； 什么是单项数据流？ 单向数据流”理念的简单示意： State将数据映射到View，View中的Actions事件改变State数 阅读全文

摘要： 1.tabbar组件，让其固定在底部，带一个插槽，之后插入tabbar-item组件 <template> <div id="tabbar"> <slot></slot> </div> </template> <script> export default { name:'TabBar' } </s 阅读全文

摘要： 报错信息： message: "Navigating to current location ("/home") is not allowed" 原因：路由的推送或者替换都会返回一个承诺，如果没有捕获到这个承诺，如next(false)或者next("/other"),那么，控制台会报一个错误提示。 阅读全文

摘要： 为什么要使用路由懒加载？ 在我们打包后，会将我们写的所有的业务代码打包到一个js中，这时候，会造成这个js文件变得非常庞大，当用户请求的时候，会造成短暂的空白。 正常打包之后会有三个js文件，一个是我们的业务代码，一个是第三方的js，一个是用来支撑底层的js 怎么使用路由懒加载？ 之前配置路由映射的 阅读全文

摘要： Vue-Router实现前端路由，用来实现SPA页面非常容易 1.可以使用CDN引入，也可以直接安装它 npm install vue-router --save 2.然后可以对它进行配置、 创建一个index.js文件，先将vue-router引入 import VueRouter from "v 阅读全文

摘要： 1.插槽的简单使用方法 <div id="constain"> <tone ref='tone'><p>我是个插槽</p></tone> </div> <template id="tone"> <div> <slot></slot> </div> </template> <slot></slot>标 阅读全文

摘要： 1.父组件访问子组件，通过this.$children或this.#refs this.$children返回一个数组，包含所有的子组件（不推荐使用） this.#refs通过标签绑定ref使用（推荐使用） 2.子组件访问父组件，通过this.$parent或this.$root this.$par 阅读全文

摘要： 1.创建局部组件出现的问题 问题一报错：Component template should contain exactly one root element. If you are using v-if on multiple elemen原因：没有将组件模板包含在一个div中<template i 阅读全文

摘要： 1.props中的驼峰命名命名在使用时需要换成对应的kebab-case (短横线分隔命名) 命名：Vue.component('my-com',{ props:['myBla'], template: '<h3>{{ postTitle }}</h3>'}) <my-com my-bla="woq 阅读全文

摘要： 1.全局注册 Vue.component('组件名', { /* ... */ }) 组件在全局注册之后，我们可以在任何新创建的Vue根实例下使用： Vue.component('component-a', { /* ... */ }) Vue.component('component-b', { 阅读全文

摘要： 1.beforeCreated（） 在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用 2.created（） 实例已经创建完成之后被调用，在这一步，实例已完成以下的配置：数据观测(data observer)，属性和方法的运算， watch 阅读全文

摘要： WebSocket是HTML5新增的协议，它的目的是在浏览器和服务器之间建立一个不受限的双向通信的通道 一个标准的websocket请求格式： GET ws://localhost:3000/ws/chat HTTP/1.1 Host: localhost Upgrade: websocket Co 阅读全文

摘要： 在JavaScript中全局对象是windows，而在Node.js中，全局对象是global； fs 文件系统模块 1.异步读文件 'use strict';var fs = require('fs');fs.readFile('sample.txt', 'utf-8', function (er 阅读全文

摘要： 正如jQuery统一了不同浏览器之间的DOM操作的差异，让我们可以简单地对DOM进行操作，underscore则提供了一套完善的函数式编程的接口，让我们更方便地在JavaScript中实现函数式编程jQuery在加载时，会把自身绑定到唯一的全局变量$上，underscore与其类似，会把自身绑定到唯 阅读全文

摘要： try ... catch ... finally 在编写程序中有可能出现一些不知名的错误，我们可以用try ... catch 来捕捉和抛出他们 当你认为这部分代码可能出错的时候，你可以用try{}模块将他们包括起来，用来捕捉异常，而catch(e){}是捕获到异常时的回调函数，会传入一个参数，这 阅读全文

摘要： $ajax(url, settings) 第一个参数传入一个地址 第二个参数传入一个settings对象，常用选项： async：是否异步执行AJAX请求，默认为true，千万不要指定为false； method：发送的Method，缺省为'GET'，可指定为'POST'、'PUT'等； conte 阅读全文

摘要： show / hide /toggle 可以显示和隐藏DOM元素 可以传递一个时间参数进去，就变成了动画，从左上角收缩 div.hide(3000); //在3秒内消失 toggle() 类似一个开关，根据当前的状态决定是show还是hide slideUp / slideDown/slideTog 阅读全文

摘要： <!-- HTML结构 --><ul class="lang"> <li class="js dy">JavaScript</li> <li class="dy">Python</li> <li id="swift">Swift</li> <li class="dy">Scheme</li> <li 阅读全文

摘要： jQuery是JavaScript的一个库，它提高了我们的开发效率 目前jQuery有1.x和2.x两个主要版本，区别在于2.x移除了对古老的IE 6、7、8的支持，因此2.x的代码更精简。 $是著名的jQuery符号。$本质上就是一个函数，但是函数也是对象，于是$除了可以直接调用外，也可以有很多其 阅读全文

摘要： 1.JSONP 动态创建Script，请求一个带参网址实现跨域通信 <script> var script = document.createElement('script'); script.type = 'text/javascript'; // 传参并指定回调执行函数为onBack scrip 阅读全文

摘要： 1.socket.io是nodeJS的一个第三方模块，所以我们先将它安装进来*** npm install socket.io2.将它require引入进来，由于socket.io依赖http模块，所以我们同时将http模块引入进来3.创建http服务let httpServer = http.cr 阅读全文

摘要： AJAX是异步网络请求，发送AJAX请求，接受到返回的数据，然后再用JavaScript去更新页面数据，这样就感觉自己始终停留在当前页面，而数据却可以不断地更新。在现代主流浏览器中AJAX实际上就是一个XMLHttpRequest对象，而对于低版本的IE，则是ActiveXObject对象，所以，在 阅读全文

摘要： 表单操作中经常需要使用到文件的上传，我们可以使用类型为file的input标签来上传文件，而表单的enctype必须指定为multipart/form-data，method必须指定为post，浏览器才能正确编码并以multipart/form-data格式发送表单的数据。HTML5提供了File和 阅读全文

摘要： windowwindow对象不单充当全局作用域，而且还表示浏览器窗口window对象有innerWidth和innerHeigth属性，可以获取浏览器的内宽和内高；outerWidth和outerHeigth用于获取整个宽高； navigatornavigator对象表示浏览器的信息，常用属性：na 阅读全文

摘要： JavaScript对每个创建的对象都会设置一个原型，指向它的原型对象。 1.当我们访问这个对象的属性时，首先在当前对象上查找改属性，当没有找到时，会去该对象的原型对象上找，比如： function stu(name){ this.name = name; this.show = function( 阅读全文

摘要： JSON是JavaScript Object Notation的缩写，它是一种数据交换格式。它规定了字符集必须是UTF-8编码格式，为了统一解析，JSON的字符串规定必须用双引号""，Object的键也必须用双引号""。 js对象序列化成json字符串以及将json字符串反序列化成js对象非常的简单 阅读全文

摘要： 正则表达式是用来匹配字符串的一种规则.在正则表达式中如果直接给出字符，就是精确匹配；\d 匹配一个数字\w 匹配一个字符或数字. 匹配任意的字符* 匹配任意个字符+ 匹配至少一个字符？ 匹配1个或0个字符{n} 匹配n个字符{n,m} 匹配n到m个字符\s 匹配一个空格^ 表示开头$ 表示结尾 要做 阅读全文

摘要： 1.this总是指向它所在方法的对象，比如var name="zyt"function global(){console.log(this.name);//zyt 因为当前函数是全局函数，所以它的this指向window；}2.如果函数作为对象的方法调用，this指向这个对象，比如function 阅读全文

摘要： 能够读取其他函数内部变量的函数，缺陷：不会主动释放，会导致内存占用过高 实例（使输出正常0，1，2，3）：for (var i = 0; i < 4; i++) {setTimeout(function() {console.log(i);}, 300);}//4 4 4 4//因为js执行的时候会 阅读全文