- 博客(15)
- 收藏
- 关注
原创 数组扁平化
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档数组扁平化前言扁平化的含义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关注的人