获取随机颜色

learntogiveup — Wed, 08 Jun 2022 10:10:38 +0800

ES6中的字符串新方法padStart()来填充字符串 1.从开始填充： String.Prototype.padStart(maxLength,fillString=’’)//maxLength :填充后的字符串的位数，fillString：填充的字符。 2.从尾部填充：String.prototype.padEnd(maxLength,fillString=’’) 3. function getColor(){ var col = “#”; for(var i=0;i...

车子刹车油管ABS油管被剪了好几刀，我还有救吗？

learntogiveup — Wed, 11 May 2022 17:31:08 +0800

2021年休完年假回到公司上班，结果一周后被告知需要居家办公，开启了漫长的居家状态，而车子则停在了公司院子里的公共车位上。 2022年4月底，终于解封，可以正常通勤，在公司正常上班，想着车子长时间未动，害怕电瓶亏电，于是，下班后启动车子，准备跑几圈充充电，结果发现仪表盘所有能亮黄灯的全部亮了起来，简直叫一个好看，然后跑了几圈，当时感觉车子没啥问题，就是刹车感觉有点松，以为放太久了，没啥事，车子就停在了车位上。没几天，要出去办点急事，于是打算开车出去，快去快回，结果出去后就发现车子的刹车几乎失灵，踩到底，

正则表达式exec()函数不能踩的坑

learntogiveup — Tue, 22 Feb 2022 15:51:58 +0800

正则表达式exec()函数: exec() 方法用于检索字符串中的正则表达式的匹配。返回值是一个数组，但是此数组的内容和正则对象是否是全局匹配有着很大关系： 1.没有g修饰符: 在非全局匹配模式下，此函数的作用和match()函数是一样的，只能够在字符串中匹配一次，如果没有找到匹配的字符串，那么返回null，否则将返回一个数组，数组的第0个元素存储的是匹配字符串，第1个元素存放的是第一个引用型分组(子表达式)匹配的字符串，第2个元素存放的是第二个引用型分组(子表达式)匹配的字符串，依次类推。同时此数组还包

area-cascader插件第二次打开仍然展示第一次的内容解决

learntogiveup — Fri, 18 Feb 2022 09:04:33 +0800

area-cascader插件第二次打开仍然展示第一次的内容解决 1.area-cascader需要绑定v-if 意味着每次打开都是重新挂载数据

TS入门总结

learntogiveup — Fri, 11 Feb 2022 08:42:00 +0800

基本数据类型我们都知道js有6种基本数据类型：布尔、数字、字符串、null、undefined和es6新增的Symbol + 1种引用数据类型：对象（包含Object、Function、Array、Date等等）类型。 ts作为js的超集，ts也有一套数据类型和上述7中数据类型进行一一对应。这里我们先介绍5中基本类型：布尔、数字、字符串、null和undefined，Symbol暂时不会提到。布尔值基本数据类型，它有两个值：true/false。在ts中是这样表示一个bool值的： const isD

为什么v-if和v-for不建议用在同一标签？

learntogiveup — Wed, 09 Feb 2022 09:43:51 +0800

