yheartbeats的博客

js学习笔记合集

yheartbeats — Thu, 11 Aug 2022 20:42:15 +0800

1、JS基本数据类型中null和undefined区别 // 基本数据类型中null和undefined的区别以及应用: // 都是代表没有值 /* null表示“没有对象”, 该处不应该有值 undefined表示“缺少值”, 该处应该有值，但是还没有定义转为数值也不同，null转为数值为e，undefined转为数值NaN(不是一个数字) */ console.log(Number(nul1)); console.log(Number(undefined)); /* 什么时候会有null: 1.

js 逻辑空分配双问号语法、双竖杠语法与可选链语法

yheartbeats — Wed, 08 Jun 2022 15:19:16 +0800

双问号：当前面的值为 null 、undefined 时，就返回后面的值，否则取前面的值双竖杠：只要前面的值转为布尔值为false时，就取后面的值（如：undefined、null、false、空字符串、数值0）思考：双问号更适合在不知道变量是否定义或者是否赋值时的场景使用?.可选链: 如果要表示如果要实现 test 存在时，返回 test.value，否则返回 undefined 则需要这样写： let myvalue = test ? test. value : undefined

js 星号 * 处理用户名或者手机号

yheartbeats — Mon, 30 May 2022 16:49:19 +0800

// 参与人姓名 item.member_name lres.forEach((item, ind) => { let newStr = '' if (item.member_name.length > 2) { let char = '' for (let i = 0, len = item.member_name.length - 2; i < len; i++) { char += '*' ..

前端 js 日期相关

yheartbeats — Fri, 06 May 2022 14:50:48 +0800

截取日期中的某部分：可以使用substring 方法提取字符串中介于两个指定下标之间的字符。方法形式：substring(start,end) 举例：截取年月日部分的日期，代码如下： let time= '2022-03-25 13:56:56' console.log(time.substring(0,10))； // time 2022-03-35 获取系统当前日期： var dateTime = new Date(); // 年 var year = dateTime.getFu

从浏览器地址栏输入url到显示页面的步骤

yheartbeats — Wed, 27 Apr 2022 10:39:16 +0800

基础版本浏览器根据请求的URL交给DNS域名解析，找到真实IP，向服务器发送请求；服务器交给后台处理完后返回数据，浏览器接收文件（HTML、JS、CSS、图像等）；浏览器对加载到的资源（HTML、JS、CSS等）进行语法解析，建立相应的内部数据结构（如HTML的DOM）；载入解析到的资源文件，渲染页面，完成。详细版本在浏览器地址栏输入URL 浏览器查看缓存，如果请求资源在缓存中并且新鲜，跳转到转码步骤如果资源未缓存，发起新请求如...

VueX学习笔记

yheartbeats — Tue, 26 Apr 2022 11:52:29 +0800

什么是vuex： vuex 是应用程序开发的状态管理状态，他采用了集中式储存管理的应用的所有的组件状态什么时候使用vuex：多个视图使用一个状态：传参的方法对于多层嵌套的组件将会很麻烦，当你使用的vuex这个状态会在你项目的任何地方都可以使用这个状态；不同视图需要变同一状态：采用父子组件直接或者通过事件来变更和同步状态的多份拷贝，通常会导致无法维护代码使用vuex的注意事项： 1. 数据流都是单向的 2. 组件能够调用action 3. action用来派发mut......

git 分支操作与远程新建分支后，本地查看不到

yheartbeats — Mon, 18 Apr 2022 14:29:53 +0800

一、远程新建分支后，本地查看不到，使用以下命令同步 git remote # 列出所有远程主机 git remote update origin --prune # 更新远程主机origin 整理分支 git branch -r # 列出远程分支 git branch -vv # 查看本地分支和远程分支对应关系 git checkout -b gpf origin/gpf # 新建本地分支gpf与远程gpf分支相关联二、git 分支操作 1.创建分支

0、js数据结构与算法之字典

yheartbeats — Fri, 15 Apr 2022 17:50:41 +0800

1、前言字典是一种以键- 值对形式存储数据的数据结构，就像电话号码簿里的名字和电话号码一样。要找一个电话时，先找名字，名字找到了，紧挨着它的电话号码也就找到了。这里的键是指你用来查找的东西，值是查找得到的结果。JavaScript 的Object 类就是以字典的形式设计的。本章将使用Object 类本身的特性，实现一个Dictionary 类，让这种字典类型的对象使用起来更加简单。 2、Dictionary类 Dictionay 类的基础是Array 类，而不是Object 类。本章稍后将提到，我们想对

1、js数据结构与算法之数组

yheartbeats — Fri, 15 Apr 2022 17:48:44 +0800

1、创建数组 1.1一维数组创建 a、通过[] 操作符声明一个数组变量 var numbers = []; console.log(numbers.length); //一个长度为0 的空数组显示0 b、直接在[] 操作符内放入一组元素 var numbers = [1,2,3,4,5]; console.log(numbers.length); // 数组的长度为5 c、调用Array 的构造函数创建数组 var numbers = new Array(); console.log(num...

2、js数据结构与算法之列表

yheartbeats — Fri, 15 Apr 2022 17:46:43 +0800

1、定义在日常生活中，人们经常使用列表：待办事项列表、购物清单、十佳榜单、最后十名榜单等。计算机程序也在使用列表，尤其是列表中保存的元素不是太多时。当不需要在一个很长的序列中查找元素，或者对其进行排序时，列表显得尤为有用。反之，如果数据结构非常复杂，列表的作用就没有那么大了。列表是一组有序的数据。每个列表中的数据项称为元素。在JavaScript 中，列表中的元素可以是任意数据类型。列表中可以保存多少元素并没有事先限定，实际使用时元素的数量受到程序内存的限制。列表中会有一些常见属性或方法，比如列表中的

