- 博客(76)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 react必备面试题精缩总结
1、核心概念（1）entry：一个可执行模块或者库的入口。（2）chunk：多个文件组成一个代码块。可以将可执行的模块和他所依赖的模块组合成一个chunk，这是打包。（3）loader：文件转换器。例如把es6转为es5，scss转为css等（4）plugin：扩展webpack功能的插件。在webpack构建的生命周期节点上加入扩展hook，添加功能。
2022-10-10 11:19:52
667
1
原创 简单介绍一下 webpack的工作原理
webpack是一个打包模块化js的工具，可以通过loader转换文件，通过plugin扩展功能。如果webpack让你感到复杂，一定是各种loader和plugin的原因。
2022-10-09 14:45:44
919
原创 vue中使用Echarts实现曲线图
3、创建一个 Vue 页面对 Echarts 曲线图进行一个简单的展示。1、首先创建好 Vue 的项目，创建好之后在控制台输入。2、接下来在 main.js 中进行引入。4.页面效果如下图所示。
2022-09-17 13:55:19
2851
原创 Webpack的基本使用
WebpackWebpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。从图中我们可以看出，Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。...
2022-08-27 14:08:05
181
原创 2022 uniapp基础掌握及面试题整理
注意：uni.e m i t 、 u n i . emit、 uni.emit、uni.on 、 uni.o n c e 、 u n i . once 、uni.once、uni.off 触发的事件都是 App 全局级别的，跨任意组件，页面，nvue，vue 等。uniapp的页面跳转和小程序是一样的，都是跳转配置好的页面路径， 并且tab页面也是需要使用switchTab才能实现跳转，总体上和小程序保持一致，对于熟练小程序的朋友上手没有难度，反之，当你习惯了uniapp的页面切换组件后上手小程序也很快。
2022-08-24 21:47:38
21816
2
原创 Vue路由
SPA也就是单页Web应用，特点是：整个应用只有一个完整的页面，点击页面中的导航链接不会刷新页面，只会做页面的局部更新，数据需要，通过ajax请求获取。2、浏览器的历史记录有两种写入模式：分别为push和replace，push是追加历史记录，replace是替换当前记录，路由跳转时候默认为push；（2）工作过程：服务器接收到一个请求时，根据请求路径找到匹配的函数来处理请求，返回响应数据。（1）理解：value是function，用于处理客户端提交的请求。...
2022-08-06 17:16:06
833
原创 Vue生命周期
6.确保有了el后，继续往下走，判断当有template参数时，我们会选择去将template模板转换成render函数（其实在这前面是还有一个判断的，判断当前是否有render函数，如果有的话，则会直接去渲染当前的render函数，如果没有那么我们才开始去查找是否有template模板），如果没有template，那么我们就会直接将获取到的el（也就是我们常见的#app，#app里面可能还会有其他标签）编译成templae,然后在将这个template转换成render函数。也就完成了我们的数据更新。..
2022-07-27 18:16:26
145
3
原创 Vue组件传参
如果需要父向子传参时，则需要在子组件Son中添加一个props（与data平级）。比如fromfather{default0,typeNumber}传参时只需要在父组件中使用子组件这里使用的属性名必须与子组件中props上定义的一样。在子组件Son的methods中定义一个方法，其中有this.$emit('自己定义的方法名',要传的数据)父组件向子组件共享数据需要使用自定义属性----props。...
2022-07-27 17:51:37
1314
1
原创 cmd命令/npm命令/Vue脚手架安装(含图解)
npmi@vue/cli-g全局安装vue脚手架。npmuninstalljquery包名。通过全局安装的，电脑上的所有项目都可以使用。eg^2.1.0更新不会超过等于3.0。npminit-y快速初始化项目。npmi包名--save-dev。npmuninstall包名。npmi包名--save。npm-v查看npm版本。只有在开发阶段需要包（插件）开发运行都需要这个包（插件。npmupdate包名。npmi包名-g。x破坏更新（不兼容）...
2022-07-25 19:24:30
2880
2
原创 微信小程序学习五种页面跳转方法
通过构造js函数,在函数中调用该接口可实现页面跳转的效果.但该接口同样不能跳转tabbar页面.跳转后左上角有返回小箭头,点击可返回原本页面.这是最常见的一种跳转方式,相当于html里的a标签.但需要注意的是该方法不能跳转tabbar页面.跳转到tabBar页面，并关闭其他所有非tabBar页面；该方法只能跳转tabbar页面.关闭当前页面，跳转到应用内的某个页面(不能跳转tabbar页面)。跳转后左上角出现返回小箭头,点击后可返回原本页面.关闭所有页面，打开到应用内的某个页面。...
2022-07-18 16:01:09
1680
原创 Vue 入门
vue2_templates模型实例:vue3_templates模型实例: v-text,v-html,v-on,v- show,v-if,v-else-if,v-else,v-for实例应用
2022-06-27 21:39:31
219
原创 JS window对象
一、screen属性window.screen 对象包含有关用户屏幕的信息screen.availWidth 屏幕宽度screen.availHeight 屏幕高度二、history对象forward() 方法可加载历史列表中的下一个页面back() 方法可加载历史列表中的前一个页面（如果存在）go(参数) 方法可加载历史列表中的某个具体的页面参数可以是数字，使用的是要访问的页面在 History 的页面列表中的相对位置。 go(0) 刷新本页面 ......
2022-06-06 19:18:26
190
1
原创 JS 实现全选效果、二级菜单、选项卡
目录全选效果：二级菜单：选项卡：全选效果：<!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-
2022-05-26 21:48:29
584
原创 JS DOM对象
1、offsetLeft 属性获取指定对象相对于版面/文档或由 offsetParent 属性指定的父坐标的计 算左侧位置2、offsetTop 属性获取指定对象相对于版面/文档或由 offsetParent 属性指定的父坐标的计 算顶端位置注意: 1. 区分大小写 2. offsetParent：布局中设置position属性(Relative、Absolute、fixed)的父容器，从最近的父节点开始，一层层向上找，直到HTML的body父元素...
2022-05-26 21:31:38
65
原创 JS DOM对象
目录1. 谈谈对this对象的理解2、this总是指向函数的直接调用者3、 如果有new关键字，this指向new出来的实例对象4、 事件对象 event5、 节点创建6、克隆7、插入1. 谈谈对this对象的理解this总是指向函数的直接调用者如果有new关键字，this指向new出来的实例对象在事件中，this指向触发这个事件的对象IE下attachEvent中的this总是指向全局对象Window2、this总是指向函数的直接调用者var o
2022-05-26 20:57:29
207
原创 JS DOM对象（节点查找）
一、查看元素节点节点类型：元素节点、属性节点、文本节点节点关系：父子关系、同级关系DOM接口：Core DOM（核心DOM），适用于各种结构化文档；XML DOM，专用于XML文档；HTML DOM，专用于HTML文档；二、元素节点 var oDiv = document.getElementsByTagName("div")[0]; console.log(oDiv.nodeName); //节点名称 DIV console.log(oDiv.tag...
2022-05-26 19:20:01
633
原创 JS DOM对象
一、获取对象1、getElementById()按元素的ID名称来访问2、getElementsByTagName()通过标签名获取元素对象 集合3、 getElementsByClassName（）getElementsByClassName（“类名”）通过类名来获取元素对象 集合4、 getElementsByName（）getElementsByName（“name值”）通过name值获取元素对象 集合5、 querySelector（）querySelect
2022-05-25 21:55:57
96
原创 JS 正则表达式
目录一、语法二、test()三、RegExp对象1、用于查找某个范围内的字符2、元字符 拥有特殊含义的字符3、量词（1）n{X}（2） n{X,}（3）n{X,Y}一、语法var reg=/表达式/附加参数；字面量 var reg = /hello/g; //字面量var reg=new RegExp("表达式","附加参数")； var reg = new RegExp("hello", "gi"); //g全局匹配 i忽略大小写，执行对大小写不敏...
2022-05-25 21:44:09
63
原创 jQuery--选项卡
选项卡：<!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" /> .
2022-05-25 21:33:32
265
原创 jQuery 实现下拉、淡入淡出
下拉：<!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" /> &.
2022-05-25 21:29:51
153
原创 JQuery-文档处理
目录一、内部插入1.追加到父元素的内部最后2.追加到父元素的内部最前;二、外部插入三、删除与克隆1、删除2、克隆四、替换五、包装六、自定义动画七、无缝滚动一、内部插入1.追加到父元素的内部最后 jquery对象.append(参数) 在jquery对象的内部最后追加参数里的内容 参数：字符串/jquery对象$("button").click(function () { $(".box").a...
2022-05-24 21:50:10
493
原创 JQuery-属性操作
一、attr()方法$(selector).attr(attribute)设置或获取被选元素的属性值console.log($(".box").attr("a")); $(".box").attr("b", 20); $(".box").attr({ b: 20, title: "这是一个div" }); $(".box").removeAttr("a");二、prop()方法console.log($(".box").prop("a")); //undefinedc...
2022-05-23 21:54:48
477
原创 Jquery 选择器
1.选择器以元素开头表示是该元素类型下的，最后得到的肯定是该元素类型的一个或多个元素组2.选择器中不出现元素表示最终得到的跟元素类型无关的一个或多个元素组3.选择器的组合思路：（1）先选定一个元素作为起点，然后进行各种组合筛选。（2） 选中一组元素，再从中筛选。（3）把上面两种结合起来，多实践。
2022-05-16 18:32:19
100
原创 什么是闭包？闭包的优缺点？
想要理解闭包，首先要知道变作用域的概念。1. 变量作用域变量的作用域有两种：全局变量和局部变量。 JS语言定义了：函数内部可以直接读取全局变量，但是函数外部无法读取函数内部的局部变量。 注意点：大家都知道，变量是需要用var关键字声明的。但是javascript中也可以隐式的使用变量，就是不用声明，直接使用。而且，千万注意，javascript把隐式声明的变量总是当成全局变量来使用的。没有var，let声明的变量或者在函数外部声明的变量都是全局变量；使用 va...
2022-05-12 18:15:07
377
原创 JS “事件”
1、事件模型JavaScript有三种事件模型：内联模型、脚本模型和DOM2模型2、处理的事件类型JavaScript可以处理的事件类型为：鼠标事件、键盘事件、HTML事件3、事件组成所有的事件处理函数都会都有两个部分组成，on + 事件名称，例如click事件的事件处理函数就是：onclick。4、键盘事件1. keydown：当用户按下键盘上任意键触发，如果按住不放，会重复触发。document.onkeydown = function (e) { ...
2022-05-10 09:27:15
144
原创 Javascript 函数
一、函数特点：二、函数分为两种: 1.自定义函数 2.系统函数(内置函数)三、系统函数里还包括预定义函数。四、预定义函数是指不属于任何对象，他们的使用也不需要通过任何对象来应用。全局的函数五、eval();六、isNaN()七、isFinite()八、 escape函数/unescape()九、定义函数十、作用域十一、匿名函数十二、函数传参十三、函数返回值
2022-04-15 14:52:04
483
原创 JavaScript for 循环
For 循环for 循环是您在希望创建循环时常会用到的工具。下面是 for 循环的语法：for (语句 1;语句 2;语句 3){被执行的代码块}语句 1（代码块）开始前执行语句 2定义运行循环（代码块）的条件语句 3在循环（代码块）已被执行之后执行for (var i=0;i<cars.length;i++){ document.write(cars[i] + "<br>");}案例：for (var i=0; ...
2022-04-06 19:12:17
107
原创 什么是BFC？BFC的原理是什么？如何创建BFC？
1，什么是BFC？1）BFC(Block formatting context)直译为“块级格式化上下文”。BFC它是一个独立的渲染区域，只有Block-level box（块元素）参与，它规定了内部的Block-level box如何布局，并且与这个区域外部毫不相关。 2）可以理解成：创建了 BFC的元素就是一个独立的盒子，里面的子元素不会在布局上影响外面的元素（里面怎么布局都不会影响外部），BFC仍属于文档中的普通流 3）不是所有的元素，模式都能产生BFC 。w3c规范：display属性为b.
2022-04-01 17:05:25
1794
原创 JS 多分支
目录1.数据类型转换:其他类型转换为字符串:其他类型（字符串）转换为数字类型2.window对象:3.分支：单分支：双分支：多分支:水仙花 数 案例:1.数据类型转换: 其他类型转换为字符串: var a = 10; //console.log(a); 1.通过运算 a = a + ""; //10+"" a="10" ...
2022-03-30 21:12:56
1468
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人