- 博客(70)
- 收藏
- 关注
RSS订阅原创 antd 使用datepicker数据提交时，格式化
form表单中，使用datepicker组件，官方的案例，在form的commit方法中，对时间类型的使用format进行格式化，但是不方便：1）需要确切的知道form.item的name值；2）如果时间类型比较多，需要挨个儿格式化。自己封装一个datepicker。
2022-09-05 10:22:41
1591
1
原创 Vite + React + Typescript构建项目导致的react-refresh错误
原因是：低版本的React-DevTools会引发react-refresh-webpack-plugin报错。关闭react-devtools之后，代码正常运行。可以升级react-devtools版本参考：https://github.com/pmmmwh/react-refresh-webpack-plugin/issues/333
2022-06-15 09:55:44
676
原创 立即拿到setState值
有这样的场景：在做react开发的时候，使用setState时，需要拿到最新的state的值，或者打印出最新的state，但是每次打印出来的是上一次的state，而不是最新的。可以使用如下方法：// 封装一个公用方法：useSyncCallback.jsimport { useEffect, useState, useCallback } from 'react';// 解决useState导致的只能拿到lastRenderedState问题const useSyncCallback = cal
2022-04-19 15:53:00
892
原创 Failed to load library at location
操作步骤本地分支a删除，从已push上去的远程a分支重新拉代码；修改文件后，arc diff origin/master时报错。arc diff master报错 Failed to load library at location "../". This library is specified by "Configuration (Project Config File (/Users/.../maimai_node/.arcconfig))".Check that the setting .
2022-04-18 11:10:12
657
原创 Push rejected by evil dragon bureaucrats
2、解决方案方案1假设要上线的CR是D87046maimai_node git:(master) arc patch D87046 maimai_node git:(arcpatch-D87046) git checkout betamaimai_node git:(beta) git merge arcpatch-D87046maimai_node git:(beta) git pushmaimai_node git:(beta) git checkout -maimai_node.
2022-04-18 11:09:19
227
原创 关于页面刷新
页面刷新，最好不要使用location.replace()…等方式，可以使用以下方式，只是数据刷新，页面不会发生闪动重新请求数据const {cursor, setData, concatData, getData} = props || {};// ...return fetch( req.pathname + // 本页面的url，也可以使用location.href '?' + qs.stringify({ jsononly: 1,
2022-04-18 10:59:20
749
原创 需要判断当前页面可见
let pageVisibility = document.visibilityState;document.addEventListener('visibilitychange', function() { // 页面变为可见时触发 if (pageVisibility === 'visible' && !document.hidden) { resetResult(); }});
2022-04-18 10:56:01
371
原创 React + swiper
React + swiper“react-id-swiper”: “^1.6.8”import Swiper from 'react-id-swiper';import 'react-id-swiper/src/styles/css/swiper.css';问题：直接使用swiper，属性设置为「loop: true」 + 并且有点击事件时：<Swiper {...swiperParams}> {completion_context.map((item, index) =&
2022-04-18 10:49:30
1119
原创 FetchError: invalid json response body at http://... reason: Unexpected token ＜ in JSON at position
问题的背景是：在写nextjs时，遇到的请求接口数据报的错错误的原因是：调用url时没有加jsononly = 1import { useState } from 'react';import { GetServerSideProps, InferGetServerSidePropsType } from 'next';// ...export default function FriendCenterNextTest({data}: InferGetServerSidePropsType<
2022-04-18 10:35:50
6533
原创 Syntax error: Selector “body“ is not pure (pure selectors must contain at least one local class or i
这个问题的原因是：在做nextjs需求的时候遇到的，想设全局的css标签样式时，直接在「index.module.scss」中写标签选择器，遇到的问题解决办法：<style global jsx>{` body { margin: 0; padding: 0 }`}</style>参考：https://nextjs.org/docs/basic-features/built-in-css-support...
2022-04-18 10:28:53
2222
原创 Prefer default export
这个问题的原因是：eslint的问题，不会影响代码的正常运行解决办法：原因是文件中只有一个 「export const foo = ‘foo’」，再加一个「export const bar = ‘bar’」参考：https://github.com/import-js/eslint-plugin-import/blob/v2.26.0/docs/rules/prefer-default-export.md...
2022-04-18 10:23:57
2618
原创 type = ‘module‘ 使用模块化开发遇到的问题
在使用模块化开发的时候，遇到跨域的问题。代码为<!-- 注意：在这里使用的是模块化开发，所以type要给值为module --><script type="module" src="./js/index.js"></script>出现的错误：原因是：html使用type = ‘module’ 默认会产生跨域请求，本地打开的文件，file协议不支持解决办法：vscode下载插件 live server运行的时候选择 open with live se
2021-03-12 10:25:53
6973
原创 indexOf、includes等能否用于二维数组
let a = [[1,3], [2,4], [2,3]]let b = [2,4]let c = a.indexOf(b)输出：c = -1c = a.includes(b)输出：false原因是[....] == [....] 为false而api内部在比较的时候，是比较两个item是否相等，两个相同的对象，不一定相等，除非 引用相同 & 元素相同...
2021-03-11 07:59:16
1454
原创 github不显示提交记录
github上提交完代码之后，绿色小方块没有亮，也没有提交记录。查资料之后，原因是github绑定的邮箱与本地的邮箱不同的问题。首先，查看本地邮箱：在git bash中输入git show Author:xxx <[email protected]> 查看信息是否与GitHub中的一样，我的邮箱不同，所以这里我修改本地的邮箱：git config --global user.email "[email protected]"为了确认已经修改成功，检查一下：git confi
2021-02-23 09:09:05
1023
1
原创 在html文件中用 script 标签加的程序不执行
自己用node写demo的时候遇到的我的原程序是：<script src=""> $('#login_form').on('submit', function (e) { e.preventDefault() var formData = $(this).serialize() console.log(formData) $.ajax({ url:
2020-10-25 10:19:00
4553
原创 element-ui的不同语言显示
现在有中、英、法三种，不同使用i18n，所有element-ui的组件文字显示需要手动规定，但是有些组件的名称等不能手动修改，例如分页组件的“跳到” “总共” “Go to” 等。element-ui提供了不同的语言包，在element-ui/lib/locale/lang下面，这里，为了性能方面，只需要载入这三个语言包即可，zh-CN en frmain.js中：import localeCn from 'element-ui/lib/locale/lang/zh-CN'import loca
2020-10-18 11:22:04
845
原创 将一套使用i18n的国际化项目，改成三套不使用i18n的国际化项目
啥都不多说了，将一套中、英、法的项目，改成三套，分别是中文的、英文的、法文的首先第一步，就是给切换语言的按钮加方法，控制语言的改变；其次，捕获到当前的语言；然后，执行router的index.js，在url中加上当前的语言，并且，渲染对应语言的home页面；最后，将所有的页面复制出英文的和法文的，分别修改三套页面对应的path和$t{}内容。首先：cn、en、fr按钮加方法，刚开始想到的是路由动态传参：<router-link :to={path: /:id/homeCn, name: hom
2020-10-18 10:58:24
138
原创 项目打包上线时遇到的错误
index.js:1 Uncaught TypeError: Cannot read property ‘prototype’ of undefined首先第一个错误，就是关于prototype的vue的问题，报这个错误是因为文件的执行顺序的问题，html文件在执行的时候，会按照script的顺序进行js文件的加载执行，而如果先执行a,在a中需要vue, 所以需要首先加载vue,即改为如下图所示:GET https://cdn.staticfile.org/npm/vue-quill-edito.
2020-09-09 20:40:43
394
原创 element的级联选择器，内容溢出
这是element新版本的问题，这个解决办法是在，全局样式中，加.el-cascader-menu { height: 190px ;}记住，一定是全局样式，而不是在该.vue文件内的style里面（该文件里的不奏效），这个原因我思考了一下，是和打包，运行顺序有关，更深层次的原因我还在继续探索和思考中…...
2020-08-30 18:57:13
619
1
原创 Error: Duplicate plugin/preset detected. If you‘d like to use two separate instances of a plugin, t
Error: Duplicate plugin/preset detected.If you’d like to use two separate instances of a plugin,they need separate names, e.g.plugins: [[‘some-plugin’, {}],[‘some-plugin’, {}, ‘some unique name’], ]在用vue-ui做开发的时候，serve启动会报这样的错误，如错误提示中所示，给第二个[ ]里面.
2020-08-19 09:42:09
3751
3
原创 throw err； // Rethrow non-MySQL errors Cannot read property ‘query‘ of undefined
报出这个错误，原因很多，而我这里的原因是：我在登录mysql的时候，用户名是root，密码没有输，所以应该是password: ‘’，而不是password: ‘root’
2020-08-07 08:51:42
2324
2
原创 vue : 无法加载文件 C:\Users\1\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。
在使用vue-cli的时候，在vsCode的terminal，无法使用vue创建demo。所有有关vue的指令都报同样的错误（甚至是vue --version）。vue : 无法加载文件 C:\Users\1\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。该笔记本禁止运行脚本了。解决步骤是：1 搜powershell，并以管理员身份运行，否则修改不了2 输入set-ExecutionPolicy RemoteSigned ，选择A或者Y即可...
2020-05-12 16:06:40
1331
原创 字母组合---排列组合问题
给定一个仅包含数字 2-9 的字符串，返回所有它能表示的字母组合。给出数字到字母的映射如下（与电话按键相同）。注意 1 不对应任何字母。示例:输入：“23”输出：[“ad”, “ae”, “af”, “bd”, “be”, “bf”, “cd”, “ce”, “cf”].说明:尽管上面的答案是按字典序排列的，但是你可以任意选择答案输出的顺序。/** * @param {stri...
2020-04-07 09:04:08
1699
1
原创 820. 单词的压缩编码--Set的使用
给定一个单词列表，我们将这个列表编码成一个索引字符串 S 与一个索引列表 A。例如，如果这个列表是 [“time”, “me”, “bell”]，我们就可以将其表示为 S = “time#bell#” 和 indexes = [0, 2, 5]。对于每一个索引，我们可以通过从字符串 S 中索引的位置开始读取字符串，直到 “#” 结束，来恢复我们之前的单词列表。那么成功对给定单词列表进行编码的...
2020-03-28 20:35:40
137
2
原创 ajax
AjaxAjax | MDNAJAX是异步的JavaScript和XML（Asynchronous JavaScript And XML）。简单点说，就是使用 XMLHttpRequest 对象与服务器通信。 它可以使用JSON，XML，HTML和text文本等格式发送和接收数据。AJAX最吸引人的就是它的“异步”特性，也就是说他可以在不重新刷新页面的情况下与服务器通信，交换数据，或更新页面。...
2020-03-27 22:01:27
98
原创 最长回文子串
给定一个字符串 s，找到 s 中最长的回文子串。你可以假设 s 的最大长度为 1000。示例 1：输入: “babad” 输出: “bab” 注意: “aba” 也是一个有效答案。示例 2：输入: “cbbd” 输出: “bb”法一：使用中心对称方法var longestPalindrome = function(s) { //考虑边界情况 if(s.lengt...
2020-03-25 16:35:43
62
原创 无重复字符的最长子串--
给定一个字符串，请你找出其中不含有重复字符的 最长子串 的长度。示例 1:输入: “abcabcbb”输出: 3解释: 因为无重复字符的最长子串是 “abc”，所以其长度为 3。示例 2:输入: “bbbbb”输出: 1解释: 因为无重复字符的最长子串是 “b”，所以其长度为 1。示例 3:输入: “pwwkew”输出: 3解释: 因为无重复字符的最长子串是 “w...
2020-03-25 14:40:32
64
原创 打家劫舍--动态规划
你是一个专业的小偷，计划偷窃沿街的房屋。每间房内都藏有一定的现金，影响你偷窃的唯一制约因素就是相邻的房屋装有相互连通的防盗系统，如果两间相邻的房屋在同一晚上被小偷闯入，系统会自动报警。给定一个代表每个房屋存放金额的非负整数数组，计算你在不触动警报装置的情况下，能够偷窃到的最高金额。示例 1:输入: [1,2,3,1] 输出: 4 解释: 偷窃 1 号房屋 (金额 = 1) ，然后偷窃 3 ...
2020-03-25 09:17:58
87
原创 按摩师--动态规划
一个有名的按摩师会收到源源不断的预约请求，每个预约都可以选择接或不接。在每次预约服务之间要有休息时间，因此她不能接受相邻的预约。给定一个预约请求序列，替按摩师找到最优的预约集合（总预约时间最长），返回总的分钟数。注意：本题相对原题稍作改动示例 1：输入： [1,2,3,1] 输出： 4 解释： 选择 1 号预约和 3 号预约，总时长 = 1 + 3 = 4。示例 2：输入： [2,...
2020-03-25 08:59:51
236
原创 空格替换
请实现一个函数，将一个字符串中的每个空格替换成“%20”。例如，当字符串为We Are Happy.则经过替换之后的字符串为We%20Are%20Happy。function replaceSpace(str){ // write code here //return str.replace(/\s/g, '%20') //或者 var reg = new...
2020-03-19 20:53:18
74
原创 删除公共字符
题目描述输入两个字符串，从第一字符串中删除第二个字符串中所有的字符。例如，输入”They are students.”和”aeiou”，则删除之后的第一个字符串变成”Thy r stdnts.”输入描述:每个测试输入包含2个字符串输出描述:输出删除后的字符串示例1输入They are students. aeiou输出Thy r stdnts.实现：首先转换成数组，...
2020-03-19 20:49:25
238
原创 css 之 poistion 值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<...
2020-03-18 14:34:56
180
原创 const定义的对象属性是否可以改变
const定义的基本数据类型不可变，这里不讨论，主要讨论引用类型的，object例：const obj = {x:1, y:1}仅是对对象的引用的指针，所以该指针不可变。即obj = {x:1, y:2} 会报错：不能给常量分配值obj.y = 2 则是对的，对象里面的值它管不着obj.z = 9 也是对的，给对象增加键值，因为指向对象的指针没有变...
2020-03-18 14:32:33
544
原创 两数之和、3、4数之和
给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那 两个 整数，并返回他们的数组下标。时间复杂度O（n）var add = function(nums,target){ var obj = {} for(let i =0; i<nums.length; i++) { if(typeof obj[nums[i]] !==...
2020-03-18 14:32:10
81
原创 反转字符串
var reverseString = function(s){ const list = s.split(' ') list.forEach((item, index, arr)=>{ arr[index] = item.split('').reverse().join('') }) return list.join(' ')}或者v...
2020-03-18 14:26:24
88
转载 prototypal inheritance
关于继承http://blog.vjeux.com/2011/javascript/how-prototypal-inheritance-really-works.html
2020-03-08 09:50:44
181
原创 查询字符串中出现次数最多的字母，并返回次数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<...
2020-02-12 15:13:52
1000
原创 前端练习---计时器
实现一个打点计时器，要求1、从 start 到 end（包含 start 和 end），每隔 100 毫秒 console.log 一个数字，每次数字增幅为 12、返回的对象中需要包含一个 cancel 方法，用于停止定时操作3、第一个数需要立即输出function count(start, end) { //想到setInterval和setTimeout，接受两个参数，第一个是...
2020-01-31 20:37:30
745
原创 获取对象的长度不能用.length
var obj = {name: "iu", age: 4}获取obj的长度不能用.length，而是用Object.keys(obj)获取key值，Object.values(obj)获取value值，Object.keys(obj).length获取长度
2020-01-28 20:13:51
520
原创 es6---promise
<!DOCTYPE html><!-- promise--承诺 同步：同时只能做一件事。代码简单。 异步：操作之间没有关系，同时进行多个操作。操作之间不会影响。代码复杂。 promis...
2020-01-26 10:24:55
145
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人