- 博客(13)
- 收藏
- 关注
原创 js变量的作用域、生命周期和内存泄漏
网站长时间闲置,页面会崩溃,一种可能原因是内存泄漏。js是一种垃圾回收语言,但是变量不规范的声明和使用,容易导致变量在声明使用后,一直占据着操作系统的内存,网页一直运行就导致内存占用率上升,最后网页进程崩溃。js会默认将未声明的变量升级成全局变量,全局变量只有在程序结束时才会被销毁。var也是将变量定义为全局变量。let是将变量声明为局部变量,一般在循环或者函数内使用,let声明的变量只在...
2019-11-14 11:34:01
354
原创 vue watch 路由监听 属性监听
作为小白,在开发中我遇到一个问题,想要实现改变输入内容就再次发送ajax请求的功能。有两种情况:第一种是父组件与子组件通过props属性进行通信,这时候我想要判断是否需要再次发送ajax请求,是通过监听传过来的props属性来实现的。这里我当时没有理解watch是怎么监听的,傻乎乎的定义了一个中间变量,其实watch监听,只需要将要监听的属性作为函数名就可以了,函数会有两个参数oldVal...
2019-11-08 16:33:44
1385
原创 vue v-if
vue的[v-if]API必须在html元素上使用,不能应用在vue-fragement上,因为v-if是用来判断渲染真实的dom元素是否要被渲染出来。
2019-11-08 16:05:58
186
原创 dva的目录结构及开发流程
开发步骤:添加路由:在routes文件下创建对应的路由页面和 css 文件,并在router.js进行路由配置。 添加 model:在model目录里创建model 可以看到,model 包含了五个属性,各个属性的含义如下:namespace:命名空间,同时也是它在全局 state 上的属性名。相当于model的名字,用...
2019-03-18 17:05:45
935
转载 js中的全局变量和局部变量
js中的变量搜索顺序:找变量时,先找局部变量,如果没有局部变量;再找全局变量。变量的生命周期从声明开始,局部变量在函数执行完毕后被销毁,全局变量在页面关闭时被销毁。同时全局变量的值会一直保留,除非被覆盖或销毁。如何查找全局变量最外层的函数和和最外层函数外面的变量都是全局变量。因为函数是可以嵌套的,所以找全局变量时,要找最外层函数;而且函数本身也是一个变量,特殊变量,其名字就是变量名。 没...
2019-03-08 15:22:02
1513
转载 react router路由传参的三种方式
1.通配符传参Route定义方式:<Route path='/About/:id' component={About} /> Link组件:<Link to="/path/通过通配符传参">About</Link> 参数获取:this.props.location.query优点:简单快捷,并且,在刷新页面的时候,参数不会丢失。缺点:只能传字符串,...
2019-03-08 15:03:53
1343
原创 react的Router的exact、path、component、strict属性
type Location = { //这是一个location pathname: Pathname; search: QueryString; query: Query; state: LocationState; action: Action; key: LocationKey;}; class App extends React.Component...
2019-03-08 13:09:31
4070
原创 react-rotuer在子路由界面报Cannot GET /(子路由名)
import React from 'react'import ReactDOM from 'react-dom'import {HashRouter as Router, Route } from 'react-router-dom'//import {BrowserRouter as Router,Route} from 'react-router-dom'import App fr...
2019-03-08 10:51:39
1376
原创 React的react-router4的路由配置
<Router> <Route path='/' component={App}> <Route path='Home' component={Home} /> <Route path='About' component={About} /> </Route> </Router>...
2019-03-08 08:55:38
424
转载 es5的map函数用法
map是 “映射”的意思,用来遍历数组中的每一项,map的回调函数中支持return返回值;return的是啥,相当于把数组中的这一项变为啥(并不影响原来的数组,只是相当于把原数组克隆一份,把克隆的这一份的数组中的对应项改变了);支持把匿名回调函数中的this进行修改。var data = [3, 4, 5, 6];var Squares = data.map(function (ite...
2019-03-07 13:09:24
2649
原创 es5的forEach用法
forEach是ES5中操作数组的一种方法,用来遍历数组中的每一项;这个方法执行是没有返回值的,对原来数组也没有影响;数组中有几项,那么传递进去的匿名回调函数就需要执行几次; 每一次执行匿名函数的时候,还给其传递了三个参数值:数组中的当前项item,当前项的索引index,原始数组input; 理论上这个方法是没有返回值的,仅仅是遍历数组中的每一项,不对原来数组进行修改;但是我们可以自己通...
2019-03-07 10:57:21
3063
1
转载 react的CSS样式设置
<head> <!-- react core --><script src="https://unpkg.com/react@16/umd/react.production.min.js" crossorigin></script><script src="https://unpkg.com/react-dom@16/umd/re...
2019-03-01 15:11:53
624
原创 npm装不上相应的包
搭建webpack开发环境的时候,安装@babel/core一直提示“Unexpected end of JSON input while parsing near '...h_time":1528832809413'”这个错误,其实是由于Windows相关缓存没有清空的原因,只需执行npm cache clean --force这条命令清除关于它的缓存即可安装成功...
2019-03-01 14:15:08
548
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人