
web前端
随着移动端的兴起,网页移动端应用范围扩大。
妙团团
人生只有一次,就该全力以赴。
展开
-
Promise实现原理解析,及实现方法。
一,Promise的理解在JavaScript中,Promise是一种用于处理异步操作的对象。它代表了一个尚未完成但预期在未来某个时间点完成的操作。Promise对象可以处于以下三种状态之一:Pending(等待):初始状态,既不是成功,也不是失败状态。Fulfilled(已成功):意味着操作成功完成。Rejected(已失败):意味着操作失败。这几种状态的转换需要遵循一定原则, 失败或者成功只能由padding状态转换。原创 2025-01-01 16:14:28 · 1223 阅读 · 0 评论 -
模拟事件总线
单页面应用,页面不刷新,页面定义的变量和函数是一直保持的,vue中的全局事件总线是把要触发的回调方法挂到了vue全局变量上。先监听,然后在需要的地方触发。存在于全局变量,子孙组件通过引用都可以访问到。简单理解为,............原创 2022-08-30 18:02:19 · 283 阅读 · 0 评论 -
js自定义浏览器下拉刷新
之前做了一个移动端的项目,使用的是自带的下拉刷新,暴露的方法有限,感觉效果不怎么好。于是看看能不能手做一个;思路就是,拖动 => 回弹;css部分 body{ margin: 0;; padding: 0; } .page{ position: absolute; width: 300px; height: 500px; background-color: mediumaquamarine; border: 2px solid原创 2022-04-19 13:18:18 · 563 阅读 · 0 评论 -
css气泡框的实现
关于css气泡框,目标是实现,盒子被内容撑开后向上飘。还有一个动画效果,但是实际上盒子被内容撑开之后,是向下覆盖。本质上是元素的左上角相对父级定位,如何在不使用css的情况下向上飘。.text{ position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); width: 200px; height: 50px; background-color: coral;原创 2021-09-24 13:37:01 · 443 阅读 · 0 评论 -
js实现选项卡
选项卡在网页中经常使用,那么如何实现选项卡呐?现在的框架省去dom操作,开发者只需要关注数据即可,那么真的不需要操作dom了吗,是需要的,只不过程序已经帮忙做了这件事,纯粹的数据逻辑也将前端变得更难了。整体结构<div class="app" id="app"> <div class="key-left"> <div class="tap">1</div> <div class="tap">2</div>原创 2021-09-23 19:48:21 · 7187 阅读 · 0 评论 -
css单行文本超出盒子宽度限制长度
css单行文本超出盒子宽度限制长度主要使用了超出部分隐藏和最大宽度属性.app .app-text{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100px; height: 20px; font-size:20px; }<div class="app"> <span class="app-t原创 2021-09-12 16:37:16 · 334 阅读 · 0 评论 -
git回退
git 如何恢复到指定版本查看git的提交版本和id 拿到需要恢复的版本号 命令:git log2. 恢复到指定版本命令:git reset --hard 44f994dd8fc1e10c9ed557824cae50d1586d0cb3 //后面这一大串44f994dd8fc1e10c9ed557824cae50d1586d0cb3就是版本id3. 强制push命令:git push -f origin master...转载 2021-07-31 15:50:59 · 132 阅读 · 0 评论 -
eval将字符串转换为js代码执行,json的stringify()将对象转换为字符串,
eval 字符串转js代码并执行前提是被转换的字符串转换之后可以执行 像这样var count = 10; var number = eval('5 + count'); var number_1 = eval("40 * count"); console.log(number); console.log(number_1);得出的结果是 15 和 400;console.log(eval('1 + a'));像这样就会报错 因为 a 未定义;也可以转json数据,已转的不能重复转原创 2021-07-13 21:51:19 · 252 阅读 · 0 评论 -
js链式调用的奥秘,大力出奇迹。
很多时候,都会使用到链式调用,这类使用一般都是框架封装好的,一个·方法连一个方法,简洁又高效,其本质就是在方法执行完之后,返回当前this,也就是说返回对象本身;上代码<script> //链式调用 const vw={ data:0, insert(n,fn){ this.data=n; fn(this.data); return this; }, add(fn){ this.data++; fn原创 2021-07-12 21:27:11 · 145 阅读 · 0 评论 -
图片上传在本地显示
如何上传图片在本地显示,1,给input元素 type设置为file类型 <img :src='burl' @change="chan" ref='file'>2,添加改变事件,通过改变事件触发函数,在函数里new一个文件阅读器, let reader=new FileReader();//文件阅读器;3,获取inupt节点,获取files属性,files属性里保存了图片信息;let file=this.$refs.file;if(file.files[0].type.in原创 2021-06-16 23:32:59 · 366 阅读 · 0 评论