前端
前端技术栈的各种知识
LiM .YOon A
这个作者很懒,什么都没留下…
展开
-
export default 和 export 区别
export default 和 export 区别:http://www.jianshu.com/p/edaf43e9384f1.export与export default均可用于导出常量、函数、文件、模块等2.你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用3.在一个文件或模块中,export、import可以有多个,export default仅有一个4.通过export方式导出,在导入时要加{ },export defa转载 2022-03-16 19:53:54 · 353 阅读 · 0 评论 -
js的构造函数理解
js的构造函数理解转载 2022-03-08 17:20:37 · 81 阅读 · 0 评论 -
onmousemove, onmouseenter 和 onmouseover 的不同。
onmousemove, onmouseenter 和 onmouseover 的不同。<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><style>div { width: 100px; height: 100px; border: 1px solid black;原创 2022-01-03 19:58:20 · 224 阅读 · 0 评论 -
vue computed正确使用方式
vue computed正确使用方式转载 2021-12-28 20:57:43 · 159 阅读 · 0 评论 -
正则表达式的手写笔记
原创 2021-12-13 14:38:51 · 142 阅读 · 0 评论 -
uniapp vue 小程序动态style和class的用法
https://blog.csdn.net/Shids_/article/details/117531088vue1.1 绑定单个class<div :class="{'active':isActive}"></div>data() { return { isActive: true }; }渲染结果<div class="active"></div>1.2 绑定多个class<div class="转载 2021-12-12 21:53:50 · 2361 阅读 · 1 评论 -
flex:1含义讲解
flex:1含义讲解翻译 2021-12-12 15:24:12 · 119 阅读 · 0 评论 -
flex-grow、flex-shrink、flex-basis详解
flex-grow、flex-shrink、flex-basis详解转载 2021-12-11 15:46:41 · 63 阅读 · 0 评论 -
微信小程序页面之间通信
微信小程序页面之间通信转载 2021-12-02 21:21:58 · 421 阅读 · 0 评论 -
vue3中ref、toRef、toRefs的区别
vue3中ref、toRef、toRefs的区别转载 2021-11-28 22:11:56 · 549 阅读 · 0 评论 -
ref、reactive、toRef、toRefs的区别
ref、reactive、toRef、toRefs的区别转载 2021-11-28 22:10:04 · 150 阅读 · 0 评论 -
get与post请求
1 语义不同get 获取数据post 创建数据2发送数据GET通过地址在请求头中数据能携带的数据量和地址的长度有关系,一般最多即使几KPOST既可以通过地址请求头中携带数据,也可以通过请求体携带数据能携带的数据量理论上是无限的(实际上根据浏览器规定的)携带少量数据,可以使用GET请求,大量的数据可以使用POST请求3缓存GET可以被缓存,POST不会被缓存GET请求参数会被完整保留在浏览历史记录里,而 post 中的参数不会保留。GET 和 POST 本质上就是 TCP 链接,并无原创 2021-11-28 20:33:31 · 1590 阅读 · 0 评论 -
js经典面试题之getName
js经典面试题之getName转载 2021-11-27 11:52:56 · 115 阅读 · 0 评论 -
路径中“./”、“../”、“/”代表的含义
路径中“./”、“…/”、“/”代表的含义转载 2021-11-26 22:36:46 · 9797 阅读 · 0 评论 -
JS数组中的indexOf方法
JS数组中的indexOf方法原创 2021-11-19 21:47:04 · 1732 阅读 · 0 评论 -
上下文规则
原创 2021-11-15 16:46:19 · 219 阅读 · 0 评论 -
this上下文经典面试题目
看题目function fun(){ return this.a+this.b; } var a=1; var b=2; var obj={ a:3, b:fun(), fun:fun }; var result=obj.fun(); console.log(result);打印结果:6代码运原创 2021-11-14 22:01:57 · 364 阅读 · 0 评论 -
call和apply函数的讲解
计算综合的方法(1) function sum(){ alert(this.c+this.m+this.e) }; var xiaoming={ c:100, m:90, e:80, sum:sum }; xiaoming.sum()今天要讲解的主角是call和apply函数...原创 2021-11-14 17:25:30 · 221 阅读 · 0 评论 -
对象的深克隆和浅克隆
本文参考了https://blog.csdn.net/document_dom/article/details/88537629先看两个例子1.1 比较两个一样的对象 // 例子1 var obj1={ a:1, b:2, c:3 } var obj2={ a:1, b:2, c:3原创 2021-11-14 13:45:58 · 900 阅读 · 0 评论 -
vue里引用阿里的字体图标
vue里引用阿里的字体图标转载 2021-11-03 13:22:22 · 192 阅读 · 0 评论 -
css3属性选择器,css中“~”(波浪号)、“,”(逗号)、“+”(加号)和(大于号)详解
css3属性选择器,css中“~”(波浪号)、“,”(逗号)、“+”(加号)和(大于号)详解转载 2021-11-03 10:38:53 · 470 阅读 · 0 评论 -
Js设置动态的key指
可以在外面动态的设置key值var data = {};data['key1'] = "哈哈哈";var variable = 'key2';data[variable] = "嘿嘿嘿";data.key3 = "也行"; console.log(data); //{key1: "哈哈哈",key2: "嘿嘿嘿",key3: "也行"}可以写js表达式const a={name:'xxx',age:100}a[9>10?'name':'age']...原创 2021-10-30 16:59:08 · 2817 阅读 · 0 评论 -
async await函数的解释
async function getImg(url=''){ await fetch(url) //加载图片}async function fn() { const url='https://www.imooc.com/static/img/index/logo2020.png' const start=Date.now() //记录当前时间 await getImg(url) //调动,加载图片 const ms=Date.now()-start //计算时原创 2021-10-14 20:01:16 · 72 阅读 · 0 评论 -
async和await函数
async和await函数转载 2021-07-04 13:08:50 · 72 阅读 · 0 评论 -
箭头函数和普通函数的区别
箭头函数和普通函数无区别转载 2021-07-04 13:01:53 · 60 阅读 · 0 评论 -
前端开发分类
前端开发分类前端开发分类1 PC端开发2 移动端开发(1)移动web开发(重点)(2)混合开发(HybridApp)(3)小程序和公众号和小游戏开发(重点)客户端开发原生开发(nativeapp)(1)ios(2)安卓WebAppWebApp是指使用HTML5编写的移动Web应用,webapp可以运行在PC、Android、iOS端等,不受限于系统,依赖于浏览器。优点:(1)前端开发语言不受限制(2)开发成本相对较低(3)版本更新快,没有限制,维护简单(4)一套代码可以多平转载 2021-07-03 13:59:38 · 2376 阅读 · 0 评论 -
前端优化之回流(Reflow)与重绘(Repaint)
回流(Reflow)与重绘(Repaint)开篇我们先对上上节介绍的回流与重绘的基础知识做个复习(跳读的同学请自觉回到上上节补齐 →_→)。回流:当我们对 DOM 的修改引发了 DOM 几何尺寸的变化(比如修改元素的宽、高或隐藏元素等)时,浏览器需要重新计算元素的几何属性(其他元素的几何属性和位置也会因此受到影响),然后再将计算的结果绘制出来。这个过程就是回流(也叫重排)。重绘:当我们对 DOM 的修改导致了样式的变化、却并未影响其几何属性(比如修改了颜色或背景色)时,浏览器不需重新计算元素的几何属性原创 2021-06-14 16:20:59 · 408 阅读 · 0 评论 -
前端优化之事件绑定
事件委托1 用事件的委托来代替事件的循环绑定2 当新增的同一个元素 新增的元素也需要绑定事件都可以利用事件委托解决不可以利用事件冒泡解决 因为是事件冒泡回导致父元素也会触发事件具体看下面的列子<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i原创 2021-06-14 16:00:12 · 115 阅读 · 0 评论 -
前端优化方案
一http请求的优化1 文件引入的方式(1)内联优点 减少http请求缺点 1没办法复用2是的HTML文件变大 加载时间变长3代码都写到HTML文件中,不利于后期的维护工程化的手段可以解决这个问题源码到可以上线的代码(2)外部引入优点:1很好的复用代码有效利用浏览器的静态资源缓存2代码分离,利于后期的维护缺点:增加了HTTP请求结论:一般情况都是混用 也没有一定的说法建议: 首屏的必备的css样式内联 其余的外部引入文件2 文件放置问题css文件放到head标签里面(较原创 2021-06-14 13:15:34 · 104 阅读 · 0 评论 -
JS 取消冒泡和阻止默认事件
JS 取消冒泡和阻止默认事件转载 2021-04-28 18:04:38 · 160 阅读 · 0 评论 -
flex:1详解
原文地址首先明确一点是, flex 是 flex-grow、flex-shrink、flex-basis的缩写。故其取值可以考虑以下情况:flex 的默认值是以上三个属性值的组合。假设以上三个属性同样取默认值,则 flex 的默认值是 0 1 auto。同理,如下是等同的:.item {flex: 2333 3222 234px;}.item { flex-grow: 2333; flex-shrink: 3222; flex-basis: 234px;}当 flex转载 2021-06-06 15:49:28 · 214 阅读 · 0 评论 -
flex布局全解
flex布局全解转载 2021-06-06 15:30:16 · 64 阅读 · 0 评论 -
箭头的写法
1 利用绝对定位和旋转将两个正方形重叠2 将黑色的方块变成白色的就行了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, init原创 2021-05-21 19:58:15 · 248 阅读 · 0 评论 -
三角形的写法
方法一 利用html css直接写1 一个width:0; height:0;的边框2 将四个边框透明色3 上边框红色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-05-21 19:33:06 · 282 阅读 · 0 评论 -
面试题:深拷贝和浅拷贝(超级详细,有内存图)
面试题:深拷贝和浅拷贝(超级详细,有内存图)转载 2021-05-21 18:57:16 · 88 阅读 · 0 评论 -
js 对象深拷贝、对象数组深拷贝的几种方法总结
js 对象深拷贝、对象数组深拷贝的几种方法总结转载 2021-05-21 18:55:50 · 119 阅读 · 0 评论 -
css图片的绝对路径和相对路径
在CSS文件里,有时要用到background,即加一个背景图片,添加的路径根据图片及css文件的相对位置分以下两种类型:1.同包下:background : url(xxx.jpg);2.不同包: 在这种情况下有2中方法可以设置,一种是使用绝对路径,即C:\Users\dellpc\Desktop\Pro\test\images\xxx.jpg或者是http://www.xxx.com/xxx.gif这种,不过一般不推荐这么用,不利于项目移植;一种是使用相对路径,首先需要找到图片文件和css文件共同的原创 2021-04-28 22:11:50 · 6597 阅读 · 0 评论 -
事件的冒泡与冒泡的取消方法
1事件冒泡如果一个元素触发事情,那么其所有祖先元素都会依次执行触发该事件,这种机制称为冒泡(好比气泡从水底下一直向上冒泡,像dom树一样,一直到根元素。)2事件捕获捕获与事件冒泡刚好相反<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s原创 2021-04-28 18:01:50 · 926 阅读 · 0 评论 -
CSS的几种定位详解
我用#CSDN#这个app发现了有技术含量的博客,小伙伴们求同去《css中的几种定位详解》, 一起来围观吧 https://blog.csdn.net/just_wq/article/details/90932521?utm_source=app&app_version=4.5.3转载 2021-03-18 15:39:27 · 79 阅读 · 0 评论 -
动画效果实战
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>动画效原创 2021-04-28 16:47:59 · 76 阅读 · 0 评论