weixin_53500514的博客

原创 session和JWT工作原理

session和JWT工作原理

原创 模块的加载机制

使用require()加载自定义模块时，如果没有指定./或…/路径标识符，node会把它当做内置模块或第三方模块进行加载。按照确切的文件名进行加载补全.js扩展名进行加载补全.json扩展名进行加载加载失败，终端报错。

原创 Nodejs模块化

默认情况下，exports和module.exports指向同一个对象，最终的共享结果，还是以module.exports指向的结果为准。在自定义模块中，可以使用module.exprots对象，将模块中的成员共享出去，供外界使用，外界使用require()方法导入自定义模块时，得到的就是module.exports所指的对象。和函数作用域类似，在自定义模块中定义的变量、方法等成员，只能在当前模块内被访问，这种模块级别的访问限制，叫做模块作用域。每个模块内部，module变量代表当前模块。

原创 初识nodejs

【代码】初识nodejs。

原创 开发中常用的数组方法和字符串方法

【代码】开发中常用的数组方法和字符串方法。

原创 vue3分页组件代码逻辑

vue3分页组件逻辑代码

原创 vue3图片懒加载

当图片进入可视区内才去加载图片，这样能减少请求次数，节约资源// 定义指令 const defineDirective =(app) => {// 图片懒加载指令 v-lazy // 原理：先存储图片地址不能在SRC上，当图片进入可视区，将存储的图片地址设置给图片元素即可 app . directive('lazy' , {

原创 vue3实现组件数据懒加载

组件数据懒加载指的是当组件进入可视区域后在加载数据，可以使页面数据加载更快和节约资源。

原创 一篇文章搞懂sass(scss)预处理器

sass基于Ruby语言开发而成,VSCode扩展，可通过实时浏览器重新加载来帮助您实时将SASS / SCSS文件编译/转换为CSS文件。

原创 Easy Sass的配置文件

easy sass配置文件

原创 初识JAVA

java程序可以在任意操作系统（windows\MacOS\Linux）运行,在需要运行Java应用程序的操作系统上，安装一个与操作系统对应的Java虚拟机（内部包含JRE、常用开发工具包（javac 编译工具、java 运行工具）Java 语言的（标准版），用于桌面应用的开发，是其他两个版本的基础。Java 语言的（企业版），用于 Web 方向的网站开发。Java 语言的（小型版），用于嵌入式消费类电子设备。虚拟机无法跨平台，可以跨平台的是java程序。Java程序是运行在虚拟机当中的。

原创 js显示剩余时间函数

【代码】js显示剩余时间函数。

原创 前端token失效的主动处理

首先在登录获取token时存入一个时间戳，然后在发送请求时，在响应拦截器将token注入请求头时检查token是否过期。问题：如何判断token是否过期。

原创 vuex总结

this.$store.state.全局数据名称。有命名空间访问子模块的方法，必须带上子模块的名称。组件中访问state中数据的方式。按需导入mapState函数。触发Mutation的方式。调用action的方法。调用getter的方法。

原创 如何在Vue项目中封装axios请求并使用

在src目录下新建api文件夹统一管理项目请求。在项目utils文件夹下新建axios文件。

原创 JS实现隐藏用户部分姓名或电话号码的函数

代码】JS实现隐藏用户部分姓名或电话号码的函数。

原创 【css】设置文字溢出显示省略号

代码】【css】设置文字溢出显示省略号。

原创 小程序构建npm出现的问题

构建npm出现问题

原创 【vue3】基础知识

vue3基础知识

原创 CSS设置文本不换行多余文字显示省略号及顶部吸顶效果

1.实现文字强制不换行div{ white-space:nowrap }2.一行文本不换行显示省略号div{ width:200px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }

原创 在小程序中如何配置分包

原创 微信小程序全局配置及页面配置

1.全局配置文件及常用的配置项小程序根目录下的 app.json 文件是小程序的全局配置文件。常用的配置项如下：① pages记录当前小程序所有页面的存放路径② window全局设置小程序窗口的外观③ tabBar设置小程序底部的 tabBar 效果④ style是否启用新版的组件样式全局配置-Window1. 小程序窗口的组成部分2. 了解 window 节点常用的配置项全局配置-tabBar1.什么是tabBartabBar 是移动端应用常见的页面效果，用于实现多页面

原创 【问题】微信小程序设置bindinput事件没有反应

问题描述<input value="{{name}}" bindinput="ipt"></input>ipt(e){ console.log(e); }设置了文本框输入事件结果无法打印事件对象原因是小程序官方基础库的一个bug解决方案更改基础库1.首先打开微信小程序开发工具,点击右上角的详情按钮2.然后切换到弹出界面的本地设置3.最后找到调试基础库选项,点击下拉列表选择即可...

原创 微信小程序常用组件

一、小程序组件分类小程序中的组件也是由宿主环境提供的，开发者可以基于组件快速搭建出漂亮的页面结构。官方把小程序的组件分为了 9 大类，分别是：① 视图容器② 基础内容③ 表单组件④ 导航组件⑤ 媒体组件⑥ map 地图组件⑦ canvas 画布组件⑧ 开放能力⑨ 无障碍访问二、小程序常用组件① view普通视图区域类似于 HTML 中的 div，是一个块级元素常用来实现页面的布局效果② scroll-view可滚动的视图区域常用来实现滚动列表效果③

原创 数组去重的三种方法

下面介绍三种数组去重方法，代码如下：

原创 【问题】子组件中发送请求携带参数取不到父组件传递的值

