放羊的小孩

umi项目设置项目启动端口号

浏览器开发者工具报异常：Unchecked runtime.lastError: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received

DatePicker、RangePicker、momengt获取指定时间的周、月的第一天和最后一天

数字添加千位符

electron隐藏默认菜单

react中点击，高亮显示

um4+antdesign实现多tabs

daterangepicker.js快捷筛选项高亮效果回显问题

select2开启tags后输入中文样式错乱

node、mysql查询，一次query操作执行多条sql语句

mysql分页查询公式

vscode编辑器开发html无法识别script模块中的js代码。

jstree控件，选中父组件时不和子组件关联同时选中

使用datatables的时候，不要使用colspan，还要注意th和td的匹配，列数相等；

express、跨域设置

antd菜单使用接口下发的指定图标

今天在看antd，直接贴了demo中的代码来运行，发现SubMenu的defaultOpenKeys属性没有生效代码：<Menu mode='inline' defaultSelectedKeys={['1']} defaultOpenKeys={['1']} theme="light"> <SubMenu key="sub1" title="subnav1" icon={<UserOutlined/>}> <Menu.Item k

mac终端设置vscode快捷启动在windows上使用vscode的时候可以直接在命令行通过code .指令快速启动vscode，最近几天将工作台切换成了mac，发现在mac的终端不能直接通过code .指令快速启动vscode，那么怎么也可以在mac的终端上通过指令快速启动vscode呢？无论是通过哪种方式启动，最终肯定是要通过vscode的启动文件，通过命令行，无非就是把vscode的启动文件路径加入到了系统的环境变量，然后执行的指令直接指向了vscode的执行文件，有2种配置方法：通过在vs

Uncaught (in promise) Error: Maximum recursive updates exceeded. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook.

今天使用@vue/cli4.5.12这个版本搭建了一个vue项目，vue的版本是3.0.11，发现在编辑了vue模板后，页面没有及时刷新。以前印象中是编辑了vue模板后页面会实时更新的。不过也不用急，做个简单的配置就可以了。module.exports = { chainWebpack: config => { config.resolve.symlinks(true); }};具体是cli的哪个版本会有这样的问题，没有去验证。不过在遇到了没有热更新的时

之前在使用element-ui，其中有个时间控件使用起来方便，就是日期范围控件，看可以便捷的筛选最近1周、2周、1个月、3个月、半年等这样的快捷筛选方式，使用起来感觉简单、易用，体验挺好，最近一个项目在使用ant-design-vue,也想要实现个类似的时间范围选择的效果。element-ui的效果的样子：我在ant-design-vue里面没有找到类似的控件，最终发现了RangePicker，可查看demo的时候并没有和element-ui中那个效果类似的案例，这我也不能为了一个控件就再引入一个U

我们在安装一些插件的时候，尤其是做前端开发的同学，无论是做基于Vue开发的，还是基于React开发的，都会经常安装一些插件，那么在安装插件的时候，如果我们不清楚一些一些参数的意义，就直接使用了，有的时候安装后可能并不是我们的预期的版本。比如在安装vue-cli这个插件的时候，如果我们按照vue的文档的方法去安装，即npm install -g @vue/cli@next,那么我们安装的就是cli的最新的版本，而不管这个最新的版本是稳定版本，还是测试版本，或者仅仅是个内测版本，如果我们是学习用的，安装了最

vue3已经发布了几个月了，那么怎么创建一个vue3版本的项目呢？我还是习惯使用cli脚手架，但是对cli脚手架有版本要求，从网上查到说是要在4.5.7以上版本，这个我没有验证过。直接安装最新的@vue/cli@next就可以了。npm install @vue/cli@next -g等待安装就可以了。安装完成之后，就可以通过vue create project_name来创建项目了。在已经安装了高于4.5.7版本的cli后，在使用vue create指令创建项目的时候，会提示我们

运行一个vue项目的时候，报错了，信息如下：Cannot find module 'is-obj'背景是项目团队的其他成员基本都是Macbook Pro，我新更换的windows机器，在配置好环境后，执行了npm install安装依赖包，依赖包安装完成之后在执行npm run build打包的时候，报错了，关键信息就是Cannot find module 'is-obj'。解决办法：直接将node_modules目录删除，然后重新npm install，之后再次执行npm run bui

在egg的时候，根据文档的方式创建项目，但是一直失败：suchcl@DESKTOP-EH6OH7F:/mnt/d/WebStudy/EggApp$ npm init egg --type=simplenpx: installed 396 in 20.017s[egg-init] use registry: https://registry.npmjs.orgGot error when check update: Connect timeout for 5000ms, GET https://r

不管是使用egg-init 还是按照egg官网上提供的方法，npm init egg --type=simple的方式构建项目，都会因为egg源的问题导致项目构建失败。大概信息如下：D:\WebStudy\EggApp>npm init eggnpm ERR! code EAI_AGAINnpm ERR! errno EAI_AGAINnpm ERR! request to https://registry.npmjs.org/create-egg failed, reason: geta

windows环境在nvm的安装目录下，有settings.txt文件（如果没有该文件，则自己创建一个）root: C:\app\nvmpath: C:\Program Files\nodejsnode_mirror:npm.taobao.org/mirrors/node/npm_mirror:npm.taobao.org/mirrors/npm/

