自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(39)
  • 收藏
  • 关注

转载 ant design模态框中使用Select组件下拉选框不显示

原文地址:https://blog.csdn.net/qq_41315539/article/details/107174031 问题描述: 在Modal组件中使用select组件,结果无法显示出下拉选框 解决方法: <Select placeholder="请选择词性" getPopupContainer={triggerNode => trigger.

2022-02-24 15:56:57 1224

转载 【react】 hooks中使用useState和useRef的区别

原文链接:https://www.cnblogs.com/gg-qq/p/15587700.html

2022-02-22 10:03:12 980

原创 【react】table组件编辑单元格useCallback没有更新

table单元格编辑触发handleSave函数保存并更新数据相关文档:https://reactjs.org/docs/faq-state.html/* setDataSource的时候handleSave更新了 但是dealTableColumns传给单元格的handleSave事件还是旧的 导致编辑单元格时,修改多次数据会出现前面修改的数据恢复原始数据 useCallback没有更新dealTableColumns里面的handleSave*/const handleSa

2022-02-18 10:23:13 513

转载 【转】解读MPA/SPA

http://t.zoukankan.com/IT-Evan-p-SPA.html多页面应用每一次页面跳转的时候,后台服务器都会返回一个新的html文档,这种类型的网站也就是多页网站,也叫多页应用。页面跳转: 返回HTML优点: 首屏时间快,SEO效果好缺点: 页面切换慢1. 为什么多页应用的首屏时间快?首屏时间叫做页面首个屏幕的内容展现的时间,当我们访问页面的时候,服务器返回一个html,页面就会展示出来,这个过程只经历了一个HTTP请求,所以页面展示的速度非常快。2. 为什么搜索引.

2021-12-09 16:26:58 173

转载 【转载】React教程

一、简介(背景) 本文篇幅较多,建议耐心看完,我相信多少会对你有所帮助! 1.1、概念 它是一个将数据渲染为HTML视图 的js库 1.2、原生js痛点 用dom的API去操作dom,繁琐且效率低用js直接操作dom,浏览器会进行大量的回流和重绘原生js没有组件化的编程方案,代码复用性低,哪怕有模块话的概念,但模块化也只能拆解一个个js,对样式和结构也没办法拆解,组件化就相当于3剑客整体拆解,成为一个个的小功能 1.3、React特点 采用组件化模式,声明式编码,提高开发效率和组件.

2021-11-24 14:22:30 99

转载 【转载】redux