首先描述问题子组件中，想用到父组件中的id值发送请求子组件中，声明了一个props参数，接收父组件传过来的值userId: { type: String, default: null }当我子组件发送请求时,调用this.userId时发送请求失败，this.userId的值为undefined子组件<assignRole />async getHeaderById() { const { roleIds } = await getHe

原创 .sync修饰符

解释.sync修饰符可以实现子组件与父组件的双向绑定，可以实现子组件同步修改父组件的值举例说明Father.vue<!-- 角色管理弹层 --> <assignRole ref="assignRole" :show-role-dialog.sync="showRoleDialog" :user-id="userId" /> <!-- 角色管理弹层 -->通过.sync标记child.vue this.$emit('update:sh

原创 vue人力资源管理项目笔记

​一、基础环境配置1.vue-element-admin后台集成方案vue-element-admin 是一个后台集成方案, 集成了PC项目中很多的业务场景和功能2.搭建项目前的一些基本准备（1）nodejs环境查看node 和 npm的版本$ node -v #查看node版本$ npm -v #查看npm版本（2）git版本控制查看git安装版本$ git --version #查看git安装版本（3）npm淘宝镜像$ npm config set registry h

原创 VS code文件后面标识含义

A: 你本地新增的文件（服务器上没有）.C: 文件的一个新拷贝.D: 你本地删除的文件（服务器上还在）.M: 文件的内容或者mode被修改了.R: 文件名被修改了。T: 文件的类型被修改了。U: 文件没有被合并(你需要完成合并才能进行提交)。X: 未知状态(很可能是遇到git的bug了，你可以向git提交bug report)。在man git diff-files中可以查到这些标志的说明。这些状态标志在git的源代码的diff.h文件中被定义。...

原创 git clone 拉取的代码显示.git文件夹

1.2.3.4.

原创 【git clone出现连接被拒绝的问题】

问题描述当我从github上拉取vue-admin-template项目模板时代码时报如下错误$ git clone https://github.com/PanJiaChen/vue-admin-template.git hrsaasCloning into 'hrsaas'...fatal: unable to access 'https://github.com/PanJiaChen/vue-admin-template.git/': Failed to connect to 12..

原创 Vuex 基础

文章目录 目录 文章目录 前言 一、Vuex是什么？ 二、初始化 三、Vuex组成 （一） state 1.定义 2. 原始调用 3.辅助函数 - mapState (二)mutations 1.定义 2.原始调用 3.辅助函数 - mapMutations （三）actions 1.定义 2.原始调用 3.辅助函数 -mapActions （四）getters 1.定义 2.原始调用 ...

原创 Vue路由跳转

1.自动返回上一页methods:{ goback(){ //返回上一页 this.$router.go(-1)}}2.自动跳转到指定页面methods:{ toSkip(){ this.$router.push('/skip')}或者 Toskip(){ this.$router.push({name:'skip'})}

原创 data和params传参的区别

get请求参数是带在url上的，必须使用params，这个是肯定的，但是post的请求就不一定了post请求既可以使用params，也可以使用data区别是：data是放在body里的，在url中看不见参数，但是使用params的话，说明参数在url里面是能够看见的可以根据不同的情况使用参数传参简单总结：能看见的参数，传参就用params，看不见的参数，就用data...

原创 搜索建议词显示高亮状态

今天太晚啦，明天写~~~~

原创 防抖和节流以及应用场景

防抖 (debounce)防抖，顾名思义，防止抖动，以免把一次事件误认为多次，敲键盘就是一个每天都会接触到的防抖操作。想要了解一个概念，必先了解概念所应用的场景。在 JS 这个世界中，有哪些防抖的场景呢登录、发短信等按钮避免用户点击太快，以致于发送了多次请求，需要防抖 调整浏览器窗口大小时，resize 次数过于频繁，造成计算过多，此时需要一次到位，就用到了防抖 文本编辑器实时保存，当无任何更改操作一秒后进行保存 代码如下，可以看出来防抖重点在于清零 clearTimeout(timer)

原创 vue项目解决切换组件滚动位置缺失

【目标】记住滚动条的位置，来回切换组件页面在原来的位置显示先搞清楚问题出在哪：1.列表滚动为什么会互相影响？当滚动时他们不是在自己页面滚动，而是在整个body页面滚动，无论你在A频道还是B频道，都是Body在滚动。2.如何找到是哪个元素产生的滚动？把下面代码粘贴到调试工具，然后滚动页面，就可以查看是哪个元素产生滚动了function findScroller(element) { element.onscroll = function(){console.log(ele

原创 【js基础】封装本地存储模块

//封装本地存储操作模块// 存储数据export const setItem = (key,value)=>{ if(typeof value === 'object'){ value = JSON.stringify(value) } window.localStorage.setItem(key,value)}// 获取数据export const getItem = (key) =>{const data = window.loca.

原创 【js基础】try catch用法

try...catch语句是什么？try...catch可以测试代码中的错误，try表示需要运行的代码，而catch部分表示错误发生时运行的代码try {//在此运行代码}catch(err){//在此处理错误}运行流程：try{...}包含块中的代码有错误，则运行catch(err){...}内的代码，否则不运行其中的代码try...catch...finally语法try { tryStatements}catch(exception){

转载 【git】git 配置ssh key 密钥

首先用如下命令(检查用户名和邮箱是否配置)：git config --global --list已配置如未配置，执行下面命令配置git config --global use.name "这里换上你的用户名"git config --global use.email "这里换上你的邮箱地址"执行下列命令生成密钥ssh-keygen -t rsa -C "这里换成你的邮箱"执行命令后需要进行3次或4次确认：确认秘钥的保存路径（如果不需要改路径则直接回车）；