- 博客(28)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 React+TS项目中配置路径别名和提示
为了方便使用，希望使@符号代表src文件路径步骤1 下载依赖包npm i @craco/craco -D步骤2：配置craco.config.js在跟目录下创建craco.config.js//对webpack配置别名const path = require('path')module.exports = { // webpack 配置 webpack: { // 配置别名 alias: { // 约定：使用 @ 表示 src 文件所在路径
2022-05-25 11:37:17
772
原创 尚硅谷-TypeScript
1. TypeScript简介（1）TypeScript是什么?存在的意义是什么？本质：是以js为基础构建的语言。意义：在js的基础上最大的差别是引入了类型的概念。使js从动态类型的语言变为静态类型的语言。注意：ts可以在任何支持js的平台中运行，但是ts不可以直接被js解析器执行，所以要将ts编译为js再执行。ts优势：增添类型，支持es6，增添es不具备的新特性，丰富的配置选项，强大的开发工具。2 TypeScript的环境搭建（1）安装tsnpm i -g typescript
2022-05-23 17:32:45
1163
1
原创 el-input中的粘贴事件
<el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.description" @paste.native='pasteDescription($event,scope.$index)'> </el-input> pasteDescription(event, index, list){ var pastedText = undefined if (event.clipb.
2022-05-18 10:23:03
1643
原创 【已解决】Couldn‘t find preset “babel/preset-env“ relative to directory
运行webpack报错Couldn't find preset "babel/preset-env" relative to directory解决方法：1.首先检查是否将依赖的包下载完毕？下载依赖包：npm i babel-loader @babel/preset-env @babel/core -D这里下载要注意版本问题，一定要版本对应，不对应的话重新下载对应的版本:升版（最高版本）：npm install babel-loader @babel/core @babel/prese
2022-05-17 11:05:30
2399
原创 尚硅谷-React
1.React初认识（1）React是什么react是用于构建用户 界面（视图） 的JavaScript库也可以说react是一个将数据渲染为html视图开端的开源JS库（2）React的功能是什么操作Dom呈现页面（3）为什么学React：原生JS的痛点1 原生js操作dom效率低，繁琐document.getElamentById('name')2 使用js直接操作dom，浏览器会进行大量的重汇重排3.原生js没有组件化的编码方案，代码复用率低组件化：html、css、js都拆
2022-04-26 10:39:17
2532
2
原创 uni-app
1-uni-app入门（1）开发规范：页面遵循vue单文件组件标签靠近小程序规范接口靠近小程序规范事件处理靠近vue1.全局配置 globalStyle在pages.josn文件中进行配置
2022-03-14 17:12:53
3434
原创 尚硅谷-webpack
1 webpack初体验1.1准备工作1.初始化包描述文件npm init2.全局安装webpacknpm i webpack-cli -g3.将webpack添加到package.json的依赖中npm i webpack-cli -D1.2运行指令运行不了的话前面加npx开发环境：webpack ./src/index.js -o ./build/built.js --mode=development（webpack会以./src/index.js -o作为入口文件进行打
2022-02-10 11:41:31
999
原创 面向对象、原型链、类
面向对象1.1 对象的基本概念1.1.1对象是什么？为什么引入对象？（1）除了基本类型（String、Number、Boolean、Null、Undefined）以外的数据类型都是对象（Object）（2）由于基本类型数据都是单一的值，值和值之间没有关系，所以使用对象来使值与值之间存在关系。对象属于复合类型数据在对象中可以保持不用数据类型的属性1.1.2 对象分类（1）内建对象：js标准中定义的对象Boolean、Math、String、 Number、Function、Object（2）
2022-01-20 17:54:39
509
原创 Vue中&nextTick()的使用方法
&nextTick()的基本使用1.nextTick的调用时机及作用：调用时间：当数据更新了，在dom中渲染后，会自动调用执行该函数作用：简单来说就是 获取更新之后的dom2.未使用nextTick()的情况：<bottom @click=changeMsg() ref="btn">{{msg}}</bottom>export default{data(){ return{ msg:'hello' }}，methods:{ changeMs
2022-01-06 11:43:41
728
原创 vue中计算属性computed的使用
1.vue中计算属性computed的基本使用<div>{{this.msg1}}</div><div @click=changeCount(5)>修改count的值</div>data(){ msg:'11', count:2},//与computed与data同级//computed中声明的函数名就是参数名 可以直接使用 例如{{msg1}} 无需在data中声明//计算机属性中必须有return return内容作为msg1的值
2022-01-04 11:57:59
4561
原创 Vue事件监听Watch的使用
当事件监听到变量的变化时，就会执行Watch中对应的方法watch的使用方法data(){ return{ data:0 }},//watch与data同级watch(){ //以需要监听的变量的名字作为函数名称 //可以接收两个参数 第一个:变化后的值；第二个:变化前的值 //当监听data数据变化的时候会执行这个函数 data(newvalue,oldvalue){ if(newvalue>oldvalue){ console.log(
2022-01-04 11:30:33
2410
原创 Vue中自定义指令directive的使用
知识预备：自定义指令中的钩子函数bind：只调用一次，指令第一次绑定到元素的时候调用 （一般在修改style时使用）inserted：被绑定的元素节点插入到dom树中时调用（一般在修改dom时使用）update：所在组件的Vnode更新时调用，但孩子Vnode可能还没有更新componentUpdate：所在组件的Vnode及孩子的Vnode全部更新时调用unbind：只调用一次，指令与元素解绑的时候调用一般就用前两个就行了知识预备：自定义指令中的钩子函数中的参数//例子bind:
2021-12-23 16:55:31
1490
原创 Vue中的过滤器filter的使用
<template> <div id="filterPage"> <!-- 使用过滤器 --> <div>{{name | showname}}</div> <!-- 使用带有正则表达式的过滤器 --> <div>{{msg | changename}}</div> <!-- 使用带有参数的过滤器 -->
2021-12-23 15:39:24
733
原创 Vue项目中Vant-UI库的使用（组件使用详情）
4.使用详情：（1）轻提示的使用：<van-button type="primary" @click="openmes()">弹出轻提示</van-button>openmes () { this.$toast('弹一个轻提示') },效果展示:（2）Popup 弹出层使用： <van-cell title="展示弹出层" is-link @click="showPopup()" /> <van-
2021-12-21 17:53:58
2402
原创 Vue项目中Vant-UI库的使用（配置相关）
1. 第一步：安装插件（1）安装vant-ui库npm i vant -S（2）安装按需导入插件babel-plugin-importnpm i babel-plugin-import -D（3）在子目录下新建babel.config.js并配置module.exports = { "plugins": [ ['import', { libraryName: 'vant', libraryDirectory: 'es',
2021-12-20 16:47:05
1671
原创 Jquery的基本使用
1.Jquery的基础使用外链jquery：<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>(1) 使用$()来获取元素//html语句<div id="name">张三</div>//js获取元素document.getElementNameById("name")//jquery获取元素$("#name").click=func
2021-12-16 15:51:11
1318
原创 ES6-symbol
symbol1、symbol引入的意义symbol表示独一无二的值，可以用于解决对象属性名冲突的问题2、创建symbol(1)一般创建（无参数）let s = Symbol();console.log(typeof s);//Symbol注意不用New命令，New是用来生成对象的(2)可以传入“字符串”参数（用于区分symbol）；let s1 = Symbol('foo');let s2 = Symbol('bar');s1.toString()//"Symbol(foo)"s
2021-11-02 11:12:50
94
原创 es6-set
set1.set的意义set类似于数组 但成员的值是唯一的2.创建setconst s = new Set();//创建一个空setlet set = new Set([1,2,3,4,4,5])//初始化注意：1.set内部不会发生类型转换，5和‘5’是不一样的2.两个对象是不一样的，即使内容一样3.set的属性set.constructor：默认就是Set()构造函数set.size：返回实例成员的数量4...
2021-11-02 11:12:41
99
原创 es6-map
Map1.map的引入map的键值对的有序列表，键和值都可以为任意类型。相较于object 字符串-值，object重在表示对象，map重在表达数据结构-字典2.创建maplet m=new Map()//初始化let map=new Map(['name','zhang'],['sex','male'])...
2021-11-02 11:12:27
122
原创 函数
一、什么是函数？函数是一段JavaScript代码，它只定义一次，但可能被执行或调用任意次。二、函数的参数化形参、实参、this、函数返回值三、函数的定义函数声明语法：function add(num1, num2) { return num1 + num2;}```**加粗样式**...
2021-04-21 08:01:26
292
原创 解构赋值
解构赋值什么是解构：从数组或对象中提取值，然后对变量进行赋值数组的解构赋值—模式匹配1.如果解构不成功，变量的值就等于undefined2.没有变量接收的解构值就被忽略3.模式不匹配会报错4.解构赋值允许默认值但是只在匹配值为undefined的时候生效如果默认值是一个表达式会“惰性求值”——只有在用到的时候才执行表达式默认值可以引用解构赋值中其他变量，但必须已经声明对象的解构赋值—属性名解构1.变量必须与属性同名才能取到正确的值实质：先找到同名的属性再赋值给对应变
2021-04-20 01:11:58
122
原创 数组进阶(一）
数组进阶一.基本概念数组是值的有序集合值—元素值的位置–索引说明:1.数组是无类型的（元素可以是任意类型）2.数组是动态的（可以根据需要增添元素）3.数组可以是稀疏的//稀疏数组let a=[1,2,3]a[5]=6//a=[1, 2, 3, empty × 2, 6]a.length//64.js数组是js对象的特殊形式（数组索引可以认为是对象的属性名）let a=[1,2]a["name"]="hua"//[1, 2, name: "hua"]5.数组继承Arr
2021-04-20 01:10:32
152
原创 JS对象(1)
JS对象（1）1.什么是对象？除了字符串、数值、Boolean、null、undefined，其他值都是对象。2.JS对象的特征：属性特征：可写：表明是否可以设置属性的值。可枚举：表明是否可以通过for/in结构返回该属性。可配置：表明是否可以删除或修改该属性。对象特性对象的原型，对象的类，对象的扩展标记3.JS对象的分类内置对象，宿主对象，自定义对象4.对象属性的分来自由属性，继承属性5.创建对象对象字面量：// 对象字面量 let point={x:0
2021-04-20 01:10:02
393
原创 JS对象(2)
JS对象2–原型1.什么是原型？所有的内置构造函数都有一个继承自Object.prototype的原型原型链：2.利用原型创建对象—Object.Create(）// obj1继承了属性x和y。let obj1 = Object.create({ x: 1, y: 2 });//obj2不继承任何属性和方法。let obj2 = Object.create(null);//obj3是一个普通的空对象。let obj3 = Object.create(Object.prototype)
2021-04-20 01:09:18
109
原创 JS 正则表达式
正则表达式1.创建正则表达式①使用对象字面量let reg=/\bis\b/g;②使用构造函数使用构造函数形式需要插入转义字符let reg2=new RegExp("\\bis\\b","g")2.正则表达式的组成：1.原义文本字符2…原字符3.一些特殊的符号let reg=/\bis\b/g;//is:原义文本字符//\b g 元字符// / / 特殊符号3.正则表达式的三个修饰符：g：全文搜索i：忽略大小写m：多行搜索 搜索的时候识别换行符示例：let re
2021-04-20 01:07:56
211
空空如也
uni-app开发微信小程序如何禁止单页面侧滑返回
2022-04-22
React实现hover后div显示问题
2022-04-19
heidisql输入帐号和密码后没有反应
2022-01-20
TA创建的收藏夹 TA关注的收藏夹
TA关注的人