YUnicorn l-CSDN博客

原创 VueX学习笔记

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

2022-04-26 11:52:29 368

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

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

2022-04-14 20:02:37 690

原创微信小程序前端【订阅消息】遇到的问题及总结

**微信小程序订阅消息**由于工作项目需求，需要使用订阅消息，之前没接触过消息模板这一块的我，开始了对订阅消息的学习之路！官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/subscribe-message.html功能介绍：「订阅消息」推送位置：服务通知「订阅消息」下发条件：需要用户主动订阅消息通知，只要用户没有主动拒绝消息通知，开发者就可以随时推送服务通知。一次授权后，只能发一次该授

2021-10-20 09:26:08 2955

原创 js学习笔记合集

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

2022-08-11 20:42:15 773

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

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

2022-06-08 15:19:16 730

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

// 参与人姓名 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 += '*' ..

2022-05-30 16:49:19 854

原创前端 js 日期相关

截取日期中的某部分：可以使用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

2022-05-06 14:50:48 694

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

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

2022-04-27 10:39:16 192

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

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

2022-04-18 14:29:53 6341

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

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

2022-04-15 17:50:41 149

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

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

2022-04-15 17:48:44 122

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

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

2022-04-15 17:46:43 270

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

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

2022-04-15 17:44:27 113

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

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

2022-04-15 17:41:44 96

原创前端框架搭建知识

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

2022-04-15 14:40:38 696

原创 git 合并代码

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

2022-04-14 19:34:37 31383

原创 vue2 升级 Vue3 遇到的问题记录

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

2022-04-14 19:28:43 857

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

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

2022-04-14 19:22:49 739

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

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

2022-04-13 10:25:02 22934 1

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

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

2022-04-12 11:06:32 1357

原创 Vue实现快递配送UI笔记

//-邮寄运输详情 .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...

2022-04-12 10:32:58 715

原创前端学习常用文档地址（自用常更新）

**微信开放文档：**https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html## vue参考资料**GitHub 开源项目**[SHUhelper-基于flask/vue/flutter的校园助手全栈解决方案](https://github.com/shuosc/SHUhelper)[股票机器人 vue-mpvue-ChatRobot](https://github.com/zz570557024/vu

2022-04-11 14:08:35 504

原创 css笔记

1、text标签文字首行缩进。tText { text-indent:2em; /*em是相对单位，2em即现在一个字大小的两倍*/}2、改变radio的默认大小。radiot {transform:scale(0.6);}

2022-04-11 14:05:49 50

原创 wx.navigateTo(), wx.redirectTo(), wx.switchTab(), wx.navigateBack(), wx.reLaunch()的区别

1、简述下wx.navigateTo(), wx.redirectTo(), wx.switchTab(), wx.navigateBack(), wx.reLaunch()的区别？微信小程序跳转页面 methods: { // 事件 async getTest() { // 保留当前页面，跳转到应用内的某个页面，不破坏当前页序在当前页面进行跳转，可以返回原页面。 // 对于页面不是特别多的小程序，通常推荐使用 wx.navigateTo进行跳转，以便返回......

2022-04-11 11:38:58 499 1

原创微信小程序 uni.login 获取登陆code

每次用户退出登录或者登录失效后，进入小程序都要重新走一遍登录流程，为了提升用户体验，所以优化登陆流程，使用两种登陆流程：1、code登录流程2、正常登录流程使用code登录，每次打开小程序先使用code登录，用code去拿到openid,通过openid查库, 有这个用户话，返回登录信息，自动登陆小程序，用户不用在走一遍登录流程，如果用户不存在再跳转登陆页面进行登陆。getUserInfoByCode() { var that = this;...

2022-04-11 11:22:27 6605

原创 Vue知识点（自用常更新）

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

2022-04-07 14:30:01 464

原创微信小程序分包加载，分包加载的优势

微信小程序分包加载：有时候我们的小程序太大，首次打开小程序的时候会比较慢，可以进行分包处理，按照功能的划分，拆分成几个分包，让用户在操作小程序的时候按需下载资源（用户在进入某些页面的时候才去下载相应的资源，加载这个功能对应的分包，使用分包可以加快小程序的速度，优化用户体验）。对于用户来说，小程序加载流程变成了：1.首次启动时，先下载小程序主包，显示主包内的页面；2.如果用户进入了某个分包的页面，再下载这个对应分包，下载完毕后，显示分包的页面。采用分包加载，对开发者而言，能使小程序有更大的代码体积

2022-04-06 20:40:09 1861

原创融云错误码

抖音小程序经常报错：30001当前连接不可用（连接已经被释放）。建立连接的临时错误码，SDK 会做好自动重连，开发者无须处理。-3参数错误（Android 平台）。-2IPC 进程意外终止（Android 平台）。405已被对方加入黑名单。20604发送消息频率过高， 1 秒钟最多只允许发送 5 条消息。21406不在该讨论组中。22406不在该群组中。22408在群组中已被禁言。23406不在该聊天室中。23408在该聊天室中已被禁言。23409已被踢出并禁止加入聊天室。23410聊

2022-04-06 16:52:56 3349

原创 js debounce（防抖动函数）和 throttle(节流函数）

debounce（防抖动函数）短时间内不重复触发一个事件设置一个门槛值，表示两次 Ajax 通信的最小间隔时间。如果在间隔时间内，发生新的keydown事件，则不触发 Ajax 通信，并且重新开始计时。如果过了指定时间，没有发生新的keydown事件，再将数据发送出去。这种做法叫做 debounce（防抖动）。假定两次 Ajax 通信的间隔不得小于2500毫秒，上面的代码可以改写成下面这样。$('textarea').on('keydown', debounce(ajaxAction, 2500))

2022-04-06 11:15:31 730

空空如也

空空如也