随笔分类 - Web前端
git常用命令手册
摘要：高频使用的指令 1、注册内网 gitLab 账户 2、项目管理员拉我进项目 3、有了权限后，git clone 'url' 项目到本地 4、自己创建新的项目分支 git branch '分支名' 5、开始编码。。。 6、git clone 默认是下载了所有分支的代码 7、git branch -r
解决vue-cli默认使用yarn或者npm的问题
摘要：一、问题描述 在第一次使用vue-cli创建项目的时候，工具会提示是否切换到从 taobao 镜像拉起资源 和选择 yarn或者npm安装包，如下图： 1.1 是否切换到淘宝镜像拉起资源 1.2选择yarn或者npm： 在我们选择使用yarn或者npm之后，下一次再次使用vue-cli生产项目时，它
WebStorage
摘要：1.存储内容大小一般支持5MB作用（不同浏览器会存在差异） 2.浏览器通过Window.sessionStorage和Window.localStorage属性来实现本地存储机制 3.相关API: xxxxxStorage.setItem('key', 'value'); 该方法接受一个键和值作为参
生成器 Generator
摘要：什么是生成器 Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同 执行 Generator 函数会返回一个遍历器对象，也就是说，Generator 函数除了状态机，还是一个遍历器对象生成函数。返回的遍历器对象，可以依次遍历 Generator 函数内部的每一个
【for in】 /【 for each】 /【for of】的区别
摘要：1、for...in循环 1.1 可枚举对象 let person = { name:"典韦", age:4, sex:"男" } for(let item in person){ console.log(item); } 结果是：name age sex for…in…循环是对对象的key值进行循
CSS-如何绘制图形
摘要：绘制一个三角形 方法一 <style> .triangle { width: 0; border-top: 50px solid red; /*上三角形*/ border-right: 50px solid yellow; /*右三角形*/ border-bottom: 50px solid pal
JS数据类型相关面试题
摘要：JS面试题 JS 有哪些数据类型，如何判断这些数据类型 6种基本数据类型：String, Number ,Boolean, undefined, null, Symbol 1种引用类型：Object对象：Array(数组)，Function(函数)，Data(时间) 检测数据类型的4种方式 type
axios的请求传参
摘要：通过http://localhost:5000/getaward?grade=one 通过传参获取一等奖内容 第一种方式：字符串拼接 module.exports = (router) => { // 读取数据 router.get('/getaward', (req, res) => { // 获
数据请求如何增删改查
摘要：增 创建数据 post 发送请求之后，回到接口数据里面进行查看，会发现数据已经添加 删 删除数据 delete module.exports = (router) => { // 删除数据 router.delete('/delaward/:id',(req,res)=>{ let {id} = r
包管理器yarn的使用
摘要：npm install -g yarn 对比npm: 速度超快: Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快。 超级安全: 在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。 开始新项目 yarn init 添加依赖包
判断字符串是否为回文字符串
摘要：方法一 function isStr(str){ if(!str.length) return false; str = str.toLowerCase().split(''); let start = 0; let end = str.length - 1; while(start<end){ i
计算整数数组的差值
摘要：方法一 function val(arr) { let max = Math.max(...arr); let min = Math.min(...arr); return max - min } let arr = [1, 2, 3, 4, 5, 6]; console.log(val(arr))
nrm的介绍使用方法
摘要：nrm的介绍使用方法 NRM(npm registry manger)是npm的镜像源管理工具，有时候国外资源太慢，使用这个就可以快速在npm源之间进行切换 手动切换方法 npm config set registry https://registry.npm.taobao.org 安装 nrm 在
去除字符串中重复的字符
摘要：方法一 function remove(str){ let result = ''; for(let i =0;i<str.length;i++){ let char = str[i]; if(result.indexOf(char) 1){ result += char; } } return r
ES6-Proxy理解
摘要：Proxy 可以对目标对象的读取、函数调用等操作进行拦截，然后进行操作处理。它不直接操作对象，而是像代理模式，通过对象的代理对象进行操作，在进行这些操作时，可以添加一些需要的额外操作。 1.使用proxy(),首先要实例化proxy()对象 let per = new Proxy(person,{}
ES6-async(异步)/await(等待)
摘要：ES6-async(异步)/await(等待) 作用 async await 把异步操作以同步的形式进行显示 （本质还是异步操作） 生成异步，等待异步完成，实现异步代码的扁平化 async 函数返回的是一个 Promise 对象,如果在函数中return 一个直接量，async 会把这个直接量通过P
nodejs常用命令
摘要：1.查看当前nodejs版本号 node -v 2.查看包管理器版本号 npm -v 3.运行当前js文件 node 文件名 4.安装模块 在当前文件夹下安装 npm i 模块名 全局安装 npm i 模块名 -g 安装的同时，并在package.json的dependencies节点写入依赖。 n
ES6-箭头函数的this指向与普通函数的this指向
摘要：1.普通函数中的this 总是代表着它的直接调用者，如obj.fn，fn里的最外层this就是指向obj 默认情况下，没有直接调用者，this指向window 严格模式下（设置了’use strict’），this为undefined 当使用call，apply，bind（ES5新增）绑定的，thi
ES6-箭头函数
摘要：1、写法 ES5写法 let fn = function(a,b){ return a + b; } let res = fn(1,2); console.log(res); // 3 ES6写法 let fn = (a,b) =>{ return a + b; } let res = fn(1,2
