CSDN_Alisa的博客

原创 react 微信公众号缓存问题详细解决

缓存问题，没有什么好的解决方案，只能一步一步优化。1，入口文件 meta优化<meta http-equiv="Expires" content="0"><meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Cache-control" content="no-cache">...

原创 好用的图片压缩网站

完全免费 - - || 压缩PNG、JPG、GIF、完全免费 - - || 压缩图片 PNG、JPG。支持网站文件资源url直接压缩，仅支持单个压缩。可批量操作，单次最多支持20张图片。完全免费 - - || 压缩图片。

原创 react 报错0.chunk.js:449884 Warning: Can‘t perform a React state update on an unmounted component. Thi

0.chunk.js:449884 Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.原因：se

原创 react 报错 Each child in an array or iterator should have a unique "key" prop.

报错描述：Each child in an array or iterator should have a unique "key" prop.解决办法：找到对应的js第39行，为div加上key属性。循环的时候加个key={i} 虽然并没啥用，但是必须加噢~~...

原创 react 解决数据库存储时间差八小时

1、问题使用moment.js格式化本地时间戳时多出了8小时问题，这8小时是本地时间与格林威治标准时间(GMT)的时差*例如：moment(5*60*1000)，将5分钟的本地时间戳转为日期，结果会多出8小时，就是解决此问题。2、解决方案fixTimezoneOffset = () => { const date = new Da...

原创 react 实用型弹出提示框（移动端）

第一种方法：1、先imort antd-mobile中的Modal方法，调用Modal方法中的alert属性。import {Modal} from 'antd-mobile';const alert = Modal.alert;2、先定义弹出框的文字内容，alert有三个属性（）3、展示效果...

原创 前端get 和post的区别

1、普通级： get用于查询，post用于提交。2、入门级：3、高手级： get 和post的机制类似，都包含请求头和请求体。其中get提交一次，一次携带完请求头和请求体 ；post分为两次提交，最后获得response返回值。 他们的区别仅在于，浏览器对它们的解析方式不一样。...

原创 Cannot find module 'chalk' 报错npm install chalk无法解决

1、如图：npm run start 后报错，npm install chalk后仍然无法解决。2、解决方法：① npm install glob -D② npm run start

原创 ant design pro 1

1、组件化界面component 组件里都会有一个index文件，用于导出各个组件，然后去写模块。并为每一个模块再写一个index文件。

原创 ReactDom is not defined

原创 工作中，一定用得到的git命令

1、修改git 提交时显示的用户名和邮箱： 1. git config --local --list 查看本地是否设置git上传的用户名和密码； 2. git config user.name 查看本地当前的git用户名; git config user.email 查看本地当前的git用户邮箱; 3. git config --global user.name xiaofu...

原创 Photoshop

1、取其他区域内容进行覆盖先选取一块区域，Ctrl+C，ctrl+v，点击移动按钮，移动至合适位置。2、快捷键ctrl+J，复制一层模板。

原创 nginx 的介绍和配置

1、nginx 的介绍nginx 发音“engine X”，是一款高性能的http反向代理服务器，有静态部署、负载均衡等特点。当客户端向服务端的反向代理发起请求时，反向代理以某种负载均衡机制将请求分发到各个目标服务器，并且将这些服务器所处理返回的内容返回给客户端。这个反向代理服务器没有保存任何网页的真实数据，所有的静态网页或者CGI程序，都保存在内部的Web服务器上。因此对反向代理服务器的...

原创 外部引用css中link 和 @import 的区别

转载：http://www.lingzhong.cn/tech/32078.htm这两天刚写完XHTML加载CSS的几种方式，其中外部引用CSS分为两种方式link和@import。本质上，这两种方式都是为了加载CSS文件，但还是存在着细微的差别。差别1：老祖宗的差别。link属于XHTML标签，而@import完全是CSS提供的一种方式。 link标签除了可以加载CSS外，还可以做很...

原创 .babelrc 和 .babel.config.js 相同配置不能进行合并

.babelrc 和 .babel.config.js 相同配置不能进行合并两个文件都是es6语法编译配置，用来将es6代码转换成浏览器能够识别的es5代码。Babel的配置文件就是.babelrc，存放在根目录下。使用Babel的第一步，就是配置这个文件。该文件是用来设置转码规则和插件的 ：{ "presets":[], "plugins":[]}pr...

原创 对象作为函数参数

实例1：function test(person) { person.age = 26 person = { name: 'yyy', age: 30 } return person}const p1 = { name: 'yck', age: 25}const p2 = test(p1)console.log(p1) // -> ? ...

原创 左移运算符、右移运算符以及 异或运算符

一，问：计算表达式14 << 2的值。答：表达式14 << 2的值为56，因为14（即二进制的00001110）向左移两位等于56（即二进制的00111000）。二，问: 计算表达式8 >> 2的值。答：表达式8 >> 2的值为2，因为8（即二进制的00001000）向右移两位等于2（即二进制的00000010）。^ 位'异或'运算符...

原创 精确区分数据类型

我怎么去区分对象，数组和null呢?Object.prototype.toString.call 这是对象的一个原生原型扩展函数,用来更精确的区分数据类型vargettype=Object.prototype.toStringgettype.call('aaaa')输出[objectString]gettype.call(2222)输出...

原创 git 提交文件到gitee码云

Gitee 分支基本命令：初始化仓库：git init 创建分支：git branch Alisa 查看分支：git branch 切换分支：git checkout Alisa 添加文件到暂存区：git add . 提交文件到远程仓库：git commit -m "commit name" 从仓库上拉取分支：git pull origin 把本地分支推到远程仓库...

转载 码云 Gitee 的分支命令使用

初始化仓库：git init 创建分支：git branch Alisa 查看分支：git branch 切换分支：git checkout Alisa 把本地分支推到线上：git push origin Alisa作者：当当和嘟嘟来源：CSDN原文：https://blog.csdn.net/qq_43371004/article/details/90116390g...

原创 递归的理解

递归，又被称为“抵回”，在计算机语言中，指在函数的定义中直接或间接的调用函数自身的算法。（案例：老和尚给小和尚讲故事，从前有个山）斐波那契数列和阶乘是典型的递归案例。（兔子问题）另外一种利于理解递归过程的解释：判断是否完成？完成的话，就返回结果。如果没有这样的终止条件，递归就一直进行。举例：编写一个程序使用递归求n的阶乘总之：一个函数可以调用其他函数。但如果这个函...

原创 Echarts 的使用和实现

关于echarts，百分之九十的答案都在官网文档中：https://echarts.baidu.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20EChartsecharts实例是异步更新数据，就是发送请求。首先init然后获取请求，请求数据拿到数据之后，setOption，就把图表显示出来，更新...

原创 vue中事件方法参数括号

只有方法名是代表一个函数，加上括号才代表执行这个函数。作为点击事件的回调函数，当然是要执行的。第一种：函数btn会接收一个参数e（即鼠标事件），这是默认行为第二种：函数btn不接收任何参数，因为调用时没有传入，如果要传入e以外的参数也可手动传入如果btn里面用不到参数的话，两者没有区别。一般加括号是需要传递参数，比如$event 比如 v-for里面的index等。不加括...

原创 vue 中的@、@/和./的区别

@：表示vue语法中v-on的简写；绑定事件的专用格式。当事件触发的时候，函数才会来调用。使用格式，在标签内部添加v-on:事件名="事件"注意：Vue实例中所有的函数必须放在methods对象中，否则利用v-on绑定的事件，系统会报找不到该事件的错误@ /：表示 src目录下；. /：表示当前目录下；...

原创 vue的生命周期图文解读（价值￥300、超详细）

原创 vue中createError.js?2d83:16 Uncaught (in promise) Error: Request failed with status code 404常见错误：

错误如图所示：错误原因：请求删除操作时的url，因为有拼接的数据，所以要用反引号进行编译操作。

原创 常见HTTP服务器状态码

HTTP状态码当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头（server header）用以响应浏览器的请求。HTTP状态码的英文为HTTP Status Code。下面是常见的HTTP状态码：200 - 请求成功 301 - 资源（网页等）被永久转移到其它URL 404 - ...

原创 vue中vue.runtime.esm.js?2b0e:619 [Vue warn]: data functions should return an object:报错原因

错误如图所示：修改方法：在ContentBar.vue文件中的data写上return返回值。必须写return的原因：在简单的vue实例中看到的Vue实例中data属性是如下方式展示的：在使用组件化的项目中使用的是如下形式：vue的文件data中不写return{ }返回值的话，包裹的数据会在项目的全局可见，会造成变量污染。使用return后数据中变量只...