- 博客(45)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 手写js中的filter(过滤器)，前端面试
手写filter1.完整实现 过滤，改变this指向1.完整实现 过滤，改变this指向Array.prototype.jlFilter= function(fn,thisArg){ if( typeof fn !== 'function'){ throw new TypeError('type is error') } let self=this, res=[]; self.forEach((element,index,self)=>{
2022-02-26 14:17:20
634
原创 前端春招面试，浏览器渲染详细过程，(V8，Layout)引擎解析
浏览器的渲染过程1.解析过程2.解析html时，出现script标签时3.解析过程中对Dom的一些操作由谁来完成4.js引擎在编译js代码时，都做了什么(以V8引擎为例)5.Layout engine 的作用是什么？1.解析过程解析->输入网址后被dns解析后的返回的html(包含html标签css样式)文件解析html标签时，使用html parser进行解析，解析 css时使用 css parser 进行解析html被parser后生成Dom tree , css被 Parser后生成
2022-01-27 17:29:17
1337
原创 leeCode，两数相加，js版。难度:中等
两数相加结果题目要求js代码解题思路如果对你有帮助，记得点个赞哦结果题目要求js代码var addTwoNumbers = function(l1, l2) { let head = null, tail = null; let carry = 0; while (l1 || l2) { const n1 = l1 ? l1.val : 0; const n2 = l2 ? l2.val : 0; const sum =
2022-01-15 13:10:55
251
原创 LeeCode(力扣)第一题:两数之和 ,难度:简单
求两数之和1.提交结果2.题目描述3 提交代码(源码)4 解题思路1.提交结果2.题目描述3 提交代码(源码)/** * @param {number[]} nums * @param {number} target * @return {number[]} */var twoSum = function(nums, target) { var map = new Map(); for ( let i=0;i<nums.length;i++){
2022-01-14 10:09:47
160
原创 js发布订阅原理，代码解析
发布订阅发布订阅原理js代码实现js代码实现原理发布订阅原理将要处理的时间放入事件队列中存储(订阅)将事件队列中存储的事件，按照要求进行统一的执行(发布)js代码实现var dep= {}; dep.list= []; //此数组用来存放订阅事件 //定义listen监听函数 将事件根据 key值来进行区分，存储 (将一类的key的事件存储在一起) dep.listen = function(key , fn){ if(!this.list[k
2022-01-02 21:41:53
662
原创 vue+webrtc(腾讯云) 实现直播功能 pc端+移动端
实现直播功能1.直播效果2.开直播步骤2.1引入腾讯web端(快直播)脚本2.2在需要使用直播的界面 添加一个视频容器(开启直播后，显示视频的位置)2.3创建直播对象，开启直播2.4关闭直播如果对你有帮助点个赞吧1.直播效果1.pc端2.移动端2.开直播步骤2.1引入腾讯web端(快直播)脚本脚本必须引入在 index.heml的body中 <body style="padding:0;margin:0"> //腾讯快直播脚本 <script src="h
2021-11-03 00:14:00
5609
13
原创 vue3 使用 element-plus最新版 引用，element-plus中文引用
1.安装element-plus （3种方式 ）npm install element-plus --save (推荐)yarn add element-pluspnpm install element-plus2. 在main.js种引用import 'element-plus/theme-chalk/index.css' //默认css样式 英文import Element from 'element-plus' //引入插件im
2021-10-24 00:00:34
4807
原创 winserver2008r2部署 iis .netcore3.1+sqlserver2008+vue.js
winserver2008r2部署 iis .netcore3.1+sqlserver20081. 后端 .netcore环境 :https://www.cnblogs.com/zoro-zero/p/14303205.html （按照顺序安装）1.1 SDK1.2 HostBundel + x641.3 runtime1.4 补丁(最重要！安装完前几个环境后，重启服务器。再安装补丁)https://www.microsoft.com/en-us/download/de
2021-10-23 23:46:27
2186
原创 浅谈component优化---PureComponent
##结论##只要是类组件，并且继承自component，尽可能的将component替换为PureCompoenntcomponent与PureComponent的关系(仅限类组件)前提，在react的虚拟dom中，进行高效的更新虚拟dom是最好的优化react的方案，react的虚拟dom的更新,是修改前和修改后进行比较，然后进行修改。理论来说，react在有dom发生改变时,进行新旧虚拟dom的对比。在react组件进行嵌套时，在对比的时候，我们总希望仅仅对比发生改变的组件。这样的话是最好的。但
2021-08-23 18:14:14
175
原创 vue使用element-plus中文版
vue使用element-plus中文版推荐一：直接在vue中引入element-plus中文版二：根据渲染需求，修改element-plus源码 (以el-pagenation为例)##推荐一：直接在vue中引入element-plus中文版根据官网资料查询按照官网引入在main.js中直接引入import locale from 'element-plus/lib/locale/lang/zh-cn' //引入中文版 import '
2021-08-23 18:08:21
1264
原创 vue使用wangEditor(富文本编辑器)时，异步获取数据，后端返回数据无法显示问题（已解决）
关于异步获取数据，富文本编辑器无法显示1.解决方案：一定要在使用到wangEditor的组件中进行网络请求。原因，mounted()生命周期中，虽然可以操作data中的变量，但是不可以进行赋值操作解决办法，将wangEditor的实例创建在网络请求到后台数据的函数中。代码如下：(我进行了网络请求request的封装，需要的话自取)request文件,使用时记得导入1.解决方案：一定要在使用到wangEditor的组件中进行网络请求。大多数wangEditor创建实例是在mounted()中,而异步获取后
2021-07-22 14:52:17
3827
2
原创 vue3 同时引入element-plus,echarts报错(已解决)
我的答案是引入顺序非常重要1.element-plus与echarts之间会有渲染影响，经过对比，发现element在echarts引入之后引入，会覆盖，会影响echarts正确的引入顺序import ElementPlus from 'element-plus';import 'element-plus/lib/theme-chalk/index.css';import * as echarts from 'echarts'const app = createApp(App).use(stor
2021-07-16 15:35:54
1210
原创 element-plus(element-plus) Cascader 级联选择器 vue3 获取lable,value (2种情况)
在公司写项目时遇到的问题，由于用的是element-plus，用element-plus举例。1.采用前端静态绑定1.先绑定cascader2 .选择时触发 change事件，通过refs取值（vue2.）3.选择时触发 change事件，通过refs取值，由于vue3采用proxy封装，取值时不同（vue3.）2.采用后端异步获取绑定注意，vue3异步获取值时不要直接放到原数组，原因是vue3会自动再加一层proxy，会取不到值。以vue3为例，我是直接绑定了label1.和静态不同，获取选择数组时需要注
2021-07-16 14:34:30
9217
原创 python课程设计+汽车销售管理系统python+matpoltlib (图形化界面，web类型窗口),+源码注释
python课程设计+matplotlib+web窗口，wxpython#1.效果展示#2.pyhton包 +开发环境+开发工具#3.实现功能展示#4.源码注释，欢迎一键三连（学了三天，鼓励一下吧）#1.效果展示#2.pyhton包 +开发环境+开发工具##包下载##开发工具：vs2019，开发环境:python3.7#3.实现功能展示#2：完成用户的登
2021-06-15 23:47:23
397
6
原创 H5+CSS3动画汇总(送给对象520的小礼物) 源码奉上
#1.实现的动画效果图片用的是我和我对象的，可以自行替换#2.实现原理 html5+css3进行实现， css3主要用到了的相对定位和绝对定位。以及动画animation+(2d和3d)转换rotate+transition(过度)+位移 translate 伪类:hover的使用 ,类复合选择器 ^="类名" (选择以相同类名开头的类)#3.源码:<!DOCTYPE html><html lang="en"><head> <met
2021-05-22 10:58:09
578
1
原创 vue源码深入解读MVVM(视图模板引擎),你真的了解双向绑定(v-model),数据劫持(observe),发布订阅模式吗？带你手鲁mvvm引擎。源码奉上(详细注释)！
文章目录#1.vue的强大之处不必细说，vue的核心v-model的实现原理，网上都有很多。但是真正自己实现双向绑定，mvvm的源码却几乎没见过。#1.2本人根据源码的解读，理解，以及借鉴网上的视频教程，手写一份mvvm,希望能帮助更多的vue学习者。#2.先看成果#3.实现原理#3.1.数据劫持(observe)+模板编译(compile)+数据监听(watch)+发布订阅(Dep)#4.源码#4.1mvvm(架构)#4.2模板编译(conpile)#4.3数据劫持(observe)+发布订阅(dep)#
2021-05-14 10:30:04
446
11
原创 vue原理剖析。组件中，为什么data要写成对象的形式？而vue实例中不需要
#1.结论:当组件需要复用的时候，data必须写成对象的形式，并且返回。vue实例之所以不需要，是因为vue实例不需要复用。当组件需要复用时，写成data对象的形式并且返回，才会使各个被复用的组件中的数据不发生干扰。##1.证明过程如下vuecli与vue实例对比通过对比我们发现，vuecli中使用data返回的对象，而vue实例则是创建了一个对象、##2.代码对比验证:###2.1当组件中的data数据需要复用时<div id="app"> &
2021-05-12 16:01:38
1072
2
原创 vue3.源码解读，component自定义组件(extend+vue实现类型判断)。了解底层自定义组件原理
文章目录#1.前端测试代码#2.代码调试，源码解读(详细注释)#.3.实现原理#4.源码解读不易，如果对你有帮助，请点个赞吧。有疑问欢迎在评论区留言#1.前端测试代码<div id="app"> <!-- 显示全局组件 --> <root></root></div> <!-- 将全局组件抽离 --><template id="test"> <div>
2021-05-11 11:36:50
557
2
原创 Vue+ .netcore3.1 模拟QQ邮箱发送验证码
文章目录#1.先看效果图#1.1开通邮箱SMTP服务#2.前端(vue+axios)#2.1前端源码#2.2安装并使用axios,#2.2.1在mian.js中引用axios#2.3发送请求#3.后端(asp.netcorewebapi)#3.1asp.netcore配置跨域#3.1.1在startup.cs中配置跨域#3.1.2在.controall(控制器)中使用跨域#3.2asp.netcore中配置邮箱#1.先看效果图#1.1开通邮箱SMTP服务#2.前端(vue+axios)#2
2021-05-09 14:23:48
949
2
原创 前端性能优化
文章目录#1.技术方案在浏览器的大致工作过程中，我们必须理解几件事：#2.缓存#3.降低请求成本#4.减少请求次数#5.减少传输体积如果这篇文章对你有帮助，请点个赞吧。#1.技术方案在浏览器的大致工作过程中，我们必须理解几件事：#1.1从域名到IP地址，需要DNS协议查询；#1.2HTTP协议是用TCP传输的，所以会有TCP建立连接的过程；如果使用HTTPS，还会有HTTPS交换证书；每个网页还有图片等请求。因此，网页的加载时间，不仅跟体积有关系，还和请求数量有很大关系，因此，提升前端性能的技术方
2021-05-08 10:38:20
127
2
原创 Vue2.和Vue3.生命周期的区别，对比。 详解生命周期中的每个钩子函数，setup,
文章目录#1.Vue2.的生命周期与Vue3.的生命周期对比图#1.1白色背景图是Vue2.的生命周期，黑色背景图是Vue3.的生命周期.#2.Vue2.与Vue3.的生命周期函数的不同#2.1Vue2.与Vue3.中创建实例#2.2Vue3.中的setup()在哪一个阶段执行?#3. Vue3.中，生命周期函数的各个函数的执行解析。每个阶段都做了什么！#3.1beforecreate()#3.2created()#3.3beforeMount()#3.4mounted()#3.5beforeUpdata(
2021-05-06 20:10:39
3880
5
原创 vue保存后端发来的token+vue向后端发送网络请求携带token
文章目录#1.vue+axios保存后端发来的token#1.1根据接口文档来保存#1.2使用localstroage或者cookie或者sessionStroage保存token#2.vue+axios取出保存的token,向后端发送请求#2.1使用cookie携带token(获取到之后，再进行传值即可)#3.如果这篇文章对你有帮助，请点个赞吧？有疑问或者我有写的不对的地方欢迎交流，指正。#1.vue+axios保存后端发来的token#1.1根据接口文档来保存这是接口文档中后端返回的token数据
2021-05-05 22:05:31
3006
3
原创 restful api，设计标准。网络请求（http,https）状态码,为什么使用restful设计标准
文章目录#1.restful api是什么?#2.为什么使用restful api标准(相比其他标准)#2.1相比其他标准#3.采用restful api 设计一般使用什么样的规范？(参考阮一峰老师的文章)#3.1协议#3.2域名#3.3版本（Versioning）#3.4路径（Endpoint）#3.5HTTP动词#3.6过滤信息（Filtering）错误处理（Error handling）#3.8 返回结果#4.关于网络请求状态码(常见)#4.1全部状态码如果这篇文章对你有帮助，请点个赞吧.关注+收藏
2021-05-04 10:28:12
720
原创 js高级，es6新增 filter()过滤器 ，map（）映射 ， reduce() 汇总。 使用方法，参数解释。使用场景
文章目录#1.filter(),map(),reduce()使用的场景都是数组对象#1.1filter()中的返回值，参数含义#1.2map()中的返回值，参数含义#1.3reduce()中的返回值，参数含义#2.filter()+map()+reduce()结合使用案例#3.filter()+map()+reduce()优势#4.如果这篇文章对你有帮助，请点个赞吧，收藏也可以哦#1.filter(),map(),reduce()使用的场景都是数组对象例如，我们很多时候操作数组的时候会有很繁琐，经过一系
2021-05-03 14:12:17
830
原创 vue中动态绑定图片，无法显示问题。 require，以及使用require的原因.vue引用磁盘(本机，桌面图片)，绝对路径
文章目录#1.在使用vue加载普通静态图片时，可以直接使用相对路径#2.在使用vue动态加载图片时，必须使用require，#3..vue引用磁盘(本机，桌面图片)，绝对路径解决办法：将你需要的图片，添加到项目文件夹的static文件下，使用局部引入的方式进行引用。即可#1.在使用vue加载普通静态图片时，可以直接使用相对路径例如：<img src="../../static/logo.png" alt="" style="width:200px; height:100px">显示效果如下
2021-05-02 13:13:59
3224
原创 js原型prototype详解，原型的使用场景，隐含属性__proto__, 通过hasownproprety区别属性和方法是否来自原型
文章目录#1.原型(prototype)的概念但是需要注意的是:使用函数中的方法或者属性时,寻找的顺序不同！先寻找函数本身属性或方法，再寻找函数原型。如果函数本身有需要使用的方法或属性，就直接使用，不再继续向函数原型寻找，如果没有找到，才会向函数原型中查找。#2.结合代码，原型图形分析#3.原型的使用场景#4.如果这篇文章对你有帮助，请点个赞吧。#1.原型(prototype)的概念但是需要注意的是:使用函数中的方法或者属性时,寻找的顺序不同！先寻找函数本身属性或方法，再寻找函数原型。如果函数本身有需
2021-05-02 10:29:23
388
原创 this的指向，在普通函数，箭头函数中的区别(与网络上大多数结论不同！)
#1.在普通函数中，this的指向问题，首先我们需要明白，函数调用时，是由解析器调用的.，上面这段话也就直接说明了，函数调用的方式不同，this的指向不同下面我用代码来进行解释我所说的。代码举例： //1. function fn(){ console.log(this); //打印结果是window，但是实际上我们并没有传值给fn函数this //也就是说，this是解析器自动传
2021-05-01 22:48:26
169
原创 js函数篇，函数和函数表达式，函数作用域，全局作用域
1.全局作用域#1.普通函数与函数表达式的区别先说结论：普通函数会在js中提前创建，但函数表达式不会，函数表达式只会创建变量名，但匿名函数不会创建。也就是说，普通函数可以提前调用，但是函数表达式不可以，会报错代码案例： //1. fn() //直接打印123，fn是普通函数，被js提前创建，可以调用 function fn(){ console.log("123"); } /
2021-04-30 11:25:19
239
原创 js使用var声明变量(变量提升)与 let声明变量 和 直接声明变量的区别。详细讲解变量提升!
1.首先我们需要知道js的编译顺序1.1 js的编译是从上至下的，也就是说是从第一行开始，到最后一行结束。1.2 在js编译完成后，浏览器是有一个全局对象 window，2#.先说使用var关键字声明的变量，先说结论:通过var关键字声明的变量，会在js代码语句执行前进行执行，也就是说只要是通过var声明的变量，无论在第几行，都会先进行声明(但是，仅仅是声明，并没有赋值！)使用var声明变量，可以进行变量提升，下面我来说说什么是变量提升变量提升: 会在js代码语句执行前进行执行，也就是说只要是通
2021-04-30 09:18:35
352
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人