(つД`)・゚・ 梳理一下Redux的知识点 1. 入门 首先,Redux 是什么? Redux中文文档中的解释是: Redux 是 JavaScript 状态容器,提供可预测化的状态管理。 首先,要了解Redux的作用,我们需要先了解React中的state 一一一>React官网中State的文档 2. 基础概念 Redux三大概念 action:描述如何改变statereducer:根据action执行改变stat...

2021-11-24 09:30:31 81

原创 【react学习笔记】脚手架配置代理总结

学习视频地址:https://www.bilibili.com/video/BV1wy4y1D7JT?p=66&spm_id_from=pageDriver方法一在 package son中追加如下配置:"proxy":http://localhost:5000优点:配置简单,前端请求资源时可以不加任何前缀缺点:不能配置多个代理。工作方式:上述方式配置代理,当请求了3000不存在的资源时,那么该请求会转发给5000(优先匹配前端资源)方法二1.第一步:创建代理配置文件在s.

2021-11-19 14:10:10 92

原创 【react学习笔记】脚手架

https://www.bilibili.com/video/BV1wy4y1D7JT?p=49&spm_id_from=pageDriver使用create-react-app创建react应用全局安装:npm install -g create-react-app切换到想创项目的目录,使用命令:create-react-app hello-react进入项目文件夹:cd hello-react启动项目:npm start 或者 yarn start启动项目有可能遇到下面的报错.

2021-11-18 16:47:07 386

原创 【react学习笔记】遍历中key的作用---经典面试题

https://www.bilibili.com/video/BV1wy4y1D7JT?p=48&spm_id_from=pageDriver经典面试题:react/vue中的key有什么作用?(key的内部原理是什么?)虚拟D0M中key的作用简单的说:key是虚拟DOM对象的标识,在更新显示时key起着极其重要的作用。详细的说;当状态中的数据发生变化时, react会根据【新数据】生成【新的虚拟DOM】,随后 React进行【新虚拟DOM】与【旧虚拟DOM】的diff比较,比.

2021-11-18 11:09:40 179

原创 【react学习笔记】生命周期函数学习

学习视频地址:https://www.bilibili.com/video/BV1wy4y1D7JT?p=42理解:组件从创建到死亡会经历一些特定的阶段React组件仲包含一系列钩子函数(生命周期回调函数),会在特定的时刻调用定义组件时会在特定的生命周期回调函数中做特定的工作生命周期函数描述constructor构造器componentWillMount(已更名)组件将要挂载(后续版本使用须加前缀UNSAFE_)componentDidMount(常用).

2021-11-17 18:07:33 395

原创 【node.js学习笔记】的fs内置模块

node.js的fs内置模块引用方式:const fs = require('fs')注意:fs里面的方法是异步fs.stat:检测目标(指定路径)是文件还是目录fs.stat('./catalogue', (err, data) => { console.log(`属于文件:${data.isFile()}`) // 返回boolean值 console.log(`属于目录:${data.isDirectory()}`) // 返回boolean值})fs.mkdir:创

2021-11-17 14:23:21 277

原创 【react学习笔记】jsx语法规则、创建函数式组件及类式组件、组件实例的三大核心属性

创建虚拟DOM:const VDOM = React.createElement('div', {id:'title'}, '标签内容')// 等价于const VDOM = <div id="title">标签内容</div> // 这里不要加引号,不是字符串jsx语法规则:定义虚拟DOM时,不要写引号。标签中混入JS表达式时要用{}。央视得类名指定不要用class,要用className。内联样式,要用style={{key:value}}得形式去写(其中最外

2021-11-16 18:00:27 1241 3

原创 【node.js学习笔记】内置模块及热更新

node内置模块https://www.html.cn/qa/node-js/10830.html

2021-11-12 17:19:21 619

原创 【node.js学习笔记】关于依赖包安装版本的认识

版本号格式:x.x.x(major.minor.patch)例如:13.4.6(major:13,minor:4,patch:6)查看某个依赖包的版本信息(以jquery为例)npm view jquery versions查看包版本是否过期npm outdatedcurrent 表示当前安装版本wanted 表示期望版本(如何设置往下看)lastest 表示最新版本更新版本npm update执行完成后发现并没有更新到最新版本此命令是以wanted为参考进行版本更新而不是直接

2021-11-08 17:26:01 643

原创 angular初学(目录架构、生命周期、基础指令、管道、单元测试)

版本初识Angular2.0之前的版本(1.x),叫做AngularJS,基于 JavaScript;Angular 2 是基于 TypeScript2.0。在 Angular 1 中,最为常用的是 $scope 在 Angular 2和4中被去掉了。在新版本中,更多的是 directive 和 controller, 通过对 component 组件的分割,从而实现代码的复用。架构概览首层目录组件、生命周期、模块、指令的认识使用 Angular CLI 创建一个组件:在终端窗口中,导

2021-11-08 14:43:00 164

原创 Angular HTTP Client 快速入门

Angular HTTP Client 快速入门https://segmentfault.com/a/1190000010259536

2021-11-04 15:21:43 402

转载 小程序云函数返回null

云函数返回null?你可能缺了这个关键字! ...

2020-06-18 09:22:21 2415

转载 Vant weapp踩坑之滑动单元格SwipeCell右滑无样式解决办法

原文:https://blog.csdn.net/shuaicenglou3032/article/details/86571266 根据官方教程,在wxml里键入<van-swipe-cell id="swipe-cell" right-width="{{ 65 }}" left-width="{{ 65 }}" async-close bind:close="onClose"> <view

2020-06-05 10:50:09 1465 3

原创 小程序--页面分享功能传参踩坑

微信小程序开发踩坑:功能:页面分享(需传参数)原本是将整个对象转化成字符串的形式,链接在url中传递:在ios及开发者工具中无异样,可将参数JSON.parse的形式还原,但在安卓手机中报错,如下:最后放弃了传递整个数据,而是传id进去页面再利用id请求获取相应的数据进行显示。字符串去空格去换行\t\n都试过了,无果...

2020-04-28 17:29:48 1667 2

转载 最新数组方法(包括es6)

arr.push() 从后面添加元素,返回值为添加完后的数组的长度let arr = [1,2,3,4,5]console.log(arr.push(5)) // 6console.log(arr) // [1,2,3,4,5,5]arr.pop() 从后面删除元素,只能是一个,返回值是删除的元素let arr = [1,2,3,4,5]console.log(arr.p...

2019-07-15 09:23:58 199

原创 【typeScript】vue + ts使用$refs调用函数报错

在父组件调用子组件方法的时候,经常会用到ref属性常规写法如下:<!-- 父组件标签设置ref属性 --><span ref="quickEntry"></span>子组件中的方法:selected() { console.log('我是子组件函数')},// 父组件调用子组件函数this.$refs.quickEntry.selecte...

2019-04-28 11:01:56 14055 3

转载 浅谈session,cookie,sessionStorage,localStorage的区别及应用场景

https://www.cnblogs.com/cencenyue/p/7604651.html浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互。一、cookie和sessioncookie和session都是用来跟踪浏览器用户身份的会话方式。区别:1、保持状态:cookie保存在浏览器端,session保存在服务器端...

2019-04-01 17:14:33 1015

原创 微信小程序自定义组件

官方文档https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/组件Live在json文件中声明组件{ &quot;component&quot;: true}在自定义组件的 js 文件中,需要使用 Component() 来注册组件,并提供组件的属性定义、内部数据和自定义方法。Compone...

2019-02-26 09:34:35 191

原创 时间戳转时分秒格式

formatTime(value) { let seconds = parseInt((value % (1000 * 60)) / 1000) // 秒数 let minutes = parseInt((value % (1000 * 60 * 60)) / (1000 * 60)) // 分钟数 let hours = parseIn...

2019-02-26 09:33:18 1433

原创 jsx阻止点击事件冒泡

div嵌套,点击子盒子,不触发父盒子点击事件&lt;span class="head-btn" on-click={(e)=&gt;{e.stopPropagation()}}&gt;&lt;/span&gt;

2019-02-13 11:13:26 5093

原创 【css】css居中总结

一:块级元素&amp;lt;div class=&quot;father&quot;&amp;gt; &amp;lt;div class=&quot;center&quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;/* margin: 0 auto;*/.center { width: 200px; height: 200px; m

2019-01-15 10:36:54 130

原创 mac安装mysql及Navicat Premium连接mysql

官网下载:https://dev.mysql.com/downloads/mysql/下载完成后,双击打开镜像进行安装按提示操作,点击继续,直到安装成功(注意记住期间的密码设置)安装成功后打开系统设置,找到mysql启动mysql打开终端,为Path路径附加MySQL的bin目录$ PATH="$PATH":/usr/local/mysql/bin然后,登录Mysql(...

2019-01-13 15:18:35 1755

原创 【vue】登录权限及多语种使用及常见问题

https://www.cnblogs.com/mdengcc/p/7149881.html?utm_source=itdadao&amp;amp;utm_medium=referral

2019-01-09 15:06:43 171

原创 【mpvue】vant小程序slider组件bindchange函数

mpvue中使用vant的slider组件发现绑定的change函数无效

2019-01-09 15:05:07 2819

原创 实现高度自适应等于宽度的正方形盒子

padding-bottom为百分比时,是相对宽度取百分比值div { width: 20%; padding-bottom: 20%; height: 0; overflow: hidden;}这样就能实现自适应的正方形高度设置为0能保证盒子不被内容撑开...

2019-01-09 09:19:32 923

原创 【mpvue】input组件 v-model绑定

【官方文档】在组件上使用v-modelhttps://cn.vuejs.org/v2/guide/components.html#在组件上使用-v-model注意:mpvue上使用input组件会有光标不稳定,输入抖动的坑,不建议使用input组件喔

2018-12-20 22:36:32 8749

原创 【Vue.js】父子组件传值

父传子子组件代码:&amp;lt;template&amp;gt; &amp;lt;!-- 绑定按钮的内容和样式,从父组件传 type 和 btnContent --&amp;gt; &amp;lt;button :class=&quot;type&quot;&amp;gt;{{btnContent}}&amp;lt;/button&amp;gt;&amp;lt;/template&amp;gt;

2018-12-20 15:27:08 368

原创 vendor.js低于500k,上传显示超过500k

小程序提示文件vendor.js超过500k,如下图:但是npm run build 发现文件并没有超过500k原因:npm run dev会将对文件的更改动态地显示在开发者工具中,代码不断变化导致。解决方法:npm run build 之后刷新开发者工具页面,等待文件完全加载完毕页面正常渲染之后再点击上传就可以了,如果文件未加载完就点击上传就会出现上图的提示。...

2018-12-20 14:28:09 1878

转载 在mint-ui的picker组件中如何获取动态数据及 slots 的 values 为对象数组时的展示

在mint-ui中,当picker的数据来源为动态获取时,数据无法正常渲染。补充:this.dataList通过api异步请求的,需在create生命周期中定义,否则picker无法获取请求不能写在method方法里,需要在computed才能渲染,下面直接贴代码至此,picker获取动态数据就搞定啦。需要显示确定取消按钮的小伙伴,可以设置:show-toolbar=“true”...

2018-12-16 18:07:08 5218 1

原创 【JS】遍历对象key、value

例如有这么一个对象:let obj = { name: 'Kamen', age: '23', hobby: 'eat eat eat' }方法一:转化为操作数组forEach遍历//遍历对象属性Object.keys(obj).forEach(key =&amp;gt; { console.log(key) })关于Object.keys()方法...

2018-12-16 17:03:39 15535 1

转载 js,forEach的理解

https://juejin.im/post/5b5e6d08f265da0f9e58ace8

2018-12-16 15:30:37 1804

原创 【JS】关于forEach赋值

操作数组时想改变数组值,发现不生效,如下:let a = ['1','2','3']; a.forEach(item =&amp;gt; { item = '0' }); console.log(a)正确赋值方法:let a = ['1','2','3'];a.forEach((item,index) =&amp;gt; { a[index] = '0'});console...

2018-12-16 01:40:36 4695 1

原创 【新手】开启一个vue项目

安装node.js官网:https://nodejs.org/zh-cn/cnpm淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org

2018-12-16 00:18:15 133

原创 git常用命令总结

git常用命令总结git的安装官网地址:http://git-scm.com/downloadsgit设置用户信息 # 查看基础信息 $ git config -l # 设置用户名 $ git config --global user.name &quot; &quot; # 设置用户邮箱 $ git config --global user.email &quot; &quot; # 查看用户名 $ gi...

2018-12-08 19:07:52 150

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除