为什么v-if和v-for不建议用在同一标签？在Vue2中，v-for优先级是高于v-if的，咱们来看例子 {{item}} 复制代码上面的写法是v-for和v-if同时存在，会先把7个元素都遍历出来，然后再一个个判断是否为3，并把3给隐藏掉，这样的坏处就是，渲染了无用的3节点，增加无用的dom操作，建议使用computed来解决这个问题： {{item}} computed() { list() { return [1, 2, 3, ].filter(item => it

vue安装版本号的区别

learntogiveup — Tue, 08 Feb 2022 16:42:10 +0800

vue安装版本号的区别指定版本：比如2.2.2，遵循“大版本.次要版本.小版本”的格式规定，安装时只安装指定版本。波浪号（tilde）：比如~2.2.2，表示安装2.2.x的最新版本（不低于2.2.2），但是不安装2.3.x，也就是说安装时不改变大版本号和次要版本号。插入号（caret）：比如ˆ2.2.2，表示安装2.x.x的最新版本（不低于2.2.2），但是不安装3.x.x，也就是说安装时不改变大版本号。需要注意的是，如果大版本号为0，则插入号的行为与波浪号相同，这是因为此时处于开发阶段，即使是次要

NODEJS小结

learntogiveup — Fri, 06 Aug 2021 08:40:24 +0800

NODEJS 模块化规范遵循的commonJS commonJS规定： 1.每个模块内部，module变量代表当前模块 2.module变量是一个对象，他的exports属性是对外的接口 3.加载某个模块，其实是加载该模块的module.exports属性 require（）方法用于加载模块什么是nodejs 一个基于Chrome V8 引擎的javascript运行环境 express框架快速构建 web应用（服务器） restify框架，快速构建API接口项目内置模块： fs（读取文件写入文

关于Promise你必须知道几件事

learntogiveup — Fri, 23 Jul 2021 18:16:09 +0800

关于Promise你必须知道几件事 1.如何声明一个Promise new Promise(function(resolve, reject){ }) 如果想让Promise成功执行下去，需要执行resolve，如果让它失败执行下去，需要执行reject new Promise(function(resolve, reject) { resolve('success') // 成功执行 }).then(result => { alert(result) }) new Promi

解决第三方图片 403 问题

learntogiveup — Thu, 15 Jul 2021 11:41:56 +0800

解决第三方图片 403 问题问题：为什么文章列表数据中的好多图片资源请求失败返回403？首先我们要知道第三方平台怎么处理图片资源保护的，服务端一般使用referer 请求头识别访问来源，然后处理资源访问过程如下： referer是什么东西呢？ Referer是HTTP请求头的一部分，当浏览器向web服务器发送请求的时候，一般会带上Referer，它包含了当前请求资源的来源页面的地址，服务器一般使用referer请求头识别访问来源，可能以此进行统计比较分析，日志记录以及缓存优化等怎么解决呢？不

Vuex—基本属性概述

learntogiveup — Thu, 08 Jul 2021 11:29:23 +0800

Vuex—基本属性概述 1.概念：通俗来讲，就是提供了一个公共内存，可以给这个内存提交数据，也可以从内存中取数据，组件之间实现数据共享专业术语：状态管理（数据管理） 2.所以如何安装Vuex呢，我们在用脚手架创建项目的时候，有三个选项，选择第三个，手动创建，其中勾选Vuex即可，在项目中安装Vuex 3.安装完成以后，需要引入Vuex，并且在vue实例上进行挂载 import Vuex from 'vuex' Vue.use(Vuex) 当然我们首先要引入vue才行 import Vue f

vue基础-2.0

learntogiveup — Wed, 07 Jul 2021 21:29:01 +0800

vue-2.0 1.过滤器目标：转换格式，顾虑器就是一个函数，传入值返回处理后的值 a. 过滤器只能用在，插值表达式和v-bind动态属性中，| 也叫管道符可以放多个 b. 语法： Vue.filter(“过滤器名”,(值)=>(return “返回处理后的值”)) 全局设置过滤器 filters:{“过滤器名”,(值)=>(return “返回处理后的值”)} 局部设置过滤器 vue变量 | 过滤器名字经常用到的场景就是在格式化时间的时候，可以把时间设置成简单易懂的格式渲染到页面上

vue基础-01（字数有点多，耐心看）

learntogiveup — Sun, 27 Jun 2021 11:43:58 +0800

vue小节-01（字数有点多，耐心看）一.准备工作 1.什么是vue？ vue是一个渐进式的javascript框架那么什么是渐进式呢？渐进式框架，就是把框架分层，vue最核心的部分就是视图渲染，然后往外是组件机制，再加入路由机制，状态管理，构建工具。就是说你既可以只用核心的视图层渲染功能来快速开发些需求，也可以使用vue全家桶。根据自己的需求选择不同的层级。什么是框架？和库有什么不同？框架是有自己一套规则的语法结构，比库强大；库只是一些方法的集合，是没有规则的，比如jquery 用法：

数组的方法中哪些会更新原数组哪些不会

learntogiveup — Sat, 26 Jun 2021 20:45:08 +0800

数组的方法中哪些会更新原数组哪些不会 1、会更新原数组的方法： a.arr.push()往数组的最后一个位置追加元素 b.arr.unshift()往数组的第一个位置追加元素 c.arr.pop()移除数组的最后一个元素，并返回被删除的元素 d.arr.shift()移除数组的第一个元素，并返回被删除的元素 e.arr.splice()移除数组某个位置的元素，可以移除多个 f.arr.reverse()数组翻转，返回新数组，会影响原数组 g.arr,sort()数组排序，返回新数组，会影响原数组 2.不

面试必问EventLoop事件

learntogiveup — Wed, 23 Jun 2021 11:43:42 +0800

EventLoop事件 1.首先，我们必须清楚javascript，是一门单线程的语言，意思是，当我们执行时，只能同时进行一件事情。那么会产生什么问题：当一个任务消耗的时间非常的长的时候，后面的任务只能排队等待，形成程序假死的现象。 2.我们需要知道什么是同步任务和异步任务，知道是谁来执行这两个任务所以：同步任务是我们 js在执行；异步任务是 js的寄宿环境在执行（js可以在很多环境中运行，比如，浏览器，node） 3.接下来看一下同步任务和异步任务的执行过程这一步怎么来解

yarn包管理器(必须)操作

learntogiveup — Wed, 23 Jun 2021 09:58:46 +0800

yarn包管理器(必须) 快速、可靠、安全的依赖管理工具。和 npm 类似, 都是包管理工具, 可以用于下载包, 就是比npm快中文官网地址: https://yarn.bootcss.com/ 下载yarn 下载地址: https://yarn.bootcss.com/docs/install/#windows-stable windows - 软件包(在笔记文件夹里) mac - 通过homebrew安装(看上面地址里) mac如果没安装过homeBrew先运行这个命令 /usr/bin

如何运用webpack创建web服务器

learntogiveup — Wed, 16 Jun 2021 15:48:43 +0800

48.第三方包express 下载4.17.1 创建web服务器 1.概念：express是基于node.js平台，快速、开放、极简的web开发框架通俗理解为，express的作用和node.js内置的http模块相似，是专门用来创建web服务器的本质：就是一个npm上的第三方包，提供了快速创建web服务器的方法 2.安装终端中输入 npm i express@4.17.1 3.创建基本的服务器 1.导入express const express = require('express) 2.创建we

2021-06-12

learntogiveup — Sat, 12 Jun 2021 21:08:55 +0800

包管理配置文件 1.在执行命令所处的目录中，快速新建package.json 文件命令：npm init -y //项目名称不能出现中文空格 //运行npm install 命令安装包的时候，npm包管理工具会自动把包的名称和版本号，记录到到package.json中 // dependencies（核心依赖包）节点用来记录您使用npm install 命令安装了哪些包npm install jquery art-template 可以同时安装多个包中间用空格隔开对应的还有devDep

解决mac系统下载nrm插件，权限不够的问题

learntogiveup — Sat, 12 Jun 2021 18:02:51 +0800

解决mac系统下载nrm插件，权限不够的问题，记录一下 1.终端中输入 sudo chown -R $USER /usr/local 命令 2.会弹出让用户输入密码命令：password：这样的字样注意：输入密码是不显示的确定是对的就可以 3.然后输入nrm ls 命令可以查看所有的网站这样就可以选择我们想要的网站 ...

调用window.parent.function()的时候很容易犯的一个小错误

learntogiveup — Mon, 07 Jun 2021 14:59:20 +0800

调用window.parent.function()的时候很容易犯的一个小错误首先，这里要注意： 1.我们调用的是window中的方法，必须要在我们能够搜索到的作用域（全局作用域）中找到， 2.如果找不到就会报错错误如下 window.parent.function is not a function 实例1：（得出正确的结果） 1.我们在父页面创建一个函数 2.第二步我们在子页面调用一下 3，结果发现能够成功打印出window 我们再来看第二种情况 1.同样的执行第一步但我们把

learntogiveup的博客