搬砖李哥-CSDN博客

原创 vscode插件

https://www.cnblogs.com/zhihang/p/10482971.html ------------------- 扩展https://blog.csdn.net/qq_16481211/article/details/83626692 ---------------------- 快捷键

2020-09-17 16:32:43 156

一、main（入口文件）文件配置1、创建项目成功后，又一个main入口文件，在main中导入需要的文件：importVuefrom"vue";importAppfrom"./App.vue";importrouterfrom"./router";import"./plugins/element.js";//导入字体图标import"./assets/fonts/iconfont.css";//导入全局样式表import"./assets/css...

2020-09-02 16:09:56 821

原创字符串和数组方法总结

js 字符串方法和数组方法总览字符串方法search()方法搜索特定值的字符串，并返回匹配的位置。相比于indexOf()，search()可以设置更强大的搜索值（正则表达式）substring()类似slice(),两个参数均为索引值，substr()类似slice(),第2个参数为长度，如果省略则长度直至末尾replace()...

2020-08-26 16:43:52 217

原创浏览器各种宽高获取以及适配对应的媒体查询

获取页面各种宽高：document.body.clientWidth; //网页可见区域宽(body)document.body.clientHeight; //网页可见区域高(body)document.body.offsetWidth; //网页可见区域宽(body)，包括border、margin等document.body.offsetHeight; //网页可见区域宽(body)，包括border、margin等document

2020-08-26 16:21:20 700

原创页面实现浏览器f11功能并监听浏览器变化

浏览器f11功能全屏，（可用于解决iframe嵌套页面全屏）function toggle_full_screen(){if(document.fullscreenElement ||document.mozFullScreenElement ||document.webkitFullscreenElement ||document.msFullscreenElement){if (document.exitFullscreen) {document.exitFullscreen

2020-08-26 16:15:17 1087

原创 Vue通信、传值的多种方式，详解（都是干货）

一、通过路由带参数进行传值1、两个组件 A和B,A组件通过query把orderId传递给B组件（触发事件可以是点击事件、钩子函数等）this.$router.push({ path: '/conponentsB', query: { orderId: 123 } }) // 跳转到B2、在B组件中获取A组件传递过来的参数this.$route.query.orderId二、通过设置 Session Storage缓存的形式进行传递①两个组件A和B，在A组件中设置缓存orde

2020-07-21 18:20:57 300

原创原生js和jQuery常用方法对比

1、元素获取/*******************原生js**************************/var ele = document.getElementById('idName');var eleArr = document.getElementsByClassName('className');var eleArr = document.getElementsByTagName('div');var ele = document.querySelector('#idNam

2020-07-21 18:00:03 202

原创 css一些常用属性

1、隐藏超出部分...代替/*white-space: nowrap;*//*设置内容不换行*/text-overflow: ellipsis;/*设置文字超出文本框的内容显示成...*//*overflow: hidden;*//*超出部分隐藏*/2、当内容过多p等标签文字会自动换行，但是字母数字出现不换行时用word-break:break-all;表示所有的全部都要换行，normal表示不换...

2020-07-21 13:47:19 101

原创浅拷贝和深拷贝

我们先来说一下浅拷贝：var obj = {a:1};var b = obj;console.log(b)// 输出结果为11234但是浅拷贝会存在一个问题，通过浅拷贝拷贝了一个引用类型，如果我们去修改obj会怎么样？var obj = {a:1};var b = obj;// 修改obj里面的a属性obj.a = 2console.log(b)// 输出结果 {a:2}12345678再来看下一个问题，如果obj里面又包含了一个c对象，然后修改c会怎么样

2020-06-12 19:00:36 83

原创 vue项目优化

项目优化1.通过nprogress添加进度条效果安装运行依赖导入NProgress包对应的JS和CSSimport NProgress from ‘nprogress’import ‘nprogress/nprogress.css’在axios的request拦截器中展示进度条NProgress.start( )在axios的response拦截器中隐藏进度条NProgress.done( )2.解决serve命令中提示的ESLint语法错误//自创建的.prettierrc文件{

2020-06-12 18:55:34 442

qq_34192597的博客