3、js数据结构与算法之队列

yheartbeats — Fri, 15 Apr 2022 17:44:27 +0800

1、前言队列是一种先进先出（First-In-First-Out，FIFO）的数据结构。队列被用在很多地方，比如提交操作系统执行的一系列进程、打印任务池等，一些仿真系统用队列来模拟银行或杂货店里排队的顾客。队列的两种主要操作是：向队列中插入新元素和删除队列中的元素。插入操作也叫做入队，删除操作也叫做出队。入队操作在队尾插入新元素，出队操作删除队头的元素。队列的另外一项重要操作是读取队头的元素。这个操作叫做peek()。该操作返回队头元素，但不把它从队列中删除。除了读取...

4、js数据结构与算法之栈

yheartbeats — Fri, 15 Apr 2022 17:41:44 +0800

1、前言栈是和列表类似的一种数据结构，它可用来解决计算机世界里的很多问题。栈是一种高效的数据结构，因为数据只能在栈顶添加或删除，所以这样的操作很快，而且容易实现。栈的使用遍布程序语言实现的方方面面，从表达式求值到处理函数调用。 2、对栈的操作由于栈具有后入先出的特点，所以任何不在栈顶的元素都无法访问。为了得到栈底的元素，必须先拿掉上面的元素。对栈的两种主要操作是将一个元素压入栈和将一个元素弹出栈。入栈使用push() 方法，出栈使用pop() 方法。另一个常用的操作是预览栈顶的元素。pop(..

前端框架搭建知识

yheartbeats — Fri, 15 Apr 2022 14:40:38 +0800

1、devDependencies和dependencies的区别区别是： 1、dependencies 依赖的项该是正常运行该包时所需要的依赖项 2、devDependencies是开发的时候需要的依赖项，像一些进行单元测试之类的包。一个node package有dependencies 和 devDependencies两种依赖，如果将包下载下来在包的根目录里运行npm install默认会安装两种依赖当我们只是单纯的使用这个包而不需要进行一些改动测试之类的，可以使用npm install

微信小程序开发【unapp框架非原生】遇到的问题记录（自用常更新）

yheartbeats — Thu, 14 Apr 2022 20:02:37 +0800

1、小程序中加载H5页面在小程序中加载H5页面需要通过小程序提供的官方文档主要是在src中绑定相应的H5页面url地址，如https://www.baidu.com注意： 1、在web-view中加载的页面的域名，需要在微信公共平台中配置业务域名，否则会在加载页面时给出非法业务域的安全提示，个人和海外账号暂时不支持（可参考腾讯官方文档） 2、一个小程序最多配置20个安全业务域名；每个域名最多绑定20个小程序；一年内修改域名的次数不能超过50次（次数这个限制.

git 合并代码

yheartbeats — Thu, 14 Apr 2022 19:34:37 +0800

一、git 如何把分支代码合并到master 1.首先切换到分支； git checkout hellomonkey 2.使用git pull 把分支代码pull下来； git pull 3.切换到主分支； git checkout master 4.把分支的代码merge到主分支； git merge hellomonkey 5.git push推上去ok完成,现在你自己分支的代码就合并到主分支上了。 git push 总结：同样的道理，主分支的文件也可以合并的分支上。二、git ..

vue2 升级 Vue3 遇到的问题记录

yheartbeats — Thu, 14 Apr 2022 19:28:43 +0800

1、vue3路由跳转时不触发beforeDestroy 原因：vue增加了新的生命周期（钩子函数） beforeCreate -> setup() created -> setup() beforeMount -> beforeMount mounted -> mounted beforeUpdate -> beforeUpdate updated -> updated beforeDestroy（离开当前路由时调用） -> beforeUnmount de.

[笔记]Vue生命周期（钩子函数）

yheartbeats — Thu, 14 Apr 2022 19:22:49 +0800

钩子函数初始化阶段：有4个钩子函数，触发条件是自动的 1）数据请求：created 2） DOM操作： mounted 3）数据修改： beforeMount created mounted 1. beforeCreate 创建Vue实例化之前所调用的函数这个阶段： data 选项中的数据获取不到 RDOM 拿不到组件即将创建，进行组件事件和生命周期的初始化项目中一般不使用（但是这个阶段是对事件和生命周期的准备阶段，是必不可少的）有的开发......

vue中cannot read property of undefined的问题分析及解决

yheartbeats — Wed, 13 Apr 2022 10:25:02 +0800

前言 vue项目中经常会遇到"cannot read property ‘某某某’ of undefined"的报错信息。下面我就简单分析下报错原因及解决方法问题描述 info是服务端返回的数据，是一个对象。我们要做的就是把对象里的值放到页面显示，先看一下我出错的代码片段

&l...

js知识点笔记（自用常更新）

yheartbeats — Tue, 12 Apr 2022 11:06:32 +0800

1.DOM操作——怎样添加、移除、移动、复制、创建和查找节点 > （1）创建新节点 > createDocumentFragment() //创建一个DOM片段 > createElement() //创建一个具体的元素 > createTextNode() //创建一个文本节点 >（2）添加、移除、替换、插入 > appendChild() > removeChild() > ...

Vue实现快递配送UI笔记

yheartbeats — Tue, 12 Apr 2022 10:32:58 +0800

//-邮寄运输详情 .w-full.rounded-20.px-25.mt-25.bg-white( v-if='daijichu===1' ) scroll-view.w-full.h-full.bottom-10(scroll-y) .w-702.rounded-20.mx-auto.pb-33 .flex.flex-col.ml-23.pt-35.pb-25.border-b...