- 博客(12)
- 收藏
- 关注
原创 2021-10-28
Promise异步编程promise 是提供异步编程的容器,包含异步代码。在得到异步结果时需要通过resolve 传递数据,(reslove对应then所指定的函数,也就是单个过程的异步回调)以ajax请求封装为例function ajax(url , success) { var xhr = new XMLHttpRequest(); xhr.open("GET",url); xhr.send(); xhr.onreadystatechange = function(){ if(xhr.
2021-10-28 23:32:30 103
原创 2021-10-27
react概念总结函数式组件(又可称无状态组件)这种组件没有生命周期,没有自己的私有state数据,因此这种组件一般的数据来源于父组件prop传值,所以它仅负责展示页面内容。特点:1.函数式组件名首字母必须大写,否则React会将其当做一个标签 。 2. props 参数 ,用来接收父组件传过来的值 。 3. 函数中必须return 组件模板类组件(又可称为有状态组件)ES6 的 class 创建类组件,它有自己的私有 state 数据 ,有自己的生命周期//函
2021-10-28 00:09:18 68
原创 2021-10-23
小程序中出现了 TypeError: Cannot read property ‘setData’ of undefined问题分析:wx.request()请求中success是一个回调函数,在回调函数内部调用this.setData() 更改data中数据,拿到的this是undefined,因为此时this不指向page页面,故会出现上图的报错情况。解决方法:第一种方式,可以通过箭头函数来获取回调函数的结果,因为箭头函数没有自己的this指向,箭头函数的this始终指向箭头函数定义时的离th
2021-10-23 17:35:33 104
原创 2021-10-09
# 使用ts命令在终端运行.ts脚本报错:无法加载xxxx.ts文件,在此系统上禁止运行脚本参考方法解决步骤① 用管理员身份打开Vs code② 终端运行 get-ExecutionPolicy ,得到 Restricted*③ 继续运行 set-ExecutionPolicy RemoteSigned **④ 最后运行 get-ExecutionPolicy ,得到 RemoteSigned **⑤ successfully *...
2021-10-11 11:42:38 60
原创 2021-10-09
axios 请求报错的情况:千万要注意遇到404请求失败的时候,可以先查看vue.config.js内的devServer配置项是否出错,如若没有问题,还是无法请求到数据,可以 重启服务 (重点).
2021-10-09 11:03:40 59
原创 微信小程序里的触底加载实现流程
触底加载index.wxml <view class="wrap" wx:for="{{singerList}}" wx:key="index"> <view wx:key="{{item.id}}" class="list"> <view class="name">{{item.name}}</view> <image class="img" src="{{item.pic70}}" alt="">&l
2021-04-26 17:56:27 360
原创 出现“npm/nodej不是内部或外部命令,也不是可运行的程序“的问题该如何解决?
因为这个小BUG 耽误了我两天的时间 真的是…如果你遇到了这种情况的话 先不要急 看了下面的流程 可以快速解决它 避免过度浪费我们的时间如果出现了 npm/nodej不是内部或外部命令,也不是可运行的程序 它 也就说明你的nodejs可能出现了某些问题,此时可以直接把我们电脑上的nodejs 移除掉 重新下载安装 安装的过程就不说了 懒人安装 一直next就可以了 不过你需要注意的点是"安装路径" 你要清楚知道 你安装在哪个盘下.想要移除本地电脑上的nodejs 可以先下载nodejs...
2021-04-26 12:44:56 1047
原创 图片懒加载的原理
图片懒加载获取的值有哪些?滚动高度scrollTop=document.body.scrollTop||document.documentElement.scrollTop ;窗口高度 var H=window.innerHeight;顶部偏移量 var offsetTop=box.offsetTop;解释说明如果scrollTop+innerHeight=offsetTop,说明图片即将要进场;如果scrollTop+innerHeight>=offsetTop(+100)(&am
2021-04-24 22:17:16 96
原创 react路由用法
首先用BrowserRoute组件包含整个应用结构其次如果路径以"/"开头 则在此处渲染Index组件<Route path="/" component={Index}/><Route path="/list" component={List}/>控制页面跳转<Link to="/">首页</Link>动态路由匹配//路由传参 路由组件内部props包含match和history属性//props.match可以用来访问路由信息//p
2021-04-24 02:37:15 212 2
原创 vue移动端项目中想要隐藏滚动条该如何设置?
隐藏侧边滚动条html,body{widthL100%;height:100%;overflow:scroll;}body{margin:0;}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0px;height:0px;}隐藏容器内部的水平滚动条直接在容器上添加伪元素,如下:容器元素::-webkit-scrollbar{ display:none;}...
2021-04-24 02:20:24 902 1
原创 React路由非精准匹配问题
项目场景:配置react路由的情景当中,配置react-router的正确做法:问题描述:[路由非精准匹配],在两个组件之间来回跳转时,想要默认某个页面 我们把它的path设为"/" 然而 此时两个组件内容都会出现在页面当中 这时该怎么解决呢?<Route path="/" component={List} /><Route path="/List" component={Index} /> 原因分析:出现了这样问题,这是因为路径以“/”开头 会在页面渲染pat
2021-04-22 21:45:24 389
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人