内置模块
node内置模块1.path模块path模块可用于路径拼接 1234const path = require('path');const basePath = 'ser/why'const fileName = 'abc.txt'const filePath = path.resolve(basePath,fileNmae) 用的最多的就是path.resolve 关于路径拼接, 还有另一种方式 1const fileName = path.join(basePath,fileName) join,可以拼接三个或者多个路径,但是join并不会智能解析前面的’../‘ 而resolve可以智能解析前面的../将其解释为真实路径 获取路径信息 path.dirname(path)//表示文件路径 path.extname(path)//表示文件扩展名 path.basename(path)//表示文件名称 2.fs模块,文件读写12const info =...
game
Tic Tac Toe项目总结1.v-for使用报错:Cannot use v-for on stateful component root element because it renders multiple elements. 不能在根元素(root element)使用 v-for,因为v-for是个循环体呈现多个元素,v-for在根元素上导致无法渲染。 ==使用v-for的时候需要在外层加上一个div不能让他处在根元素上== 正确示例: 12345<template id="block1"> <div class="body"> <div class="box1" v-for="item in total_stats1" @click="">{{item.id}}</div> ...
problem
这里是问题汇总1.关于组件化问题:报错内容: did you register the component correctly? For recursive components, make sure to provide the "name" option. 翻译过来是: 您是否正确注册了组件?对于递归组件,请确保提供“name”选项 出现问题的原因: 所渲染的Vue实例不能在组件前面,若在前面创建实例,则无法读取到后面创建的组件。 即new Vue()==实例化Vue要放在后面== 此时问题解决,同时网上还会有引起类似报错的操作: 如果全局注册,组件名称问题: 若是组件名称是大写,Vue会报错. 可以修改为下面两种: 修改组件名称为小写,即mycomponent即可解决. 如使用局部注册,则是components少写了个s: 2.注意string类型和number类型比较会出问题1234567891011for (let item of this.childstats) { ...
role
...
JavaScript
这里是JavaScript笔记1.作用域:内部函数访问外部函数的变量,采取的是链式查找的方式来决定取哪个值,这种结构我们称之为作用域链 它坚持一个“就近原则” 2.创建函数的两种方法:(1):利用函数关键字自定义函数(命名函数)function fn(){} (2):利用函数表达式声明(匿名函数)var fun = fuction(){}两者创建方法不同,但是大体用法是相同的,函数表达式同样可以进行传递参数 3.调用对象属性的两种方法:(1):Obj.name (2):Obj[‘name’] 4.构造函数首字母要大写5.DOM:element :元素!!一定要记住页面中所有标签都是元素。文档:一个页面就是一个文档,DOM用document表示。网页中所有内容都是节点(标签,属性,文本,注释等),DOM中使用node表示DOM把以上内容都看做是对象 6.获取元素:(1)通过id:document.getElementById();//返回的是一个元素对象var timer =...
Vue-CLI目录构成
5.221.Vue CLI目录: hello //项目名 -build //用来使用webpack打包build依赖 -config //用来做整个项目配置目录 -node_modules //用来管理项目中使用的依赖 -src //用来书写vue的源代码【重点】 -assets //用来存放静态资源【重点】 -components //用来书写vue组件【重点】 -router //用于配置项目中的路由【重点】 -App.vue //项目中的根组件【重点】 -main.js //项目中的主入口【重点】 2.在main.js中,开头import Vue from...
VueX
vueX1.vueX的使用流程: 简单的使用公共资源 首先在vueX的 store文件夹中,找到 index.js文件,在里面的state中设置公共存储的值比如name 在其他组件中就可以使用this.$store.state.name来对name进行使用 修改公共资源 在其他组件中,需要用this.$store.patch('change')派发一个action 在index.js中,改写actions()方法提交一个commit,去触发mutations,提交一个变化 然后在mutations()方法中对state()方法内容去改写 注意:mutations中,只允许写同步代码,异步代码需要放到action中去写 直接上项目代码: 有一个store文件夹,用于设置vuex,入口文件为index.js 1234567891011121314151617181920/** * vuex状态管理入口 */import storage from '../utils/storage';import mutations from...
axios
axios1.当需要接受多个网络请求的时候123456789101112axios.all([axios({ url:'..'}),axios({ url:"..", params:{ type:"sell", page:5 }})]).then(axios.spread((res1,res2)=>{ console.log(res1); console.log(res2);})) 其中axios.spread()是可以将两个请求的返回值作为参数传入,而不需要使用数组的形式 2.设置默认全局配置12axios.defaults.baseURL = "http:123.207.32.32:8000"axios.defaults.timeout = 5000 3.创建axios实例1234const instance =...
es6语法
ES61.闭包与立即执行函数:具体例子可见:https://zhuanlan.zhihu.com/p/22465092 123456789var btns - document.getElementsByTagName('button');for(var i = 0; i <btns.length; i++){ (function (num){ btns[num].addEventListener('click',function(){ console.log('第'+num +'个按钮被点击'); }) })(i) //其中(function(){})()被称为立即执行函数} 那么用上箭头函数的话,上述的箭头函数应该可以改为: ((num)=>{…})(i) 那么这个例子就可以改为: 123456789var btns -...
git的使用与生命周期
5.171.编程范式:vue使用的是声明式编程,你不需要知道他需要显示什么东西就可以了,并不需要自己写如何实现 而之前的js,jQuery使用的是命令式编程,你需要一步步的将执行步骤写好,他才能正常运行。 2.git brush切换路径:cd /d/Git_Repositor 接着就是初始化仓库: git init 3.git仓库使用: 初始化一个仓库,使用git init命令 添加文件到git仓库中: 使用命令 git add,可以反复多次使用,添加多个文件; 使用命令git commit -m "" 掌握工作区的状态 git status 该指令可以看出你当前的工作区是否有修改后的文件,和有没有修改。 git diff 如果git status告诉你有文件被修改过,该指令可以查看修改的内容。 回退前进版本 HEAD指向的版本就是当前版本,因此,Git允许我们在版本的历史之间穿梭,使⽤用命 令git reset --hard commit_id。 可以用git log查看提交历史,确定回退到哪个版本 用git...








