hhhipppo的博客

原创 vscode常用插件

原创 onClick函数的写法

<Button type="link" className={styles.finInfoMaintBtn} onClick={() => handleModifyVisible(record)}><Button type="link" className={styles.finInfoMaintBtn} onClick={handl...

原创 vue报错：Property or method "active" is not defined on the instance

vue.runtime.esm.js?0261:619 [Vue warn]: Property or method “active” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or...

原创 启动vue项目npm run serve一直报错

忘记截图了报错信息包括spawn cmd ENOENT at Process.ChildProcess._handle.onexitspawn cmd ENOENTThis is probably not a problem with npm. There is likely additional logging百度了下改过端口，貌似没用还有说在环境变量中添加C:\Windows\...

原创 【笔记】

1. 浏览器兼容性问题IE8及一下不支持H5IE9部分支持H5IE10及以上支持H5行级元素在IE9设置宽高的时候失效，IE9将语义标签转换为行级元素解决：IE9：将行级元素转换为块级元素， 当前元素添加样式：disaplay:block;IE8：手动创建H5标签（此时创建得标签类型默认都是行级元素）<script> document.createElement("...

原创 用脚手架创建react+typescript的项目

npm install -g create-react-app 安装脚手架npx create-react-app my-tsproject --typescript 创建ts+react项目网上的大多是create-react-app my-app --scripts-version react-scripts-ts，运行这个命令控制台会提示你说这个已经不能用了...

转载 React工作原理

基于React进行开发时所有的DOM构造都是通过虚拟DOM进行，每当数据变化时，React都会重新构建整个DOM树，然后React将当前整个DOM树和上一次的DOM树进行对比，得到DOM结构的区别，然后仅仅将需要变化的部分进行实际的浏览器DOM更新。尽管每一次都需要构造完整的虚拟DOM树，但是因为虚拟DOM是内存数据，性能是极高的，而对实际DOM进行操作的仅仅是Diff部分，因而能达到提高性能...

转载 箭头函数与普通函数的区别

箭头函数中的this是固定的，它指向定义该函数时所在的对象普通函数的this总是指向它的直接调用者。在严格模式下，没找到直接调用者，则函数中的this是undefined。在默认模式下（非严格模式），没找到直接调用者，则函数中的this指向window。箭头函数中没有自己的this，arguments，new target（ES6）和 super(ES6)。箭头函数相当于匿名函数，因此不...

原创 yarn run build与npm run build的时间差

打包一个刚创建好的vue项目的npm打包与yarn打包时间对比由于一开始yarn的命令打错了，所以先用的npm打包npm打包花了将近一分钟时间yarn只用了18秒

原创 'create-react-app' 不是内部或外部命令，也不是可运行的程序

创建react脚手架的过程中安装完yarn之后，输入yarn global add create-react-app后，再输入create-react-app my-website报错提示信息为：‘create-react-app’ 不是内部或外部命令，也不是可运行的程序或批处理文件。处理方法：1.网上说找到对比npm config list中的prefix路径和环境变量中npm的路径是...

转载 什么是webpack

webpack组件化、模块化和单文件引入JavaScript代码放在同一个.vue文件当中，强大的Webpack可以将这些代码分离出来，并分别与其他同类型的代码打包到一起。而我们不需要管Webpack内部是如何运作的，只需要知道单文件组件形式确实会为我们的工作带来极大的便利性。一个Less文件可以通过引入其他多个Less文件，最后只需将这一个Less文件所编译成的CSS文件引入页面即可。之前...

原创 我常用的git命令

git config --global user.name “yourname”git config --global user.email “youremail”git clone git@gitee.com:用户名/仓库名.git -b 分支名 本地文件夹git branch —>查看当前分支git add 需要上传的文件 -----》上传到缓存中git co...

转载 fatal: Could not read from remote repository.Please make sure you have the correct access rights and

git@gitee.com: Permission denied (publickey).fatal: Could not read from remote repository.Please make sure you have the correct access rightsand the repository exists.很久没用git传东西到码云了，今天传了一下发现各种错误...