前端
weixin_45261845
这个作者很懒,什么都没留下…
展开
-
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 · 90 阅读 · 0 评论 -
2021-10-27
react概念总结 函数式组件(又可称无状态组件) 这种组件没有生命周期,没有自己的私有state数据,因此这种组件一般的数据来源于父组件prop传值,所以它仅负责展示页面内容。 特点: 1.函数式组件名首字母必须大写,否则React会将其当做一个标签 。 2. props 参数 ,用来接收父组件传过来的值 。 3. 函数中必须return 组件模板 类组件(又可称为有状态组件) ES6 的 class 创建类组件,它有自己的私有 state 数据 ,有自己的生命周期 //函原创 2021-10-28 00:09:18 · 55 阅读 · 0 评论 -
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 · 50 阅读 · 0 评论 -
2021-10-09
axios 请求报错的情况: 千万要注意遇到404请求失败的时候,可以先查看vue.config.js内的devServer配置项是否出错,如若没有问题,还是无法请求到数据,可以 重启服务 (重点).原创 2021-10-09 11:03:40 · 46 阅读 · 0 评论 -
微信小程序里的触底加载实现流程
触底加载 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 · 341 阅读 · 0 评论 -
出现“npm/nodej不是内部或外部命令,也不是可运行的程序“的问题该如何解决?
因为这个小BUG 耽误了我两天的时间 真的是… 如果你遇到了这种情况的话 先不要急 看了下面的流程 可以快速解决它 避免过度浪费我们的时间 如果出现了 npm/nodej不是内部或外部命令,也不是可运行的程序 它 也就说明你的nodejs可能出现了某些问题,此时可以直接把我们电脑上的nodejs 移除掉 重新下载安装 安装的过程就不说了 懒人安装 一直next就可以了 不过你需要注意的点是"安装路径" 你要清楚知道 你安装在哪个盘下. 想要移除本地电脑上的nodejs 可以先下载nodejs ...原创 2021-04-26 12:44:56 · 1006 阅读 · 0 评论 -
图片懒加载的原理
图片懒加载 获取的值有哪些? 滚动高度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 · 82 阅读 · 0 评论 -
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 · 196 阅读 · 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 · 882 阅读 · 1 评论 -
React路由非精准匹配问题
项目场景: 配置react路由的情景当中,配置react-router的正确做法: 问题描述: [路由非精准匹配],在两个组件之间来回跳转时,想要默认某个页面 我们把它的path设为"/" 然而 此时两个组件内容都会出现在页面当中 这时该怎么解决呢? <Route path="/" component={List} /> <Route path="/List" component={Index} /> 原因分析: 出现了这样问题,这是因为路径以“/”开头 会在页面渲染pat原创 2021-04-22 21:45:24 · 367 阅读 · 0 评论