- 博客(15)
- 收藏
- 关注
RSS订阅原创 数组扁平化
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档数组扁平化前言扁平化的含义flat语法+Infinitifor循环判断+递归使用数组万金油reduce方法使用toString+split+map前言今天面试的时候面试官：你知道扁平化？我：知道，就是多维变一维。面试官：那行，你给我手写一个数组扁平化呗。我心里：…，我说：行，扁平化的含义1、扁平化，顾名思义就是减少复杂性装饰，使其事物本身更简洁、简单，突出主题。2、数组扁平化，对着上面意思套也知道了，就是将一个复杂的嵌套多层.
2022-04-25 20:46:18
244
原创 新版Vue3踩坑
新版Vue3踩坑前言Pinia的使用Pinia介绍Pinia基础Vite中如何使用@替代srcvite中如何配置本地跨域vite 中Elemen-Plus按需引入vite使用Router前言这几天心血来潮，想试试新版Vue3+vite+ts+Element-Plus，真的是踩了不少坑啊。Pinia的使用Pinia介绍 在今年2月7号之前就看到不少文章说Pinia是做为Vuex5的试用版，最近又看到一篇文章说尤大为了Pinia作者的成果，不准备把Pinia作为Vuex5了，而是一个独立的版本
2022-04-21 21:09:52
1432
原创 图片懒加载
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档图片懒加载废话不多说 直接撸代码第一种 使用 IntersectionObserver()API废话不多说 直接撸代码第一种 使用 IntersectionObserver()API //获取所有带自定义属性的img const imgs = document.querySelectorAll('img[data-src]') // 定义IntersectionObserver(callb.
2022-04-13 20:57:04
320
原创 微信小程序开发者工具怎么使用Less、Sass
微信小程序开发者工具怎么使用Less、Sass前言一、Sass使用第一步按需导入如何设置Sass应用Less使用前言在微信小程序开发者工具中编写wxss样式表是不是感觉很麻烦，不要困惑，有Less，Sass它们帮助你，使用过预处理器，谁都说好。一、Sass使用第一步点击插件按钮，点击设置···你可以选择全部导入也可以按需导入，小提示：全部导入的话，如果你电脑性能不是很好，你的VSCode插件很多的话，你的电脑有可能会卡死，等个几分钟就好了，或者十几分钟。按需导入点击从已解包的扩展文
2022-04-01 18:40:59
1650
原创 微信小程序封装组件
微信小程序封装组件前言一、封装组件的意思二、使用步骤第一步第二步前言在日常开发中，有页面之间有很多相似的组件，我们可以对其相似的代码块进行封装，进行复用一、封装组件的意思高内聚性，组建功能必须是完整的，如我要实现下拉菜单功能，那在下拉菜单这个组件中，就把下拉菜单所需要的所有功能全部实现。低耦合度代码独立不会和项目中的其他代码发生冲突。在实际工程中，我们经常会涉及到团队协作，传统按照业务线去编写代码的方式，就很容易相互冲突，所以运用组件化方式就可大大避免这种冲突的存在、每一个组件都有子集清
2022-04-01 11:54:19
5145
原创 关于微信小程序如何使用Vant组件
微信小程序如何使用Vant组件前言一、微信小程序自动查找第二种前言今天闲着没事，兴趣来了，想写写微信小程序，用原生的敲，因为懒得原因，不想再去封装一些组件库，就想当Vant，引用Vant真的是一波三折，不用不知道，一用才知道，好了，废话说的差不多了一、微信小程序自动查找Vant官网说的其实也挺清楚的，第一步：npm i @vant/weapp -S --production第二步：将 app.json 中的 “style”: “v2” 去除，第三步：修改 project.config.js
2022-03-31 19:45:41
5082
1
原创 深拷贝---
深拷贝前言前言为了学习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2022-03-29 16:53:51
363
1
原创 Vue3轮播图组件
Vue3轮播图组件vue3轮播图组件第一步第二步第三步vue3轮播图组件第一步npm i lib-swiper第二步import Swiper_UI from 'lib-swipers'const app = createApp(App)app.use(Swiper_UI)第三步 <carousel :autoplay="true" :duration="3000" :initial="0" :hasDot="true" :hasDirector="true"&g
2022-01-23 14:04:32
1679
原创 Vue简单实现自定义拖拽
Vue简单实现自定义拖拽前言什么是自定义指令lin-drag插件的使用第一步第二步第三步前言我们在写Vue项目的时候有时候会遇到一些拖拽的问题，但是Vue又不直接操作底层DOM，这个时候我们就需要用到自定义指令了来对底层DOM进行操作。什么是自定义指令先来看看官方的解释：除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会
2022-01-20 14:46:27
2022
原创 VUE分页出现省略号
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档VUE分页出现省略号废话不多说直接上代码 calcPageNum() { let pageTotal = Math.ceil(this.total / this.limit); //获取最大页码数 let cur = this.currentPage; //获取当前页码数 if (pageTotal < 7) { //判断什么时候正常显示
2022-01-18 09:54:09
637
原创 解决跨域问题
解决跨域什么是跨域CORSproxy代理JSONP什么是跨域出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）跨域简单理解
2022-01-04 15:18:07
1178
原创 虚拟DOM和diff算法
虚拟DOM和diff算法snabbdom简介：虚拟DOM和H函数虚拟DOM:真实DOM虚拟DOMdiff是发生在虚拟DOM上的旧虚拟DOM新虚拟DOMDOM如何变为虚拟DOM虚拟DOM如何被渲染函数（h函数）生产h函数用来产生虚拟节点（模板编译）一个虚拟节点的属性h函数可以嵌套使用，从而得到虚拟DOM数（重要）使用h函数简单实现真实DOM树diff算法原理手写一个简单的diff算法1、先创建一个h.js2、创建一个vnode.js创建一个index.jsdiff算法心得snabbdom简介：snabb
2021-12-30 22:04:08
628
原创 VUE环境变量
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档VUE环境变量前言一、环境变量是什么二、模式三、使用环境变量第一步第二步第三步第四步总结前言首先，我们需要知道什么是VUE环境变量，他是干什么的？为什么需要环境变量？一、环境变量是什么环境意思就是在某一个特殊的地方，变量就是会变的意思。总体意思就是说：“在什么时候干什么事”。往往我们在开发的时候一般会有是三个环境： 开发环境 测试环境 线上环境二、模式
2021-12-28 18:04:19
2613
原创 JS判断数据类型
数据类型判断前言一、typeof()判断2.instanceof判断constructor(构造器)判断Object.prototype.toString.call()判断前言平常数据类型分为：一般类型（简单）和引入类型（复杂）一般数据类型：Number(数字类型)、Boolean(布尔)、Undefined(未定义)、Null(空值)、String(字符串)，复杂数据类型：Array(数组)、Object(对象)、Functio
2021-12-27 16:48:05
543
原创 git简单使用
1、先下载git，地址：点击此处即可跳转2、点击Gitee - 基于 Git 的代码托管和研发协作平台进入 注册 登录3.开始创建属于你的第一个git啦这个时候就会出现这个界面4、如何拉取文件回到桌面 新建一个文件夹 在里面鼠标右键点击 Git Bash Here在里面输入命令 git clone 这里是你刚才复制的地址 用你掌握着财富密码的手 按下回车键再次打开你的文件夹...
2021-12-25 11:53:59
237
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人