yang792508465的博客

原创 【vue3-pinpa】vite pinia-plugin-persistedstate安装使用 vue状态管理工具pinpa，pinia持久化如何使用，如何配置pinia,vue3刷新数据不丢失

pinia-plugin-persistedstate 下载pinia-plugin-persistedstate数据持久化 在本地存储的话会有一个默认的存储名称，那么我们改如何修改呢如何 改变本地存储的名称和改变存储的位置 这样刷新数据就不会丢失了.........

原创 如何判断是不是一个空对象有三个方法

如何判断是不是一个空对象有三个方法1. JSON.stringify()2. for in 配合hasOwnProperty()3. Object.keys()JSON.stringify()let obj={}if(JSON.stringify(obj)==="{}"){ console.log("obj是空对象")}for in 配合hasOwnProperty() let obj = {} for(key in obj){ i

原创 vue创建的俩种方式

vue创建的种方式

原创 前端和后端的区别

1.什么是全栈？ 全栈是多种复合型技术（前端+后端+设计+运维+产品+测试等等）2.什么是前端？ 眼见得所有得可交互得都是前端 详情：安卓和苹果软件都属于前端，可以交互得电脑得软件的叫前端。咱妈的程序运行在浏览器，所以咱们叫web前端开发移动H5前端开发工程师，我们的程序运行在手的浏览器中混合APP前端开发，小程序+uniapp开发的HTML网页程序被植入到手机壳里面，前端开发工程师：包括了上面所有我们的部分1.后端语言 java php c## .net python go...等 这些语言都可以操作数据

原创 vue的命名规范

vue的命名规范

原创 面试主要注意的内容

：要多主动表达，比如人家问3年工作经验，应该有回应。 // 这是第一个录音：人家注重的是原生开发，如果在遇到问原生的，就先跟人家说使用框架开发的多，原生的印象不深了，但是可以复习，很快掌握。当一个网站的不同页面单独的分离出来成都独立窗口，请问local和session区别 本地存储里面， 会话存储是不共享的数据的， 长期存储是共享的数据的cookie使用什么区分不同页面？ 使用path或者domain来区分：语义化【标签】是为了解决什么问题，还有什么作用？ 让标签有含义，这样符合w3c的标准，让页面结构更加

原创 vue面试题

在v-for循环中，key是每个vnode（虚拟dom）的唯一id,也是diff算法的一种优化策略，可以根据key,更准确，更快的找到对应的vnode（虚拟dom）节点。 【拓展：了解即可】，在vue1.0时代没有key，导致v-for出来的dom修改的时候需要重新生成dom树，造成性能浪费，vue2.0有了key之后，需改dom则根据key直接替换被修改元素，从而节省了性能。diff算法的作用是用来计算出 Virtual DOM（虚拟dom） 中被改变的部分，然后针对该部分进行原生DOM操作，而不用重新渲

原创 vue面试题

答：跨站脚本攻击就是xss攻击。有三种攻击方式：反射、注入、存储。 反射型：反射型XSS通常出现在网站的搜索栏，使用url地址挂载恶意的参数，一般主要是偷取cookie等。 注入：是在标签上使用属性添加的方式，恶意的破坏网站的数据。 存储：在接口请求中加入恶意代码，攻击或存储到数据库里。攻击，比如植入一段删除sql的语句；储存，把一段js脚本语法alert(1)，早期很多网站有留言板，论坛，只要把内容中写入脚本，那么下一个来访问的人，他的信息就可能会被偷走。标签攻击，尽量不...

原创 vue面试题

所谓的水仙花树是指一个三位数，具各位数字立方的和等于该数的本身 列如：153是一个水仙花，因为153等于1的三次方加上5的三次方+3的三次方答：作⽤：本质上是优化⾼频率执⾏代码的⼀种⼿段 定义 节流: n 秒内只运⾏⼀次，若在 n 秒内重复触发，只有⼀次⽣效 防抖: n 秒后在执⾏该事件，若在 n 秒内被重复触发，则重新计时 相同点： 都可以通过使⽤ setTimeout 赛特猫特实现 ⽬的都是，降低回调执⾏频率。节省计算资源 不同点： 函数防抖，在⼀段连续操作结束后，处理回调，利⽤ clearTimeou

原创 vue面试题

什么是函数重载？来自于后端，前端没有 前端的函数重载其实就是回调同一个函数，传入不同的参数，执行不同的业务就叫函数重载 如果funcyion fn{alert(1)},funcyion fn{alert(2)}在前端会把后面的先执行，后端会先执行前面请求拦截：除了loading以后就是token 响应拦截； 关闭loading动画，容错，判断数据类型，格式化数据，根据状态码统一管理就是在每个方法的最后返回当前这个对象1.创建俩个文件夹比如werver和web 2.在werver里面打开cmd 2.1输

原创 Git的使用和在公司的讲解理解

总结git 新仓库的使用方法 1. 在我们项目目录中使用：git init 初始化本地仓库 2. 项目中无论是新增的文件还是修改了文件，都需要执行两个命令，才能把项目中的文件【存入本地仓库】 git add . 把文件存入暂存区 git commit -m '本次操作的日志' 把暂存区的文件存入本地仓库 3.去远程创建一个空的仓库，并且把远程仓库的ssh地址与本地仓库进行关联【每个新仓库都必

原创 电商项目梳理步骤-项目

电商项目业务逻辑梳理 01、首页 顶部栏-logo和搜索 轮播是使用一个子组件，方便复用，封装轮播接口 分类：使用了vant组件来完成的，自己扒的图造的假数据 产品列表 使用原生js开发的下拉加载更多 实现的原理：当前的视图高度+滚动条卷上去的高度=>滚动条（整个文档）的高度就说明到底了。 问题：监听滚动事件会频繁触发很多次，导致请求很多次重复

原创 vue面试题的理解

答：协议、域名、端口一致为同源策略，同源策略是浏览器为了安全访问网页内容而出现的一种措施。 【https协议的默认端口号443，http端口80】 非同源策略就是当使用ajax请求时协议、域名、端口号中有一项不相同时出现的情况。 非同源策略会产生跨域请求。 前端可以使用jsonp解决，也可以借助nodejs作为代理请求。 jsonp就是借助了script标签的src属性可以跨源获取脚本来实现跨域请求。 获取数据需要前端与后端协商好回调函数，后端把数据放在回调函数中，前端预先声明好回调函数，当数据返回时前端的

原创 Git的使用手册

1. 安装git，从百度搜索git去官网下载2. 安装：默认一路next安装就好了3. 配置：第一次初始在计算机使用git需要做的流程首先全局的账户git config --global user.name "name"git config --global user.email "email@example.com"3. 生成钥匙ssh-keygen -t rsa -C "自己邮箱"　4. 把用户文件夹里的.ssh里的id_rsa.pub 代码复制5. 把公钥添加到远程个人账户

原创 前端和后端+认识全栈的重要

前端的概念 1.什么是全栈？ 全栈是多种复合型技术（前端+后端+设计+运维+产品+测试等等） 2.什么是前端？ 眼见得所有得可交互得都是前端 详情：安卓和苹果软件都属于前端，可以交互得电脑得软件的叫前端。咱妈的程序运行在浏览器，所以咱们叫web前端开发移动H5前端开发工程师，我们的程序运行在手的浏览器中混合APP前端开发，小程序+uniapp开发的HTML网页程序被植入到手机壳里面，前端开发工程师：包括了上面所有我们的部分 后端的概念 1.后端语言 java php c## .ne

原创 vue2--复习

说⼀下什么是mvvm模式? m => model 数据 v => view 代表视图，c => controller 控制 MVVM 是把 MVC 的 Controller 和 MVP 的 Presenter 改成了 ViewModel View 的变化会⾃动更新到 ViewModel ， ViewModel 的变化也会⾃动同步到 View 上显示(ViewModel控制视图更新) vue双向数据绑定原理?通过 Object.defineProperty() 来劫持各个属性的

原创 vue2--复习

1.路由导航守卫又叫 路由的 生命周期函数 也叫路由的钩子函数路由导航守卫 有没有第三个参数 next 取决于 vue-router 的版本 如果是 3.x 的路由必须写 next 如果是 4.x 的路由可以不写 一般来说 vue2 搭配 3.x 的路由 vue3 搭配 4.x 的路由全局 守卫所有的页面 beforeEach 路由进入之前 afterEach 路由离开 组件 守卫单个页面 beforeRouteEnter 路由进入之前 beforeRouteUpdate 路由更新之前 befo

原创 vue2.自我笔记

1.vue2 的生命周期函数指的是 vue 实例从创建到销毁的过程中 在特定的时间会自动 触发的函数 生命周期函数又叫钩子函数1.1 生命周期函数都有哪些创建阶段的四个 beforeCreate 创建前 不能拿到 data 和 methods 来用 created 创建后 是最早可以拿到 data 和 methods 来用的 beforeMount 组件挂载前 mounted 组件挂载后 才能拿到 dom 来操作运行阶段的两个 数据更新会触发 beforeUpdate 视图更新前 updat

原创 vue的双向数据绑定

是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter在数据变动时发布消息给订阅者，触发相应的监听回调来渲染视图,实现数据和视图同步。第一步：需要observer的数据对象进行递归遍历，包括子属性对象的属性，都加上 setter和getter，这样的话，给这个对象的某个值赋值，就会触发setter，那么就能监听到了数据变化第二步：compile解析模板指令，将模板中的变量替换成数据，然后初始化渲染页面视图，并将..

原创 display: flex自我理解

我眼中的弹性盒子display: flex意思是弹性布局，弹性布局简直不要太好用，今天就来和大家具体讲讲它的属性和用法吧。flex的属性（以下五个属性语法都是加在父元素身上的。）一 1. flex-direction: row; 布局的排列方向 （主轴排列方向）row 默认值，显示为行。方向为当前文档水平流方向，默认情况下是从左往右。row-reverse 显示为行。但方向和row属性值是反的，在水平方向上为从右往左。column 显示为列 方向为在垂直方向上从上到下column-rever

原创 H5新增特性和css3新增特性？

H5新增特性和css3新增特性？ 答：1.⾸先html5为了更好的实践web语义化，增加了header，footer，nav,aside,section等语义化标签， 2.在表单⽅⾯，为了增强表单，为input增加了color，email,data,range等类型， 3.在存储⽅⾯，提供了sessionStorage，localStorage,和离线存储，通过这些存储⽅式⽅便数据在客户端的存储和...

原创 rpx、px、em、rem、%、vh、vw的区别是什么？

rpx、px、em、rem、%、vh、vw的区别是什么？rpx 相当于把屏幕宽度分为750份，1份就是1rpx px 绝对单位，页面按精确像素展示 em 相对单位，相对于它的父节点字体进行计算 rem 相对单位，相对根节点html的字体大小来计算 % 一般来说就是相对于父元素 vh 视窗高度，1vh等于视窗高度的1% vw 视窗宽度，1vw等于视窗宽度的1%...

原创 微信小程序引入json版的接口

原创 自我笔记和理解

day 011.markdown语法 # 代表 一级标题 以此类推 ``` 代表 Java sacrpt 的 语法 两 * 代表加粗字体 两 * 和 Eglishi** 代表单词 无序列表 是一个* 有序列表 1. 2. 3. 以此类推 ' > ' 代表 引入文字 代表 引入图片 引入网址 [网站的名称] (网站的路径) 2.什么是MVVM MVC：是后台的框架模式 分为M：（model模型）、V（v

原创 vue2.0

Vuex是什么？Vuex是一个专门为vue.js应用程序开发的状态管理模式Vuex有什么 好处？及使用场景好处：可以做状态管理、采用localstorage保存信息、数据一直存储在用户的客户端中使用场景：(1)登录信息、(2)购物车、(3)复杂的组件通信介绍Vuex的核心概念及其作用核心概念：state状态、getter计算属性、mutation改变状态、action异步操作、module模块vuex是一个仓库，是vue的状态管理工具，存放公共数据，任何组件都可以使用vuex里的公共数

原创 小程序怎样进行本地存储的读、写、删、清？请写出同步及异步两种类型

同步： （1）wx.setStorageSync(); //存储值 （2）wx.removeStorageSync(); // 移除指定的值 （3）wx.getStorageSync(); // 获取值 （4）wx.getStorageInfoSync(); // 获取当前 storage 中所有的 key （5）wx.clearStorageSync(); // 清除所有的key异步： （1）wx.setStorage(); //存储值...

原创 在wepy中如何将异步API promise化

下载模块@wepy/use-promisify npm i @wepy/use-promisify 在app.wpy中引入该模块 import promisify from '@wepy/use-promisify' 在app.wpy中，将promisify方法挂载到wepy上 wepy.use(promisify) 使用wepy.wx.request('url地址') ...

原创 vue2组件的生命周期函数（11个），分别是什么意思

实例的生命周期函数（官方11个）：创建阶段的四个：beforeCreate：实例创建之前。created：实例创建之后。beforeMount：组件挂载之前。mounted：组件挂载之后。运行阶段的两个：beforeUpdate：数据改变，视图更新之前。updated：试图更新之后。销毁阶段的两个：beforeDestroy：实例销毁之前。destroyed：实例销毁之后。其他三个：activated被 keep-alive 缓存的组件激活时调用。deact..

原创 微信小程序wxs的理解

概念：wxs（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构 特点： 没有兼容性 与JavaScript不同 隔离性 不能作为事件回调 ios设备上比javascript运行快 wxs遵循CommonJs模块化规范 支持的数据类型： number：数值类型 string：字符串类型 boolean：布尔类型

原创 微信小程序的重点（重中之重）

1. 简单描述下微信小程序的相关文件类型微信小程序项目结构主要有四个文件类型,如下：1.WXML可以构建出页面的结构2.WXSS 是一套样式语言，用于描述 WXML 的组件样式3.js逻辑处理，网络请求4.json小程序配置文件5.app.json作为配置文件入口，整个小程序的全局配置。6.app.js必须要有这个文件，没有也是会报错7.app.wxss全局页面样式设置，在app.wxss中设置的样式可以在小程序的所有页面生效2. 请谈谈小程序的生命周期函数(应用页面的) o

原创 vue3+vant 移动端适配

Vant 中的样式默认使用 px 作为单位，如果需要使用 rem 单位，推荐使用以下两个工具：postcss-pxtorem 是一款 postcss 插件，用于将 px 单位转化为 remlib-flexible 用于设置 rem 基准值1.安装依赖yarn add amfe-flexible或者使用npm i amfe-flexible然后在 main.js 中加载执行该模块：import 'amfe-flexible'2.安装postcss-pxtorem依

原创 【无标题】

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

原创 v-for和v-if 优先级的问题

不能直接这样写，会出现警告。 <div v-for="(item,index) in checkList" :key="index" v-if="item.status"> </div> 正确的写法<template v-for="(item,index) in checkList"> <div :key="index" v-if="item.status" ></div> </template

原创 微信小程序--学习 wepy

第六单元 wepy一、昨日知识点回顾1.小程序组件2.组件的数据与方法3.Properties4.组件通信二、本单元知识点概述三、本单元教学目标（Ⅰ）重点知识目标1.wepy的安装与运行2.wepy配置（Ⅱ）能力目标1.掌握wepy的安装与运行2.掌握wepy配置四、本单元知识详讲6.1. wepy 官网：WePY Document 6.1.1 wepy简介 什么是wepy WePY 是腾讯官方出品的一个小程序快速开发框架

原创 原生的APP、小程序（微信小程序、支付宝小程序、头条小程序、百度小程序.等等）、H5 的优势与劣势分析有那些？

移动端包含哪些话说移动端程序，大家基本都能想到Android 应用，IOS应用，H5 应用，微信小程序、支付宝小程序、百度小程序、头条抖音小程序。其实还有2018年的小米、中兴、华为、金立、联想、魅族、努比亚、OPPO、vivo、一加共十家手机厂商一起推出了快应用，虽然名字不同，本质上也是小程序。大平台APP衍生小应用的未来，前景很美好，现实很残酷，本质是针对不同场景下，用户时间资源的竞争。移动端优劣分析Native APP（原生APP）优势面向更多客户群体。主要体现在对硬件资源

原创 微信小程序的重点知识点--递归函数--必须要会的

使用递归函数来实现一个对象的深拷贝function copy(obj) { let newObj = null; // 声明一个对象来存储拷贝之后的内容 // 判断数据类型是否是复杂的数据类型，如果是则调用自己，如果不是则直接赋值即可！ // 由于null不可以循环但是他的类型又是object，所以这个需要对null进行判断 if (typeof(obj) == 'object' && obj !== null){ // 声

原创 微信小程序的组件和相关类型2.0组件文件说明

1. 简单描述下微信小程序的相关文件类型微信小程序项目结构主要有四个文件类型,如下：1.WXML可以构建出页面的结构2.WXSS 是一套样式语言，用于描述 WXML 的组件样式3.js逻辑处理，网络请求4.json小程序配置文件5.app.json作为配置文件入口，整个小程序的全局配置。6.app.js必须要有这个文件，没有也是会报错7.app.wxss全局页面样式设置，在app.wxss中设置的样式可以在小程序的所有页面生效2. 请谈谈小程序的生命周期函数(应用页面的) o

原创 微信小程序的组件

第五单元 小程序组件一、昨日知识点回顾1.小程序导航2.上拉加载和下拉刷新的配置3.小程序网络请求4.异步api的promise化二、本单元知识点概述（Ⅰ）指定教材无（Ⅱ）知识点概述（Ⅲ）教学时长共4课时，180分钟三、本单元教学目标（Ⅰ）重点知识目标1.组件的创建2.组件通信（Ⅱ）能力目标1.掌握组件的创建2.掌握组件通信四、本单元知识详讲5.1. 小程序组件5.1.1 组件创建 在项目的根目录中，鼠标右键，创建 c

原创 小程序基础 2.0

第四单元 小程序基础二一、昨日知识点回顾1.小程序中的事件2.wxs3.列表渲染4.条件渲染二、本单元知识点概述（Ⅰ）指定教材无（Ⅱ）知识点概述（Ⅲ）教学时长三、本单元教学目标（Ⅰ）重点知识目标1.下拉加载和上拉刷新2.小程序的页面跳转3.网络请求（Ⅱ）能力目标1.掌握下拉加载和上拉刷新2.掌握小程序的页面跳转3.掌握网络请求四、本单元知识详讲4.1. 下拉刷新4.1.1 下拉刷新的概念以及场景 概念：下拉刷新是移

原创 小程序入门说明以及资料整理

1.0 前期准备1.0 开发账号注册按照文档（https://developers.weixin.qq.com/miniprogram/dev/index.html） 不再叙述注意：1. 注册成功之后，需要到开发设置页面注册服务器域名 例如人民日报 https://app.peopleapp.com 2.记住AppID(创建工程需要)2.0 开发工具下载( https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html