learntogiveup-优快云博客

原创获取随机颜色

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...

2022-06-08 10:10:38 330

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

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

2022-05-11 17:31:08 566 1

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

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

2022-02-22 15:51:58 441

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

area-cascader插件第二次打开仍然展示第一次的内容解决 1.area-cascader需要绑定v-if 意味着每次打开都是重新挂载数据 <area-cascader v-model.trim="organization.province" :data="pcaa" :level='0' type="text" id="areacascader" placeholder="请选择省/市" style="display:inline-block;" v-if="back_icon" &gt

2022-02-18 09:04:33 1316

原创 TS入门总结

基本数据类型我们都知道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

2022-02-11 08:42:00 8007

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

为什么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

2022-02-09 09:43:51 537

原创 vue安装版本号的区别

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，则插入号的行为与波浪号相同，这是因为此时处于开发阶段，即使是次要

2022-02-08 16:42:10 869

原创 NODEJS小结

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

2021-08-06 08:40:24 372

原创关于Promise你必须知道几件事

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

2021-07-23 18:16:09 766

原创解决第三方图片 403 问题

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

2021-07-15 11:41:56 221

原创 Vuex—基本属性概述

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

2021-07-08 11:29:23 233

原创 vue基础-2.0

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

2021-07-07 21:29:01 181

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

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

2021-06-27 11:43:58 143

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

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

2021-06-26 20:45:08 1150 1

原创面试必问EventLoop事件

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

2021-06-23 11:43:42 180

原创 yarn包管理器(必须)操作

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

2021-06-23 09:58:46 320

原创如何运用webpack创建web服务器

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-16 15:48:43 168

原创 2021-06-12

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

2021-06-12 21:08:55 125

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

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

2021-06-12 18:02:51 714

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

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

2021-06-07 14:59:20 2651

原创解决苹果电脑找不到同windows中的通信地址问题

解决苹果电脑找不到同windows中的通信地址问题在第一次建立远程资源库的时，需要把我们本地的仓库与远程仓库进行链接 1.比如，第一次建立远程仓库（gitee）是需要进行如下两行ssh格式的代码（html需要每次输入密码，所以以ssh为例） 2、我们在本地建立仓库时，首先需要进行 git init; git add; git commit -m 基本操作代码，然后输入上面两行代码 3.此时会提示我们输入用户名和密码（创建gitee的账户和密码），一旦我们输入错误，第二次在输入时，终端会提示我们

2021-06-04 21:34:06 229

原创在终端中合并分支，出现的小问题。

在终端中合并分支，出现的小问题。在合并分支时出现，already up to date(数据已经更新)的报错语句查阅资料之后解决如下： 1、输入命令 git checkout master(让我们先定位到master主分支上)； 2、git reset --hard(分支名称)；(会退回到某一个版本，并且清楚掉commit中的修改) 3、git push --force origin master(强制覆盖掉master内容) git push --force 具体见（引自）：https://blog

2021-06-04 21:08:40 220

learntogiveup的博客