系统： windows10sourcetree：3.9版本，最新版本前几天安装后，好用，由于使用命令行多一些，就一直没怎么使用sourcetree，今天在使用的时候，发现拉取代码失败，给出了“Too many authentication failures" fatal:”的提示。解决方式：打开sourcetree，依次点击“工具-选项”，如图：然后在打开的选项窗口中，找到SSH客户端配置模块，SSH客户端选择OpenSSH，这时SSH密钥会自动匹配电脑中ssh key,然后点击确.

windows上通过nvm管理node版本，在本地安装了nvm后，通过nvm安装node，报错了，信息：Could not retrieve https://nodejs.org/dist/latest/SHASUMS256.txt.Get https://nodejs.org/dist/latest/SHASUMS256.txt: dial tcp 104.20.23.46:443: i/o timeout有了这样的信息，我们很容易可以想到这是由于网络原因引起的问题，由于node源都是国外的服

系统windows10，使用git bash通过npm安装依赖的时候，出现了一个.staging。一般情况下，在windows下使用npm的时候，建议直接使用系统提供的命令行工具，而不要使用其他的命令行工具如git bash或者vscode的命令行终端，因为我们在使用这些终端的时候，会使用到这些终端自己的一些东西。不过在使用这些非系统终端的时候出现.staging也不用着急，这只是在安装过程中出现的，等待依赖安装完成之后，这个.staging就自己消失了。就是说明了，在出现这个标识的时候，说明依赖正

最近几天在安装npm包得时候，总是给出类似的提示，百度了一下大部分的原因分析是npm的代理问题，可以通过配置proxy和https-proxy参数来解决问题，我尝试了后一直不行，我在mac上和windows都出现了类似的问题。在mac上给出了提示网络代理的提示，具体的提示信息没有保存下来，于是我尝试切换了一下npm包镜像的源文件，结果问题解决了。npm config set registry https://registry.npm.taobao.org我设置成这个源后，npm就可以正常安装包了。

vue项目中使用了vue-router,然后在运行项目的时候,给出了这样的警告:[vue-router] Named Route 'Layout' has a default child route. When navigating to this named route (:to="{name: 'Layout'"), the default child route will not be rendered. Remove the name from this route and use the n

koa链接mysql数据库,有一字段为date类型,数据库中存储的值为“1990-03-15”,但是我查询后显示到页面中的值并不是“1990-03-15”,而成了“1990-03-14T16:00:00.000Z”,查了半天原因,原来主要是因为node的时区和mysql时区不同.解决办法在node链接mysql的配置中设置时区就可以了:// 数据库配置DEVDATABASE: { host: "127.0.0.1", user: "root", password: "

koa链接mysql数据库操作,在写表单插入数据功能的时候,发现在一个date类型的字段传入空值的时候,一直报错,不能正常插入空值.排查后发现,原来这个字段是date类型,而我在插入的时候,如果不给这个字段赋值,那么它默认是“”,类型是一个字符串,而不是date类型(也不是一个对象类型).发现问题了,我的解法是在对从表单获取的这个数值做了下判断,判断这个值是否为空,如果为空,则将这个字段赋值null,否则直接从表单获取数值 .let birthday = postData.birthday;if

next.js中class添加样式的方式,有文档说明,不好翻译,就把原文贴过来吧:样式的生效及使用方式如下:import styles from './layout.module.css'export default function Layout({ children }) { return <div className={styles.container}>{children}</div>}我在写HTML的时候,class的命名习惯是如果class是由

next.js项目,开发环境,运行的时候报错了:Unhandled Runtime ErrorError: React.Children.only expected to receive a single React element child.看到这个提示,应该都会知道React组件中的Children参数希望接收1个React子元素,那么报异常的原因就可能是我代码中传递了多个子元素.贴代码:layout.jsx布局文件import Header from "../component

chrome浏览器中,输入框如果被自动填充内容了,那么输入框也会被浏览器自动填充一个背景色,我电脑上填充的是蓝色,在网上有查到有填充黄色的,但不管是什么颜色的,实际表现是chrome给我们自动填充的input输入框自动填充了背景色.但这个颜色不是我们的产品需求中想要表现的样式,想把它改掉.input:-webkit-autofill { -webkit-box-shadow: 0 0...

taro是一个多端统一开发框架,可以实现编写一套代码,实现编译输出不同的端,主要有微信小程序、支付宝小程序、H5、快应用、React Native以及百度小程序、头条小程序、京东小程序等,基本上覆盖到所有的端了,框架默认的编译输出目录为dist,但我们使用taro的目的是为了多端统一开发,需要将不同的端编译输出到不同的目录,以满足我们同时开发的目的.taro给我们提供了process.env....

通过使用create-react-app创建的react项目,添加了less预处理器后,可以正常编译,没有问题,但是项目时移动端项目,我们需要做移动端的适配,将px单位转化为rem,具体的方式,根据百度来的方式,配置上了,结果报了异常了:如下:./src/pages/login/login.less (./node_modules/css-loader/dist/cjs.js??ref--6...

React使用jsx语法引入图片的时候,不能像在HTML中那样直接给img的src属性一个图片的地址,如:<img src="../images/img01.jpg" />而在React中,则需要通过先引入图片资源,然后将该图片资源赋值给img的src属性,如import Logo from "./images/logo.png"<img src={Logo} ...