node基础
node主要是利用ECMAScript的核心语法封装的js库,你可以用它构建一个简单的服务器,或者读取excel,修改本地文件等
1.fs模块fs.readFile() 用来读取指定文件中的内容
fs.writeFile() 写入文件
123456789101112131415161718//1.存放路径//2.编码格式//3.回调函数const fs = require('fs')fs.readFile('./assets/read.txt','utf-8',function(err,dataStr){ console.log(err+'-失败') console.log(dataStr+'成功读取的数据')})-> 结果null-失败读取文件成功读取的数据-> 读取失败err的值为错误对象dataStr 为 underfinded
1.判断是否读取成功判断err是否为空
2,向指定文件写入内容123456789101112 ...
typeScript入门
—typeScript作为js的超集,主要是加了类型限制,对于面向对象的使用多于js,学习ts是后面学习node框架koa,express,nest等的基础
[toc]
1.类型123let a:number// a为number,以后的使用a的值只能为数字
ts-可以编译为任何js版本 tsc
1let c:boolean = false
如果变量声明时,直接赋值(同时进行),它可以自动判断
12345678910111213141516function sum(a,b) { return a+b}//sum(123,456)//sum('123',456)//改善function sum(a:number,b:number) { return a+b}sum(123,'456') //提示错误//函数返回值的类型function sum(a:number,b:number):number { return a+b}
类型的都为小写 number,boolean,string
...
微信小程序开发
第一次对于微信小程序的学习,主要是一些基础语法
微信小程序开发1)项目的基本构成1) 文件作用
pages存放所有小程序的页面
utils用来存放工具性质的模块(例如:格式化时间的自定义模板
app.js 小程序项目的入口文件
app.json 小程序项目的全局配置
app.wxss 全局样式文件
project.config.json项目的配置文件
sitemap.json 配置小程序及页面是否被微信索引
2)小程序页面的组成部分
index.js 数据,时间处理函数
index.json
index.wxss
index.wxml 模板结构
3).json配置文件的作用
更目录的app.json文件 -> 全局配置文件
根目录中的project.config.json
根目录中的sitemap.json
每个页面文件夹的.json
app.json 全局配置文件
1234567pages:[] 记录当前小程序所有页面的路径window:全局定义小程序所有页面的背景色,文字颜色等style:全局定义小程序所使用的样式版本sitemapLocation:用来 ...
防抖与节流浅析
尽管现在已有很多相关工具库,对于其的理解学习也不能中断
防抖与节流防抖:将多次触发变为一次触发
节流:减少一段时间的触发频率
防抖:通过setTiemout 限制执行次数
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556//防抖函数包裹目标函数debounce( submit(){ })function debance(fn){ let t = null return function(){ if(t){ clearTimeout(t) } //限制fn的执行 t = setTImeout(()=>{ fn() },1000) }}//只要t定时器存在,就清除掉定时器//多次点击只会执行一次//存在两个问题1.arguments传参数2.this ...
webpack从零到一搭建vue项目
webpack是当下应用最大的构建工具,从0到1构建项目,是一个值得学习课题。不管是vue项目还是其他项目都离不开构建工具(可能是其他构建工具)。
webpack打包工具1.安装webpackwebpack webpack-cli -D(4x,5X)
安装低版本,指定
webpack@4.43.0 webpack-cli@3.3.12 -D
```js@3 安装3版本的最新版本
1234567- node-modules -> bin -> 软链接目录(-D) - ```js //锁死安装路径 npx webpack -V //npx 找项目下的软连接目录,有的话直接启动,如果没有则安装webpack到本地,并启动他 ...
git 操作
git作为程序的代码版本控制库,初用时一些命名略显生疏,普及一下gitee仓库容量500M,github容量1G,单文件最大都是50M
1234567891011121314151617181920212223242526271.git clone ....url//克隆代码//本地克隆远程项目2.git status //查看当前分支3.git add * //通配符表示 //提交新增文件|修改文件 4.git commit -m '这是我的第一次提交'//提交并附带信息//5.git push //推送到云6.git branch lanhan //创建分支7.git checkout laohan//切换分支8.push之前执行更新操作//新增文件,修改代码9.git config --list //查看配置
具有一个远程仓库(多人访问,多人共同维护一份代码)
123//拉取仓库代码到本地git pull对应原生的
12345本地仓库git add 暂存区//提交到暂存区git commit -m '' 工作区git p ...
es6概述2
ES6是js的高级语法,不断学习js,对于代码逻辑的理解更加透彻
es6知识点整理[toc]
let和const
let 声明变量
不存在变量提升
1//let声明的变量在声明语句之前不能使用,会报错。var未经声明的变量会挂载在window
暂时性死区
1//声明语句之前不能使用,声明语句之后不能重新定义
不允许重复声明
1//已经被关键词let声明的变量不能重新声明
块级作用域
12//在{} 中的为块级作用域,当中声明的变量只在次作用域有效。//var 除了在函数声明的变量外,其他都归全局所有
const声明常量
const声明的常量拥有let声明变量的所有特性
const声明的变量不能进行更改
变量的解构赋值
数组的解构赋值
基本使用
123456789101112let [a,b,c] = [1,2,3]a = 1;b = 2; c = 3;//let [a,[b],c] = [1,[2,3],4]a = 1;b = 2;c = 4;//let [a] = [1,2,3]
默认值
123let [a,b ...
ES6概述
ES6ES6 内容补充,当看到一个没见过或者不熟悉的语法时,无法拒绝对于它的学习
1.箭头函数 本质是一个语法糖
123456789101112131415161718192021222324252627282930function() {}() => {}//1.如果箭头函数只有一个参数,则括号可以省略item => {} //形如//2如果函数体只有一条语句,则可以省略{}括号() => return 'hello'(a, b) => a + b(a) => { a = a + 1 return a}//如果要返回一个对象,就要注意,如果是单表达式,这么写的话会报错:// SyntaxError:x => { foo: x }//因为和函数体的{ ... }有语法冲突,所以要改为:// ok:x => ({ foo: x })
(1). 箭头函数 ...
vue3 初体验
vue3的更新是颠覆式的,最大的改变就是组合式api,以及shake tree优化代码运行速度,新的响应式原理,封装更多内置方法。
vue 3.0
Vue -cli
Vue -router
VueX
Vue3 不需要根节点(在模板template)
vue setup//新的optioon 所有的api都在次使用,只在初始化执行一次//组合APi中第一个要使用的函数
Vue3 支持 vue2 大多数语法
1234567891011data(){ return { count++; }}methods:{ numPut(){ this.count++ }}
1)setup 是组合 api 的入口函数Vue3 的写法
1234567setup(){ let count = 0 function updateCount(){ count++ }}//此时的数据不是响应的数据
...
js原型的那些事
面向对象 将所有的物体抽象为一个类,每一个具体的个体是类的实例化对象。构造函数是创建类的方法,可以无限制创建类,相当于工厂。
数据类型中的类是一种数据类型,而面向对象是一种编程思想,更高级的还有函数式编程。面向对象里面也有属性和方法。有构造函数创建。为了避免资源的浪费,再构造函数里面创建实例化对象的属性,再构造函数的原型上创建对象的方法。
模板: ——> 构造函数是用来生成对象的,
php python 是一种面向对象的编程语言 -> 以类为创建对象的模板
JavaScript 是基于对象的编程语言 -> 以构造函数为模板 ->动态语言:没有定义数据类型,需要时才会去处理
1.构造函数创建构造函数
不能使用箭头函数
首字符大写的函数
建议不使用函数表达式,如果以函数表达式创建箭头函数,后面进行继承操作的时候,由于需要给子的构造函数还原,若没有名字,则还原之后他的constructor 不具名。
12const Animal = function(){ ...