cherryld-CSDN博客

原创数组的reduce 统计一段英文字符串不同单词出现的次数，并返回一个value降序排列的obj

下面为reduce的详细用法：// 字符串返回一个以value倒序的形式的对象 let str = 'today is is sunny today today is sunny sunny is is is sunny sunny is' let arr = str.split(' ') let obj1 = arr.reduce((pre, cur) => { if(cur in pre){ pre[cur]++ }else{ pr

2021-04-16 16:39:18 193

原创修改hover出现元素的样式

1、按【F12】打开开发者工具，鼠标位于悬停才出现的元素上时，点击右键，定位住hover显示元素。2、不要选中任何选项，将鼠标移动到开发者工具的调试面板3、按下N键，定位成功

2020-12-09 10:23:32 661 1

原创 js判断页面第一次加载或者是否执行了刷新操作

前言：关于页面是否是第一次加载或是刷新，有相同之处，也有区别。页面第一次加载：可以是首次进来或者是离开本页面，其他页面返回的

2020-11-12 14:36:04 2347 1

原创子元素设置margin-top,作用到了父元素

html部分<div class="parent"> <div class="child"></div></div>css部分.parent{ width: 500px; height: 600px; background: pink;}.child{ width: 200px; heihgt: 200px; background: green; margin-top: 20px;}通过看效果可以看得出来， child设置

2020-11-11 16:39:57 1159

原创 vue slot作用域插槽、具名插槽

vue插槽在项目中应用的还是比较广泛的，特别是公用组件的封装，更能体现插槽的实用性。1，默认插槽这个就很好理解了，通过标签，父组件引用子组件之后，子组件中间内容都会默认slot所在位置2，具名插槽顾名思义，就是有名字的插槽，实例如下：**child-block.vue**<div> <div>我是小林，下面是我的个人简介：</div> <slot name="userInfo" ></slot> <slot n

2020-10-30 11:07:50 238

原创 package-lock.json冲突之npm 安装失败的解决办法

背景：由于要发布，本地开发合并到master上面之后引起package-lock.json冲突，我当时的解决办法是解决冲突之后，执行npm install，之后安装任何包都失败。我的解决办法如下：1，进入c:/users/lin_lin , 删除 .npmrc2，进入C:\Users\lin_lin\AppData\Roaming，删除npm和npm-cache2个文件夹...

2020-03-25 16:29:39 4985

原创 Element中时间控件在IE浏览器中初始值不显示以及时间无法选择的解决办法

element中的datetime时间空间在谷歌浏览器中可以正常使用，但是在IE中显示及操作异常。IE浏览器谷歌浏览器1，可以去掉placeholder2, 我是去掉placeholder无效，然后设定的日期格式就ok了...

2020-03-25 16:16:24 1392

原创 vue在computed中打印this.$refs为undefined

情景：在父组件的computed中打印this.$refs.content为undefined解决办法：首先绑定ref组件中必须是v-show，因为this.$refs建立在dom渲染完毕的基础上。必须保证dom渲染完成。方法一data: { isMounted: false,},mounted() { this.isMounted = true},computed: ...

2019-12-09 15:36:17 4679

原创跨域postMessage传值问题

问题：在vue项目中嵌套嵌套一个html页面，其中涉及到嵌套之后的问题有：页面出现双滚动条，但是，去除滚动条之后， html页面中的锚点以及滚动事件全都无效。首先左侧点击的时候，页面元素发生变化，这就需要动态监测页面的高度，用到的是window中的mutationObserverindex.html 代码var $tar = document.getElementById...

2019-11-21 17:33:21 472

原创 vue-bus，组件内接收的事件多次触发的原因

起因：今天做一个项目，首先有三个组件，分别是A,B,C， B是公用组件， A，C分别是两个页面的组件，在A页面bus传值正常，但是在C页面传值的时候时间触发一次， $on接收的事件就会叠加触发，后来才知道， bus传值之后要进行销毁，尤其是跳转页面进行使用的时候。废话不说贴代码如果在钩子函数created进行接收bus传递的值的话，好像页面怎么点击都不会触发，在mounted进...

2019-10-24 15:55:18 837

原创 display:inline-block; div之间产生了缝隙

在将块级元素div，设置成display: inline-block；之后，div之间会有一定的空隙，导致计算好的宽度就会折行。解决办法原因在于行内元素会带有空格字符css设置成floatdisplay:inline-block;设置该属性的父级元素设置font-size: 0...

2019-10-10 15:29:13 161

原创获取当前月的天数

let date = new Date()let year = date.getFullYear()let month = date.getMonth()let day = new Date(year, month, 0).getDate() // 就是当前月的天数

2019-09-29 15:30:47 717

原创 array数组 reduce、of、from、includes用法

1，map（有返回值，原数组不变）let arr = [1, 2, 3, 4]let newArr = arr.map( prop => {prop >= 4})// arr不变 newArr = [4]2，forEach（没有返回值）遍历数组中的每一元素，以及其下标3，filter（元素过滤）let arr = [2, 4, 5, 6]let new...

2019-09-06 17:46:38 451

原创小程序入门

1，小程序中主要的应用标签view（容器标签）text （文本标签）image （图片标签）audio （音频） video （视频）button （按钮标签）checkbox （复选框标签） radio （单选框）form （表单）input （输入框标签） textarea （多行输入框）canvas （画布）2，小程序中页面跳转的方式1，wx.switchTab...

2019-09-04 17:41:16 104

cherrylindan的博客