![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端技术栈
JavaScript是最好的语言
joeyhao123
code and share
展开
-
从element-plus引入ILoadingInstance出现错误
从element-plus引入ILoadingInstance出现错误原创 2022-07-28 11:20:18 · 1510 阅读 · 1 评论 -
高频面试(JavaScript高级)
高频面试(JavaScript高级)原创 2022-07-05 15:05:17 · 252 阅读 · 0 评论 -
javascript 小技巧补充
javascript的一些使用小技巧原创 2022-06-30 15:19:29 · 206 阅读 · 0 评论 -
npm安装依赖时sass-loader安装报错问题
npm安装依赖时sass-loader安装报错问题原创 2022-04-19 23:26:00 · 3846 阅读 · 0 评论 -
路由传参如何传递对象并且页面刷新参数不丢失
文章目录一.vue中路由传参页面刷新不丢失参数的方式(query传参)1.注意2. 具体方法一.vue中路由传参页面刷新不丢失参数的方式(query传参)1.注意获取参数的时候是route,跳转和传参的时候是$router;若要传的参数是一个对象,请先用JSON.stringify(obj)方法转换;2. 具体方法//路由配置{ path: '/jlDetail', name: "jlDetail", component: () => import('..原创 2022-04-11 13:54:28 · 3280 阅读 · 2 评论 -
商城静态页面(仿小米官网)
这是一个仿小米商城静态首页的小练习,后续我会继续添加相应的一些动态效果,目前还没学会。最终效果(目前还有点丑,不太完善)下面是我的源代码:HTML代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>网站项目</tit...原创 2020-04-27 18:00:45 · 4793 阅读 · 2 评论 -
前端开发常见面试题第三篇(Vue和React)
文章目录1.Vue中直接获取组件内的DOM元素或子组件实例2.生命周期3.双向绑定原理4.v-if和v-show的区别5.Vue导航钩子6.路由跳转的方式7.vuex常用的是什么,怎么使用8.父子组件之间通信9.跨域处理10.Vite和webpack的区别11.组件化思想和模块化思想12.vue常见指令13.computed和watch1.Vue中直接获取组件内的DOM元素或子组件实例在Vue开发中我们是不推荐进行DOM操作的;我们可以给元素或者组件绑定一个ref的attribute属性&l原创 2022-03-13 17:56:34 · 1382 阅读 · 0 评论 -
前端开发常见面试题第二篇(JavaScript)
文章目录1.数组去重的方法1.1ES6中的set1.2 采用遍历的方法2.遍历多维数组3.使用箭头函数的优点4.数组splice方法5.数组添加元素6.数据类型7.图片或者元素拖拽是如何实现的原创 2022-03-08 23:18:15 · 625 阅读 · 0 评论 -
前端开发常见面试题第一篇(HTML/CSS)
文章目录1.块级元素和行内元素2.弹性盒模型实现一个三点的骰子3.一个大的父级div,两个子div,设置一个的宽度为50px,另一个自动填充剩余区域原创 2022-03-04 23:39:32 · 376 阅读 · 0 评论 -
Vue非父子组件通信的几种方式
文章目录1.provide和inject1.1基本使用1.2如何处理响应式数据1.provide和injectprovide/inject主要适用于在一些深入嵌套的组件中,子组件想要获取父组件的部分内容的情况,此时可以在父组件中使用provide来提供数据,在子组件中使用inject来获取并使用这些数据(我们可以将依赖注入看作是“长距离的 prop”)1.1基本使用//父组件 data(){ return{ books:['javascript', 'vue', '原创 2022-02-28 01:47:28 · 1902 阅读 · 0 评论 -
安装vite报错:Cannot find module ‘worker_threads‘
文章目录1.安装vite后运行时报错:Cannot find module 'worker_threads'2.查询后发现可能是node版本太低所导致3.解决方案:安装node新的版本 [node下载](https://nodejs.org/zh-cn/download/)4.重新运行即可1.安装vite后运行时报错:Cannot find module ‘worker_threads’2.查询后发现可能是node版本太低所导致3.解决方案:安装node新的版本 node下载4.重新运行即可原创 2022-02-27 00:52:45 · 4217 阅读 · 0 评论 -
npm install安装报错
一.npm install安装报错(如下图显示)二.解决方案方案一 :使用cnpm安装cnpm install方案二:清理npm缓存 然后重新安装npm cache clean --forcenpm install原创 2022-01-22 01:50:22 · 1047 阅读 · 0 评论 -
git clone失败或连接超时解决方案
git clone失败或连接超时解决方案当我们在git上克隆代码时,可能会报错或者连接超时:如下图可以把仓库地址前缀https换成git:git clone https://github.com/coderwhy/supermall.gitgit clone git://github.com/coderwhy/supermall.git2.克隆成功...原创 2021-09-12 18:12:59 · 38281 阅读 · 11 评论 -
vue-cli项目启动时出现Cannot find module ‘vue-loader-v16/package.json‘
vue-cli项目启动时出现Cannot find module ‘vue-loader-v16/package.json’,如下图:出现原因:使用npm安装依赖的时候vue-loader-v16有部分资源需要科学上网才能下载下来,所以这时候我们可以采用国内镜像下载就可以解决了先卸载vue-loader-v16依赖npm uninstall vue-loader-v16之后使用cnpm安装vue-loader-v16依赖cnpm i vue-loader-v16然后问题就.原创 2021-09-02 01:05:57 · 508 阅读 · 0 评论 -
vscode保存卡顿,显示正在从“‘Vetur‘, ‘ESLint‘”获取代码操作([配置]
最近在写vue代码时,时常会显示正在保存,正在从“‘Vetur‘, ‘ESLint‘”获取代码操作([配置],而且电脑cpu功耗很大,vscode会卡住。解决方案1.建议重启vscode试一下2.不行的话建议卸载vue-helper3.或者降低vetur的安装版本...原创 2021-08-18 09:43:33 · 17761 阅读 · 17 评论 -
Javascript面向对象(二)
这里写目录标题继承构造函数继承 / 原型继承浅拷贝深拷贝继承继承是面向对象当中的一个概念,与多态、抽象(封装)共为面向对象的三个基本特征。继承可以使得子类具有父类的属性和方法或者重新定义、追加属性和方法等。构造函数继承 / 原型继承构造函数的继承只能用(apply call bind)而原型的继承主要分为两种,即拷贝继承和原型继承我们先来看一下构造函数的继承://调用父类的构造函数,并且修改 this 指向为当前的实例对象,这样就可以把 父类构造函数中,定义原创 2021-07-03 01:09:05 · 82 阅读 · 0 评论 -
2021-07-01 JavaScript面向对象(一)
面向对象(一)对象工厂模式new运算符原型、原型链原型与原型链图片:对象1.面向对象中一个对象就是一个独立的功能块,但页面上同一个功能可能会有多处使用2.类:把功能相似的代码归为一个类,当需要使用该功能时,通过类来生成相应的功能对象工厂模式最常用的设计模式之一。这种类型的设计模式属于创建型模式,它提供了一种创建对象的最佳方式。// 工厂模式 function HRBP(name,gender){ return{ na原创 2021-07-01 12:01:39 · 83 阅读 · 0 评论 -
console.log()和console.dir()的区别
1,console对象的作用:显示网页代码运行时的错误信息。 提供了一个命令行接口,用来与网页代码互动。2,console对象常用的方法:2.1 log()console.log方法用于在console窗口输出信息。它可以接受多个参数,将它们的结果连接起来输出。2.1 dir()console.dir()方法用来对一个对象进行检查(inspect),并以易于阅读和打印的格式显示。console.log({f1: 'foo', f2: 'bar'})// Object {f1: "foo原创 2021-06-28 12:27:53 · 1861 阅读 · 0 评论 -
DOM元素尺寸获取
offset获取盒模型的尺寸,可视宽高 包含边框<div> <p></p></div> <script> var box = document.querySelector('div'); var p = document.querySelector('p'); // 盒模型的宽度 包含边框 console.log(box.offsetWidth);原创 2021-06-28 12:26:53 · 274 阅读 · 0 评论 -
原生JavaScript实现简单平移动画
1. 知识点 :计时器 (serInterval && clearIntreval )js获取到CSS样式 (getComputedStyle && currentStyle )简单封装平移动画函数(function)2.具体实现:1).整体思路:先获取到对象原来的值[W],定义一个目标值[T](即希望平移到的位置值),然后通过判...原创 2020-05-04 00:55:28 · 3251 阅读 · 0 评论