小菜鸟在路上飞-CSDN博客

原创如何将已经创建好的项目上传到GitHub上

如何将已经创建好的项目上传到GitHub上？1. 首先在github上创建一个项目2. 下载GitBash下载一个git，可以网上搜索git下载，会有很多教程，这里是官方的下载地址：https://git-scm.com/downloads/ 还有一个网上找的安装教程：http://jingyan.baidu.com/article/7f766dafba84f04101e1d0b0.htmlGitBash安装完成后，到要上传的项目目录下右击会出现Git Bash Here,点击出现一个大

2021-12-28 16:26:44 803

原创 Vue响应式原理（含详细代码）

Vue响应式原理介绍监听Vue实例中的data选项，我们以下用一个普通的js对象模拟data，用Object.defineProperty进行定义属性值的getter和setter方法。当data选择项中的key进行获取和修改时，Vue内部会调用相应的方法。主要考虑以下两点：data中数据修改时，Vue内部时如何监听到message数据的改变Object.defineProperty当数据发送改变，Vue是如何知道需要那些模板中用到的key进行页面刷新发布者订阅者模式响应式原理实现代码：

2021-12-23 11:26:34 1057

原创 VUE移动端指定页面隐藏底部导航条

VUE移动端指定页面隐藏底部导航条首页需要底部导航栏，而图片详情页则不再需要这个导航栏，而是需要另一种底部导航栏，如何隐藏App.vue呢？利用路由元（meta）设置参数TabBarShow确定路由跳转时那个页面需要与否var routes=[ { path:'', redirect:'/home' }, { path:'/home', component:Home, meta:{ TabBarShow: true, }

2021-12-08 09:20:02 1040 1

原创 Vuecli2卸载不了解决方法

遇到一个Vuecli2脚手架卸载不了的问题，查了许多资料说的都比较复杂，问题如下：一条命令解决强制卸载vuecli2npm uninstall vue-cli -g --force //强制卸载vuecli2安装的命令npm install vue-cli -g //这样安装就是最新版本了...

2021-11-11 16:42:51 722

原创 js对象的直接赋值、浅拷贝与深拷贝

js对象的直接赋值、浅拷贝与深拷贝最近做到一个用编程实现js对对象的深拷贝浅拷贝的问题，下面就来总结一下直接赋值，浅拷贝，深拷贝的差别，以及代码实现方式!!直接赋值把一个对象A赋值给一个对象B相当于把一个对象B的地址指向对象A地址，所以，他们实际上是同一个对象。以图1直接赋值的例子，person对象中有两个属性，一个是name，一个是对象属性address；为什么设置一个对象属性呢？下面会涉及到浅拷贝和深拷贝问题，这也是他们之间的区别。严格相等运算符"==="来检测二者是否指向同一个地址结论：无

2021-11-04 16:20:47 1330 1

原创使用Js实现一个getIntersection函数，可以用于获取多个区间的交集

使用Js实现一个getIntersection函数，可以用于获取多个区间的交集<script> function getIntersection(...args){ //剩余运算符 [[5,2],[6,7]] let fArr = []; let lArr = []; //遍历数组[5,2],[6,7] for(let item of args){ item.sort((a,b)=>{return a-b}) //

2021-11-02 17:04:04 933

原创 setTimeout和setImmediate以及process.nextTick的区别

《第二届阿里巴巴前端练习生计划线上笔试》考试setTimeout和setImmediate以及process.nextTick的区别SetTimeOutsetTimeout和setInterval函数执行顺序相似，需要注意的是，setTimeout()只是将事件插入了"任务队列"，必须等到执行栈执行完，主线程才会去执行它指定的回调函数。要是当前代码耗时很长（如有for循环），有可能要等很久，所以并没有办法保证，回调函数一定会在setTimeout()指定的时间执行。setTimeout(funct

2021-11-01 21:09:04 1003

原创 JS–仿淘宝侧边栏固定

JS–仿淘宝侧边栏固定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> &l

2021-09-26 20:39:45 70

原创 JS原生代码—京东放大镜案例

JS原生代码—京东放大镜案例JS代码window.addEventListener('load',function(){ var preview_img = document.querySelector('.preview_img'); var mask = document.querySelector('.mask'); var big = document.querySelector('.big'); var bigImg = document.querySele

2021-09-26 17:59:18 107

lijingdan123123的博客