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

cherrylindan — Fri, 16 Apr 2021 16:39:18 +0800

下面为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

修改hover出现元素的样式

cherrylindan — Wed, 09 Dec 2020 10:23:32 +0800

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

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

cherrylindan — Thu, 12 Nov 2020 14:36:04 +0800

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

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

cherrylindan — Wed, 11 Nov 2020 16:39:57 +0800

html部分

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

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

cherrylindan — Fri, 30 Oct 2020 11:07:50 +0800

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

我是小林，下面是我的个人简介：

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

cherrylindan — Wed, 25 Mar 2020 16:29:39 +0800

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

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

cherrylindan — Wed, 25 Mar 2020 16:16:24 +0800

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

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

cherrylindan — Mon, 09 Dec 2019 15:36:17 +0800

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

跨域postMessage传值问题

cherrylindan — Thu, 21 Nov 2019 17:33:21 +0800

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

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

cherrylindan — Thu, 24 Oct 2019 15:55:18 +0800

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

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

cherrylindan — Thu, 10 Oct 2019 15:29:13 +0800

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

获取当前月的天数

cherrylindan — Sun, 29 Sep 2019 15:30:47 +0800

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

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

cherrylindan — Fri, 06 Sep 2019 17:46:38 +0800

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...

小程序入门

cherrylindan — Wed, 04 Sep 2019 17:41:16 +0800

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

cherrylindan的博客