随笔分类 - 前端
摘要：1.项目包管理工具选择pnpm npm i -g pnpm 2.选择用vite管理项目 注意node的版本需要16+，项目才能正常使用，在cmd中输入pnpm create vite命令，按照指示创建初始项目 3.下载eslint项目代码校验 执行pnpm i eslint -D安装eslint依赖
阅读全文
摘要：1.React开发环境搭建执行 npx create-react-app 项目名称 命令来创建项目 2.实现列表渲染在react中可以通过在{}中写入js表达式来执行js代码，所以可以通过如下手段来执行来实现列表的渲染。 function App() { let list = [ {id:1,nam
阅读全文
摘要：// 1.类的属性和方法 class Dog { name: string = "旺财"; age: number = 2; shout() { console.log("汪汪汪") } } let dog = new Dog() // 2.类的构造函数（用于给类中的属性设定初始值，在创建类的实例时
阅读全文
摘要：// TS的变量类型 // 1.数字类型 let a: number = 1; // 2.字符串类型 let b: string = "hello"; // 3.布尔类型 let c: boolean = true; // 4.any类型（赋值给其他类型的时候会改变原类型，所以不常用） let d:
阅读全文
摘要：一. 根节点不同 vue2中必须要有根标签。 vue3中可以没有根标签，会默认将多个根标签包裹在一个fragement虚拟标签中，有利于减少内存。 二. 组合式API和选项式API 在vue2中采用选项式API，将数据和函数集中起来处理，将功能点切割了当逻辑复杂的时候不利于代码阅读。 在vue3中采
阅读全文
摘要：<el-button type='primary' @click='handleSearch("kkk",$event)'>我是默认参数</el-button> 点击查看代码 handleSearch(val,e){ if(e){ /*默认参数*/ } } 想要在传递参数的基础上添加默认参数，在vu
阅读全文
摘要：## 前端 ### 1.创建一个滑块组件slider 点击查看代码 ``` 请完成下列验证后继续 loading... ``` ### 2.在需要地方引入该组件 点击查看代码 ``` ``` ## 后端 ### 1.导入xml 点击查看代码 ``` cloud.tianai.captcha tian
阅读全文
摘要：当在React项目中使用Redux，你需要安装redux和react-redux库。下面是一个简单的示例，展示了如何在React项目中集成Redux： #### 1.安装依赖库： `npm install redux react-redux` #### 2.创建Redux store： 在项目的根目
阅读全文
摘要：### 1.useState 用于声明一个state变量，例子如下 点击查看代码 ``` import React, { useState } from 'react'; function Example() { // 声明一个叫 "count" 的 state 变量 const [count, s
阅读全文
摘要：## webpack5的安装方式 `npm install --save-dev javascript-obfuscator webpack-obfuscator` ## webpack4的安装方式 `npm install --save-dev javascript-obfuscator webp
阅读全文
摘要：H5网页通过URL Scheme进行跳转 URL Scheme的获取方法有两种 1.在需要跳转的小程序的小程序管理后台中通过工具直接生成, 该方法生成的URL Scheme不能实时指定跳转小程序的页面也不能向小程序传递参数文档点击这里 2.如果需要指定跳转小程序的页面或者需要向小程序传递参数, 则需
阅读全文
摘要：1. 在 el-table 中增加 row-key="id" 2. 在多选框列中增加 reserve-selection <el-table-column type="selection" reserve-selection></el-table-column> <el-table row-key=
阅读全文
摘要：element中下拉选项框el-select提供拉到底加载下一页数据1、新增一个自定义指令 import Vue from 'vue'; /** 自定义指令 */ Vue.directive( 'loadmore', // 自定义指令 { bind(el, binding) { // 获取eleme
阅读全文
摘要：在html的头部文件上加上这个meta就行了 <meta name="viewport" content="width=device-width,intial-scale=0,maximum-scale=0,user-scalable=yes,shrink-to-fit=no">
阅读全文
摘要：vue页面跳转不存在的路由返回404页面，我这里有两种方法 方法1： 通过配置路由，当匹配不到路由时，默认跳转到404页面 方法2： 通过使用路由钩子函数 router.beforeEach((to, from, next)=>{ if(to.matched.length 0){ //未匹配到的时候
阅读全文
摘要：vue构建的应用是存在生命周期的。因为在加载相同路由的组件时已经走过了created()和mounted()等生命周期，所以再次跳转相同页面是不会再触发生命周期的路由钩子函数，传递的参数也就没有用了。 所以为了解决这个问题。我们可以创建一个用于路由跳转的中间页。再经过中间页跳转到我们最终想要跳转的页
阅读全文
摘要：微信小程序的打包上传的大小是2MB。一般情况下对于小程序的开发是够用了，但是如果要开发的小程序比较大，功能点比较多的情况下。2MB的大小限制可能就不太够了，这个时候就需要对小程序进行分包的处理了。pages中代表的是主包，可以在它的同级目录下创建分包。 例如在pages的同级目录下创建分包pages
阅读全文
摘要：vue-cli3直接打包项目时，部署到服务器。会出现，css，js文件加载失败，链接错误的问题。这个时候要修改config文件夹下的index.js文件 build: { // Template for index.html index: path.resolve(__dirname, '../di
阅读全文
摘要：录音 onLoad(options) { let that=this this.recorderManager = uni.getRecorderManager(); //创建录音管理 }, methods:{ //开始录音 startRecord(index){ let that=this uni
阅读全文
摘要：wxml文件 <view class="container"> <view class="left-item"> <view class="item"></view> </view> <view class="right-item"> <view class="item"></view> </vie
阅读全文