- 博客(94)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 React基础-webpack+creact-react-app创建项目
react-scripts: 脚手架为了让项目目录看起来干净一些，把webpack打包的规则及相关的插件/LOADER等都隐藏到了node_modules目录下，react-sctipts就是。安装脚手架：npm跑项目改为yarn跑项目：把node_modules和package-lock.json删掉，用yarn跑就行了。+脚手架：基于它创建项目，默认就把webpack的打包规则已经处理好了，把一些项目需要的基本文件也都创建好了。基于脚手架创建React工程化的项目。react: React框架的核心。
2024-02-22 00:36:51
385
原创 element 表格拖拽保存插件
这是以前看着一篇wen1.下载包npm install sortablejs --save2.在页面中引入，或者全局引入import Sortable from ‘sortablejs’3.在template中<div id="second"> <el-table class="threeTable" :style="{'height':tableData.length === 0 ? '100px' : 'auto'}" :data="tableD
2023-09-22 12:07:07
226
1
原创 vite+vue3+ts项目基础配置
stylelint为css的lint工具。可格式化css代码，检查css语法错误与不合理写法，指定css书写顺序等。eslint保证js代码质量，prettier保证代码美观。检测语法的工具，属于格式化工具。prettierignore忽略文件:哪些文件格式化的时候不会被格式化。
2023-09-12 17:14:51
309
原创 前端面试题
模块在第一次加载后会被缓存。这也意味着多次调用require()不会导致模块的代码被多次执行。(1)内置模块的加载优先级最高:例如，require(‘fs’) 始终返回内置的 fs 模块，即使在 node_modules 目录下有名字相同的包也叫做 fs。(2)自定义模块的加载机制:使用 require() 加载自定义模块时，必须指定以 ./ 或 …/ 开头的路径标识符。在加载自定义模块时，如果没有指定 ./ 或 …/ 这样的路径标识符，则 node 会把它当作内置模块或第三方模块进行加载。
2023-09-08 18:11:03
422
原创 vue2与vue3的使用区别与组件通信
在vue2框架当中，这种写法是自定义事件，可以通过.native修饰符变为原生DOM事件在vue3框架当中，这种写法就是原生DOM事件，绑定自定义事件为自定义事件父子组件传值：vue2中子组件用this.$emit(‘updateList’, 参数1, 参数2)调用vue3使用setup组合式APIZ没有实例不能用this.$emit,vue3中使用defineEmits方法返回函数触发自定义事件。
2023-09-07 17:50:31
483
原创 vite搭建vue3项目
由于html文件中不能跑App.vue文件，需要安装一个插件：执行命令 npm i @vitejs/plugin-vue -D ,如果npm run dev不报错不需要安装。还需再安装element-plus:执行命令： npm i element-plus -D然后就可以再组件中使用点击一下 element-plusUI了。配置vite.config.js文件，如果npm run dev不报错不需要配置以下代码。在组件中使用naive-ui会自动寻找依赖，不需要配置这些组件库直接用就好了。
2023-09-06 17:35:05
1267
原创 webpack打包常用配置项
文件结构：最基础版 先安装 npm i webpack webpack-cli --dev。安装好后需要在webpack.config.js文件中配置它。sass和less预处理的loader也可以这样配置。运行命令：npx webpack 进行打包。
2023-09-05 17:23:09
1170
原创 redux&&react-redux
connect:Provider内部组件如果想要使用到state中的数据，就必须要connect进行一层包裹封装，换一句话来说就是必须要被connect进行加强。Provider接收store作为props，然后通过context往下传递，这样react中任何组件都可以通过context获取到store。1.Provider: 这个组件能够使你整个app都能获取到store中的数据。connect就是方便我们组件能够获取到store中的state。获取store里的属性值用store.getState()
2023-08-31 16:40:40
265
原创 一般情况组件的state状态或者是props发生改变时就会进行刷新渲染，但有时需要进行用户控制，那么有哪些方法呢
【代码】一般情况组件的state状态或者是props发生改变时就会进行刷新渲染，但有时需要进行用户控制，那么有哪些方法呢。
2023-08-28 11:21:20
337
原创 图片懒加载
参考视频https://www.bilibili.com/video/BV1FU4y157Li/?spm_id_from=333.788&vd_source=5c584bd3b474d579d0bbbffdf0437c70
2023-07-23 20:27:38
124
原创 react 、table中复选框多个只能选择一个
<Table rowSelection={{ columnTitle: ' ', selectedRowKeys: [this.state.setKey], onChange: (selectedRowKeys, selectedRows) => { this.setState({ setKey: selectedRowKeys.length === 2 ? selectedRowKeys[1] : selectedRowKeys[0], select
2021-10-13 15:52:19
810
原创 小程序中的小细节
1.block标签的使用：循环时去掉标签<view> <view wx:for="list" wx:key="index"></view></view>上面代码是： key--11 key--22 key--33 key--44使用block标签后：去掉了循环标签 key--11 key--22 key--33 key--442.循环时可省略wx:for-item=“item”,wx:for-index=“index”,默
2021-09-07 17:09:43
73
原创 发送接口请求后端，创建a标签实现导出功能
async handleExport() { const params = { startTime: dateStart ? dateStart.getTime() : '', endTime: dateEnd ? dateEnd.getTime() : '', pageIndex: this.datas.page.pageIndex, pageSize: this.datas.page.pageSize, }; // 参数随意 const ret
2021-07-06 18:45:32
264
原创 react中使用BMapGL地图展示
要引入mapbox-gl和@mapbox/mapbox-gl-language这两个包，百度搜索下import React from 'react';import mapboxgl from "mapbox-gl";import MapboxLanguage from "@mapbox/mapbox-gl-language";// require('https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.js')mapboxgl.setRTLTe
2021-07-05 18:01:13
1526
1
原创 导出功能: 导出为excel文档，后端做导出处理，js代码发送接口直接下载
async handleExport() { const newRow = JSON.parse(JSON.stringify(this.form)); delete newRow.creationDate; const params = { ...newRow, startTime: dateStart ? dateStart.getTime() : "", endTime: dateEnd ? dateEnd.getTi
2021-05-24 14:56:01
1714
原创 socket.io入门评论案例
打开两个localhost3000，模拟从不同的用户打开，监听3000端口// 连接服务器：监听端口 http://localhost:3000/http.listen(3000, () => { console.log('listening on *: 3000');})请参考readme.md文件
2021-03-09 10:38:38
95
原创 vue中height从0到auto,子元素高度过渡动画
之前看过的那篇文章找不到了~1.template中,这里用的是iview框架的按钮和icon图标，根据点击按钮切换图标和展开收起动画<qf-button size="small" type="text" @click="setContent"> <qf-icon :type="isActive ? 'angle-double-up' : 'angle-double-down'" size="12" color="#999" class=
2021-02-02 10:52:24
1627
原创 vue 封装插件到npm上
使用vue封装插件并上传到npm上，用npm i xxx -S下载下来使用配置文档(在template中使用)配置文档(用this.xxx使用)1.新建一个vue项目: vue init webpack-simple “项目名”vue init webpack-simple “项目名” (这样的vue项目中会有webpack.config.is文件,是用来配置插件代码的)删除src中除了main.js和app.vue外的文件，清空app.vue中无用内容-----在src文件夹下新建一个lib文
2020-11-18 16:52:28
253
原创 百度地图普通ip定位
先在项目index.html文件中引入秘钥js文件：<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=KgAkTzltXytNwRxpIRqXd0mzvu3yiMtu"></script>// 初始化地图实例 // const map = new BMapGL.Map("container") // 注意：在rea.
2020-11-11 23:27:21
864
原创 react中使用百度地图报错：‘BMapGL‘ is not defined no-undef解决方法
如果报错：‘BMapGL’ is not defined no-undef那就加个 window.
2020-11-11 23:04:11
10344
13
qiankun使用的小demo
2022-04-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人