- 博客(13)
- 收藏
- 关注
原创 React Hooks
React HooksuseStateuseEffectuseRefmemouseCallbackuseMemouseState参数:初始state的值。支持传具体值或者函数。返回值:一个数组,0:当前state的值;1:更新state的函数(类似于this.setState),支持传函数,函数的参数为当前的state值。import React, { useState } from 'react';function Example(props) { // 声明一个叫 “co
2021-11-26 17:02:01
215
原创 Git常用命令记录
1.查看配置列表git config —list2.配置用户名密码git config --global user.name "username"git config --global user.email “email”3.修改commit信息(1)git log(查看历史提交,正序排列)(2)git rebase -i HEAD~3(修改最近3次提交的信息,这里的log是倒叙排列的) (3)按 [ i ] 进行编辑, 把pick改为edit,编辑完按esc,然后输入 [ :wq ]保
2020-12-15 14:29:52
156
原创 calc在Less中不生效的解决方法
calc在css文件中的正常写法height: calc(100% - 44px); // 运算符前后都要有空格然而在Less文件中这样写不生效,编译后的结果为height: 56%;查其原因,是跟 Less 的语法冲突了,Less 把calc的参数当作运算式执行了。解决方式是使用 Less 的转义字符~,文档:https://github.com/SomMeri/less4j/wiki/Less-Language-Escaping所以在Less文件中的写法应为:height: calc(~"1
2020-09-10 15:08:13
1582
原创 React-Router browserHistorys刷新浏览器页面404解决方案
问题<Router> <Route exact path="/" component={App}/> <Route path="/page1" component={Page1}/></Router>页面的两个路由,点击导航可以正常显示每个路由页面,修改代码后,自动刷新浏览器,“/”home路由页面正常显示,但是如果路由在page1页面下,刷新浏览器页面404。问题分析在刷新页面时,浏览器会向服务器请求localhost:8000/p
2020-09-02 14:45:15
989
原创 学习webpack4基础配置
配置项一、入口entry单入口module.exports = function(env) { return { entry: './src/index.js', // 或 enrty: { main: './src/index.js', } }}多入口module.exports = function(env) { return { enrty: { // 分离主程序入口和第三方库入口的情况 main: './src/index
2020-08-27 17:38:51
205
原创 dva的使用小记
dva+reactmodelconnectapp.js中引入const app = dva()app.model(require(./model/home).default)app.router(() => <div />)app.start('#root')const store = app._store
2019-10-18 12:05:56
253
原创 react-router-dom路由配置小记
react-router-dom路由配置app.js文件import React, {Component} from 'react';import { BrowserRouter, Route, Link } from 'react-router-dom';import Home from './home/Home';import About from './about/About';...
2019-10-18 12:01:17
312
原创 微信小程序scroll-into-view无效问题
scroll-view组件中设置scroll-into-view属性(值设置为某子元素的id)可以实现滑动到该子元素的位置,scroll-into-view必须动态赋值,另外需要加上scroll-y/scroll-x、scroll-with-animation两个属性,以及滚动区域的高度设置成具体值才能滚动。
2019-08-21 17:25:07
3767
原创 service-work.js
使用create-react-app搭建的react项目打包后自动生成的service-work.js文件作用:用来做离线缓存的新的api实现,其工作原理是缓存同源路径下的请求,相当于是在前端与后端数据加了一个缓存层,使得在离线状态下也能访问部分页面。删除service-work.js文件:在webpack-config-prod文件中,删除workbox-webpack-plugin包的...
2019-08-08 18:41:17
869
原创 js文件下载的几种方式
方法一利用a标签的download属性<a href="url" download="文件名"></a>注:download属性会因为href跨域而不起作用,及设置的文件名未正确显示方法二window.open(url)第二种方式会打开一个空白页下载文件,体验不太好,建议用第一种方式...
2019-08-08 18:31:56
264
原创 linux常用操作命令
ls查看 ll显示的信息较多ps aux --查看所有进程ps aux | grep nginx --查看nginx进程 ‘| gerp’ 过滤某进程kill -9 [pid] --强制杀死某进程kill -15 [pid] --正常关闭某进程killall -9 nginx --强制杀死所有nginx进程scp -r [f...
2019-08-08 17:49:29
115
原创 2019上半年面试总结
JS1.闭包以及闭包的使用场合2.原型链css1.div水平垂直居中2.box-sizing的两个属性值:content-box,border-box3.css写一个三角形webpack1.webpack的几个配置项2.配置sass需要几个loader,顺序是什么3.react1.虚拟dom的原理,怎么创建虚拟dom...
2019-06-24 12:49:07
143
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人