- 博客(39)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 连不上github
，只需要在host文件里做些修改就可以，首先，定位到路径C:\Windows\System32\drivers\etc1找到host文件，右键-属性-安全-编辑，选中当前电脑登录的用户，给自己最高权限，确认。然后用记事本打开，在最后一行加：192.30.253.113 github.com192.30.252.131 github.com185.31.16.185 gi...
2019-03-13 16:58:14
4580
1
原创 新建的分支在本地git branch 查看不到怎么办
使用git pull后就会把所有的分支更新，就能看到你想要的分支了，记住，是： git pull
2021-05-21 15:37:26
1443
原创 node.js创建一个简单服务器
1、新建node文件夹并创建server.js2、在server.js中输入如下代码const http = require('http')var server = http.createServer(function (){ console.log('有人来了')})//一个服务器必需要监听，不然不会一直运行//监听--等着，一台服务器可提供多个服务//端口--通过端口找到对应服务server.listen(8082)3、运行server.jsnode server4
2021-03-29 17:59:30
317
原创 node.js的第一个简单例子
新建文件夹 node1(我是在d盘的demo文件夹里新建的） 在node1下新建1.js文件 在1.js中输入以下代码console.log('Hello World') 4.在cmd命令行中切换盘符： d: (将切换到d盘目录) 5.改变目录： cd demo\node1 ( cd 目录名) 6.运行程序 node 1.js 将在命令窗口看到：Hello World, 这样，一个非常简...
2021-03-29 16:27:57
262
原创 Node.js的下载与安装
1、进入https://nodejs.org/en/，点击下载2、直接下载到本地，双击.exe后缀的安装文件，依次点击next,最后点击finish3、在cmd中输入： node -v 会出现node的版本，就说明安装成功了
2021-03-29 16:16:04
120
原创 echarts地图迁徙图
import React, { Component } from 'react'import { connect } from 'react-redux'// import posed from 'react-pose'import 'echarts/map/js/china'import geoJson from 'echarts/map/json/china.json'import echarts from 'echarts'// import './index.css'import {.
2021-01-29 17:23:19
828
原创 如何将图片另存为时保存的文件名自定义
let imgName = '11122.jpg' //另存为的文件名let disable = false //是否可另存为setDisable = val => { //设置 disable = val}<a download={disable ? imgName : false} href="#" onClick={this.setDisable(false)}> <img src="a.jpg" onContextMenu={this.setDisabl.
2020-12-23 16:18:42
2343
原创 在antd中使用select时，设置value=‘‘时，placeholder不生效
<Selectplaceholder="地址"showSearch={true}allowClear={true}showArrow={false}value={this.state.address}></Select>这里input框是空白解决：需要设置this.state.address的值为undefined，因为设置nu...
2020-11-13 11:18:43
629
原创 学习webpack搭建遇到的坑
1、执行webpack-dev-server报如下错：解决方法：输入 npm uninstall --save-dev css-loader 卸载 再输入 npm install--save-dev [email protected]重装2、执行webpack-dev-server报如下错解决方法：输入npm uninstall --save-dev webpack-dev-server 卸载webpack-dev-server ...
2020-11-02 15:21:07
103
原创 如何给不规则背景图片按钮加上动画效果
html代码<div className={styles.ground}> <span className={`${styles.circle} ${show?styles.explodeCircle:''}`} style={show?{left:'120px'}:{top:'108px'}} /> <img src={img} onMouseOver={()=>{this.setState({show:true})}
2020-09-24 12:12:38
254
原创 css中，鼠标移入时让动画animation停止，但是移出后需要从停止的地方开始
在hover中加入如下代码:a:hover{animation-play-state:'paused'}
2020-09-24 11:18:06
5041
原创 如何点击echarts拐点时将分隔区域高亮
在xAxis中添加如下代码axisPointer:{ type:'shadow', shadowStyle:{ color:'rgba(150,140,133,0.5)' //分隔区域的颜色}}
2020-09-24 11:15:02
267
原创 基于React项目实现qiankun产品融合的实践及踩坑
一、背景：将公司各个产品融合到一个前端界面中，菜单部分为主应用，内容部分为微应用二、步骤1、主应用中的配置npm install qiankun -g 或 yarn qiankun 在主应用的入口文件中添加如下代码（我是在src\App.js） import ...
2020-09-04 16:01:12
6458
2
原创 win10系统如何删除不用的输入法
点击任务栏右下角的语言－－语言首选项 选择语言下的中文－－选项 可以看到键盘下面有所有的输入法，点击你想要删除的输入法，点击删除按钮
2020-08-19 11:21:15
757
原创 CSSTransition用法
import {CSSTransition} from 'react-transition-group'rener (){let show=false;const toggleShow=()=>{ show=!show}return( <div> <CSSTransition in={show} //in：入场，out出场 timeout={1000} //动画执行时间...
2020-08-18 14:15:42
550
原创 在不能访问互联网的电脑上，如何安装Vscode插件？
一、在可以上网的电脑上访问https://marketplace.visualstudio.com/vscode 输入你想要下载的插件：如：Eslint 点击对应的插件进入到详情页面 点击Download Extension,得到下载的离线安装包，以.vsix为扩展名结尾二、在内网上操作将下载的vsix的文件复制到内网电脑VSCode 的安装目录下的 bin 目录下 在bin文件里执行cmd命令：code --install-extension yzhang.markdown-all...
2020-08-14 09:13:28
2970
原创 git pull拉取代码时提示‘Please commit your changes or stash them before you merge’’
解决方法：git stash 让工作区内容保证与上一次提交内容相同，同时备份当前修改的内容 git pull 拉取仓库的最新内容 git stash pop 在仓库最新内容的基础上添加当前修改的内容
2020-08-14 09:01:36
1893
原创 nginx配置本地项目后刷新页面后加载非常慢
之前的配置nginx.conf: listen 30001; server_name localhost; location / { proxy_pass http://localhost:3000; }hosts:未作...
2020-08-12 10:34:47
1604
2
原创 react开发者常用npm包：持续更新
xls-oc:导入、导出excle vis:绘制可视化图形 soket.io-client:socket通信 resize-observer-polyfill:监听DOM的大小变化 regenerator-runtime:生成器函数、async、await函数经babel编译后，generator-rutime模块用于提供功能实现 react-transition-group:实现动画效果 react-router：实现了路由的核心功能 react-router-dom:基于react-rou
2020-08-07 17:03:28
661
原创 getDerivedStateFromProps的用法
作用：将props映射到statestatic getDerivedStateFromProps(nextProps,prevState){ const {type}=nextProps;if(type!=prevState.type){ // 当传入的type发生变化时，更新state return {type}}return null //否则，对state不进行处理}...
2020-08-06 10:20:48
5168
1
原创 useContext的用法
作用：接收一个context对象并返回该context的值，当前context值由上一层组件中距离当前组件最近的value props决定const context=reactContext(0);function Items(){ const count=useContext(context); return (<div>{count}</div>)function App(){ ...
2020-08-06 10:18:20
3837
原创 useDispatch的用法
作用：共享状态，返回Redux的store中对dispatch的引用，可执行redux中的方法const dispatch=useDispatch()
2020-08-06 10:14:56
10774
原创 useSelector用法
作用：共享状态,从Redux的store中提取数据（state）const num=useSelector(state=>state.num)
2020-08-06 10:13:43
26066
3
原创 useReducer的用法
作用：处理状态更新的逻辑，并且脱离UI，可以复用const initialState={num:0};const reducer=(state,action)=>{ switch(action.type) { case 'decre': return {...state,num:state.num-1} ...
2020-08-06 10:12:21
1968
原创 useLayoutEffect的用法
作用：当在useEffect里要操作DOM时，可以在useLayoutEffect里完成，否则可能会出现闪屏，useLayoutEffect里的callback函数会 在DOM更新完成后立即执行，但是会在浏览器绘制之前完成例子： useEffect: useEffect(()=>{ TweenMax.to(REl.cur...
2020-08-06 09:35:33
1714
原创 lodash中的debounce的用法及作用
格式：debounce(fun,delay) fun:执行的函数 delay:延迟时间作用：1、不使用debounce的情况：用户在连续输入文字时，会在每次输入时都会执行函数，有可能导致阻塞 或项目崩溃 $('.elements').on('input',(e)=>{console.log(e.target.value)}) 2、使用debouce的情况：...
2020-08-06 09:20:39
26344
原创 在git里拉取代码时更换账户
查看用户名：git config user.name查看邮箱：git config user.email修改用户名：git config --global user.name 'name';//name:输入你的name修改邮箱：git config --global user.email 'email';//email:输入你email
2020-08-06 08:56:07
1141
原创 在代码中加入console.log时，vscode会提示：unexpected console statement no-console
在代码中加入console.log时，vscode会提示：unexpected console statement no-console欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设
2020-08-05 11:41:24
1016
原创 VSCode打开项目的文件时，之前的打开的文件都看不到了
文件-》首选项-》设置-》在setting.json中修改或添加如下代码workbench.editor.enablePreview:false
2020-08-05 10:17:47
4302
3
原创 React Hooks中的useState、useEffect、useMemo的使用
文件-》首选项-》设置-》在setting.json中修改或添加如下代码javascript.implicitProjectConfig.experimentalDecorators:true(默认是false,需改为true)
2020-08-05 10:13:03
1732
原创 react调试工具的安装
1、下载react调试工具包 地址：https://github.com/facebook/react-devtools/tree/v32、打开下载好的包文件，执行命令安装依赖 三种方法：cnpm install、yarn、npm install3、找到指定文件 到react-devtools-3\shells\chrome下，进入cmd模式，执行node build.js3、chrome配置 打开谷歌浏览器，网址输入chrome://extensions/...
2020-08-05 10:09:39
352
原创 nginx的下载及基本配置
1、下载nginx 下载地址：http://nginx.org/en/download.html2、解压到自定义文件夹3、启动nginx 运行nginx.exe 进入cmd模式，输入命令 nginx.exe 或者 start nginx ，回车 检查nginx是否启动成功，在浏览器中输入http://localhost:80，看是否会出现网页，出现即成功4、参数配置 在conf/nginx.conf中配置自己的服务器地址...
2020-08-05 10:01:02
397
原创 VS Code中ES6语法正确、但报红
文件->首选项->设置->搜索Javascript validate->找到JavaScript>Validate:Enable去掉勾选，重启即可
2020-08-05 09:54:07
923
2
原创 react中useCallback的使用
1、参数：callback(函数），要做的事放在这个函数里面 desp:要做的事需要引入的外部参数或依赖参数 例：const handleChildrenCallback=useCallback(()=>{ handleChildren();//要做的事 }，[]);//不需要参数就不传2、返回值...
2020-08-05 09:50:18
4599
翻译 javascript中的原型和闭包
1.一切都是对象----一切（引用类型）都是对象，对象是属性的集合（undefined, number, string, boolean）属于简单的值类型，不是对象。 剩下的几种情况——函数、数组、对象、null、new Number(10)都是对象，他们都是引用类型。2.函数与对象的关系--对象都是通过函数来创建的3.prototype原型---每个函数function都有...
2019-03-14 14:51:33
142
翻译 新手搭建第一个react脚手架项目 --基于create-react-app
1.安装create-react-appnpm install create-app -g (-g 全局安装)2.为项目命名create-react-app demo-project (demo-project为项目名称）3.一个可运行的项目就安装好了，可以运行了(默认端口3000)npm run start4.如果要暴露所有配置 使用npm run eject，项目...
2019-03-13 16:08:33
577
转载 IDEA快捷键
IntelliJ IDEA（简称 IDEA），是 Java 语言开发的集成环境，IDEA 在业界被公认为最好的 Java 开发工具之一，尤其在智能代码助手、代码自动提示、重构、J2EE 支持、各类版本工具（Git、SVN、GitHub 等）、JUnit、CVS 整合、代码分析和创新的 GUI 设计等方面的功能都值得称道。IDEA 作为现今最常用的开发工具之一，如果我们能够熟悉其快捷键，自然可以让我
2018-01-01 15:59:10
584
翻译 2017.12.7学习前端的总结
1.拿到一张网页图片，首先要弄清应该如何进行布局，然后再开始写代码2.css3的display:flex属性在设计首页布局的时候，新认识了一种布局方式display:flex1 .container {2 display: flex;3 flex-direction: column;4 align-items: center;5 background-c
2017-12-07 19:43:07
509
1
翻译 fullpage（jQuery全屏滚动插件）插件的使用
简介如今我们经常能见到全屏网站，尤其是国外网站。这些网站用几幅很大的图片或色块做背景，再添加一些简单的内容，显得格外的高端大气上档次。比如 iPhone 5C 的介绍页面（查看），QQ浏览器的官网站。如果你也希望你的网站能设计成全屏的，显得更上档次，你可以试试 fullPage.js。fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站
2017-12-07 19:32:57
332
空空如也
不明白什么意思？？？求解
2015-10-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人