- 博客(35)
- 收藏
- 关注
RSS订阅原创 git报错：failed to push some refs to ‘xxx‘
git报错：failed to push some refs to 'xxx'
2022-11-30 13:57:10
313
转载 Node Sass does not yet support your current environment问题解决
Node Sass does not yet support your current environment问题解决
2022-07-04 14:26:45
3565
原创 elementui时间选择器样式修改默认样式---修改宽度---修改日期图标
原先的代码<el-form-item label="时间选择"> <el-date-picker v-model="time" //绑定的数据，如果不绑定的是无法进行时间的选择 unlink-panels //默认情况下左右面板会联动。如果希望两个面板各自独立切换当前月份，可以使用unlink-panels属性解除联动。 type="daterange" format="yyyy-MM-dd HH:mm:ss" //时间格.
2022-01-26 10:25:48
13757
4
原创 Echarts柱状图
创建一个图表容器，初始情况必须给这个图表一个宽高，如果这里没给，在下面获取容器的时候也可以给<div id="myChart" :style="{height: '250px'}"></div>获取div容器myChart(参数) { var myChart = this.$echarts.init(document.getElementById('myChart')) 如果初始没设置图表容器的大小，可以在这个进行设置 /*var myCh
2022-01-24 17:04:55
877
转载 报错：‘xxxx‘ is declared but its value is never read.Vetur(6133)
报错：解决方法：在设置中搜索vetur，找到Validate js/ts in
2021-12-27 17:48:56
10379
原创 弹性布局flex属性
Flex一、为什么首先flex的出现是为了解决一些情景布局，方便我们进行设置我们想要的一些布局样式：经典垂直居中我们要实现垂直居中也可以设置 position 【left + margin-left / translate】但是要进行计算或者设置属性较多不免有些麻烦二、是什么Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。每一个盒子都可以通过 display：flex 被设置为 一个 flex容器在这个flex容器中我们可以通过设置一些属
2021-10-25 16:31:46
241
原创 原生js实现轮播图
轮播图实现轮播图实现功能：点击左箭头轮播到上一张图片点击右箭头轮播到下一张图片实现图片的自动轮播当鼠标进入轮播图则停止自动轮播当鼠标离开轮播则开启自动轮播实现点击对应小圆点实现显示对应index图片轮播图实现思路及过程代码：1、首先搭建html，整个轮播图时content部分轮播图中分为`图片`部分和`左右箭头`和`小圆点`三部分html代码<div class="content"> //图片区域 <div class="imgs">
2021-10-22 14:38:43
157
原创 JS继承的六种方法
①原型链继承 将父类的实例作为子类的原型【因为实例对象是沿着原型链进行继承的（和构造函数无关）】//爸爸function Father () { //}//儿子function Son () { //}//原型链继承核心Son.prototype = new Father()//如果不手动指回来的话 Son.prototype.constructor = Father了//因为Son.prototype是Father的实例赋值过来的//那么Father 的实例的constru
2021-09-21 15:20:06
397
原创 写一个函数判断对象中是否存在循环引用
对象中存在循环引用的意思var obj = { name: 'dpn', a: { b:{} }}obj.a.b= obj在对象 obj 中存在某个属性值或者这个属性里面的属性值 === obj的情况就是对象中存在循环引用如上：也就是 obj 这个对象中有一个属性 a ，这个属性的属性值是一个对象，a这个对象里面有一个属性 b ，这个属性b的属性值是一个对象然后这个对象的值就是 obj 这个对象本身这个 obj 对象被循环引用了检测对象中是否存在循环引用基本思路：首先定义一
2021-09-15 15:08:36
748
原创 实现一个函数clone，可以对js中的5种主要的数据类型（包括number string object array Boolean）进行值复制
function copy(val) { var o var type = val.constructor switch(type) { case 'Number': o = val - 0; break; case 'String': o = val + ''; break; case 'Boolean': o = !!val; break; case 'Array': { o = [] for (var i = 0; i < val.leng
2021-09-14 10:34:54
252
原创 JS基础复习
JavaScriptJavaScrip由三部分组成：一、javascript基本内容：1、js的运行环境 浏览器 （前端语言） node.js （后端语言）2、js的组成 ECMAScript 【基础语法】 DOM 【文档对象模型】 浏览器为js提供的操作 html 的API BOM 【浏览器对象模型】 浏览器为js提供的操作浏览器的API3、js的特点1）既可以作为前端脚本语言，还可以作为后台语言（取决于它运行的平台）2）解释型语言，不需要编译
2021-09-08 23:39:43
210
原创 检测变量的数据类型
要检测的数据类型有：基本数据类型：Number、String、Boolean、Null、undefined引用数据类型：Function、Array、Object、Error、JSON、RegExp（正则）以下为创建的检测数据函数function fun (name,age,na,li) { console.log(this)}数组var arr = [1,2,3]对象var obj = { name: 'dpn'}字符串var str = 'dpn'数字var num
2021-09-03 16:23:10
1071
原创 改变this指向的三种方法
call方法：语法： function.call(thisArg, 参数1, 参数2, 参数3...) function： 要改变this指向的原函数 thisArg： 要改变到的this指向的目标对象function fun (name) { this.name = name console.log(this)}var name = 'dpn'var obj = { name: 'dpn', b: function () { console.log(this.nam
2021-09-03 12:00:10
1081
1
原创 Html、CSS面试总结
1、请说说你对标签语义化的理解？（1）一个语义元素能够清楚的描述其意义给浏览器和开发者，即使在去掉或丢失样式的时候，也能够让页面呈现出清晰的结构；（2）有利于SEO优化，让页面和搜索引擎建立良好的沟通，爬虫依赖于标签来确定上下文和各个关键词的权重，有助于爬虫抓取更多的有效信息；（3）方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备等），并以具有意义的方式来渲染网页；（4）便于团队开发和维护，语义化更具有可读性，遵循W3C标准的团队都遵循语义化标准，可以减少差异化；2、HTML5 有哪些新特性，
2021-09-02 20:32:37
115
原创 数组去重十种方法
定义一个数组和一个新的空数组var arr = [1,'true','dpn',1,2,'3',3,'false','dpn',1,'leave']var arr1 = []1、indexofarr.forEach((element) => { if(arr1.indexOf(element) == -1) { arr1.push(element) }}); console.log(arr1)2、双重for循环for (let i = 0; i < arr.lengt
2021-08-31 18:53:43
648
原创 JS 普通函数、匿名函数、箭头函数 的特点和区别
1. 普通函数 【具名函数】普通函数存在 函数声明的提升普通函数的定义：关键字（function） 函数名 （参数）{ //参数是形参（形式参数） 函数体 return xxx}普通函数的调用： 函数名（参数） //参数是实参（实际参数）形参和实参： 形参（形式参数）：就是我在这个地方占个位，表示这个地方有一个参数，我给他一个形式的名字用来表示我要占的这个坑的名字，在封装的函数里面会用到这个形式参数来代表之后函数真正传进来的值进行运算。 实参：再调用函数的时
2021-08-30 20:56:45
3929
1
原创 实现city和city首字母对应滚动
实现 左边（由首字母排列的city）和 右边 字母 相对应滚动一： 实现点击不同的字母时（右边），左边就会滚动跳转到对应的字母列表实现两个子组件之间传值左边是List子组件右边是Alphabet子组件传值步骤：给Alphabet子组件字母绑定点击事件在点击事件中用 $emit(‘触发事件名称’,参数) 触发一个事件（参数就是点击的字母），并且在父组件中对应的子组件标签中 绑定触发事件 对应的方法（methods中）【给一个元素绑定点击事件时点击函数的参数e代表的是点击的这个点的
2021-08-25 11:48:40
120
原创 better-scroll数据动态加载后无法滚动
在通过定位（position）的方法使页面无法滚动后（鼠标滚动），引入 better-scorll 实现动态滚动（触摸滚动）先通过npm下载better-scroll官网：https://github.com/ustbhuangyi/better-scrollnpm install better-scroll --save然后通过import再要使用滚动的页面引入better-scrollimport BScroll from 'better-scroll'mounted: funct
2021-08-25 09:35:18
786
原创 内容撑开浏览器滚动是设置页面不滚动
.title { position: absolute; overflow: hidden; top: 0; left: 0; bottom: 0; right: 0;}这个盒子（设置定位的盒子）的父定位元素必须是浏览器这样设置盒子为绝对定位就会脱离文档流定位的位置是相对于他的父元素（也就是浏览器）分别设置上、下、左、右 定死了这个盒子的大小就是浏览器视口的大小然后oveflow：hidden（不设置right也可以，因为上下滚动，需固定好，右边不会留有余地）这样页
2021-08-24 17:15:04
156
转载 vue启动的时候报错 Mixed spaces and tabs
报错原因：Mixed spaces and tabs（混合空格和制表符）。大多数代码约定要求使用空格或 tab 进行缩进，因此，一行代码若同时混有 tab缩进和空格缩进，通常是错误的，需先删除报错的地方的空格再进行编译错误：正确：原链接：https://www.jianshu.com/p/3a352f6e2521...
2021-08-23 20:13:33
1933
原创 padding-bottom/top实现占位 占位的另一种方法
有一种布局上面有一个ｉｍｇ图片，下面有一个ｃｏｎｔｅｎｔ<div class="asd"> <img class="swiper-img" src="http://img1.qunarzz.com/sight/p0/1409/19/adca619faaab0898245dc4ec482b5722.jpg_350x240_8e61302a.jpg" /></div><div>content</div>存在一种情况如果上面的ｉｍｇ没有加
2021-08-23 11:33:45
399
原创 初始化 reset.css文件
不是原创@charset "utf-8";html{background-color:#fff;color:#000;font-size:12px}body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding:0}body,input,textarea,button,select,pre,xmp,tt,cod
2021-08-20 14:43:14
76
原创 初始化border.css文件
@charset "utf-8";.border,.border-top,.border-right,.border-bottom,.border-left,.border-topbottom,.border-rightleft,.border-topleft,.border-rightbottom,.border-topright,.border-bottomleft { position: relative;}.border::before,.border-top::
2021-08-20 14:40:18
101
原创 动态组件 --出错
报错之后查了很多，都发现看不懂后来对比才发现，错把内容作为is属性的属性值了一直把hello-one作为type的值理清思路动态组件就是通过is属性绑定不同的子组件名来实现动态切换不同的子组件所以is绑定的应该是子组件的名字，切换的也应该是子组件的名字因为切换的都是子组件，所以用component标签包括起来这是正确代码<div id="vm"> <component :is="type"></component> <button @click.
2021-08-19 21:47:10
350
原创 vue过渡动画（transition）
一、执行一个最简易的动画给一个div 一个button，点击这个按钮的时候让这个div实现渐进渐出执行动画的标签要被transition包裹起来，这个动画的实现范围就在这个transition标签内给这个transition一个name属性（自定义）（在下面代码中为dpn）通过给transition标签内的div上面添加类来实现动画效果动画执行分为两个过程一个是显示——隐藏这里用到了三个类这里的fade（和dpn一样，是自定义trasition name属性的值）从第一
2021-08-19 16:36:17
2986
原创 子组件向父组件传值
问题：Event “fatherChange” is emitted in component but the handler is registered for “fatherChange”. Note that HTML attributes are case-insensitive and you cannot use v-on to listen to camelCase events when using in-DOM templates. You should probably use “l
2021-08-15 15:25:57
524
原创 合并两个有序数组
//用num2替换num1中的0for(var i = nums1.length - n; i < nums1.length; i++){ nums1[i] = nums2[i - m]; }//排序 nums1.sort(function(a,b){ return a-b; })排序就直接使用js中数组的sort（）方法把nums1中空余留出来给nums2的位置（n）替换成数组nums2从nums1多出来的位置开始循环，直接进行替换...
2021-07-12 21:49:44
37
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人