CodingWithAlice

我的一方小天地，如果对你有帮助，那真的太好了

层叠上下文

层叠上下文 场景：运营自主设置热区的时候，不管热区设置多大，都不会影响下方商品的跳转链接；研究发现是热区的区块，显示在商品下方 参考：长安曹公子的掘金（参考了下方作者的文章） 张鑫旭写的层叠上下文+层叠等级 总结： 1、首先先看要比较的两个元素是否处于同一个层叠上下文中： ​ 1.1如果是，谁的层叠等级大，谁在上面（怎么判断层叠等级大小呢？——看“层叠顺序”图）。 ​ 1....

Posted by CodingWithAlice on October 27, 2020

对象分类、Promise按序执行、实现map

对象分类、Promise按序执行、实现map // 两个参数：归并函数，归并起点初始值 arr.reduce(callback(), initialValue); callback(prev, cur[, curIndex[, array]]); 注意：第一次执行时， pre 和 cur 的取值有两种情况： 如果提供了initialValue，pre 取值为 in...

Posted by CodingWithAlice on July 7, 2020

微信小程序 页面通信

微信小程序 页面通信 场景：支付页面，支付成功后自动跳转前一页，并显示支付成功； 参考：微信小程序官方文档 总结：实际场景使用了navigateBack()实现，也可以使用下述页面通信方法【只整理，没试】 1、官方EventChannel 2、写一个eventBus（只支持一个调用） 3、eventBus更好的实践

Posted by CodingWithAlice on June 17, 2020

vue3.0新特性

vue3.0新特性 场景：vue3.0源码已经发布了半年了，尤雨溪大大最近也频繁开课更新进展，虽然公司项目里面引入3.0还需要一段时间的沉淀，但是不妨碍我们可以大致了解下3.0的新特性和修改 主要参考的相关链接： // Composition API详情： 'https://composition-api.vuejs.org/api.html#advanced-reactivity-a...

Posted by CodingWithAlice on June 15, 2020

微信小程序 分享方法

微信小程序 分享方法 场景：微信小程序右上角…可以唤起小程序自带的分享方法；实际使用场景中，点击“分享”按钮，也想唤起分享方法，同时分享的页面是列表每项的详情页面链接； 参考：微信小程序官方文档 总结：onShareAppMessage该方法是生命周期，要和methods方法同级，不要写在里面 微信小程序自带的分享方法 this.onShareAppMessage({ title...

Posted by CodingWithAlice on June 1, 2020

webpack自学经验记录

webpack自学经验记录 时隔一年的总结 - 原理 区分 Compiler 和 Compilation： webpack 构建流程： 参考文章细说 webpack 之流程篇 webpack 可以做什么？ webpack 能够 处理 js 文件的相互依赖关系 webpack 能够处理...

Posted by CodingWithAlice on May 22, 2020

工作 vue的单向数据流

工作 vue的单向数据流 场景：写的弹窗组件，在点击一次右上角关闭按钮后，无法再通过之前的点击按钮触发展示 参考：弹窗组件中对props传入的显示值进行了更改，违背了vue单向数据流 总结：子组件内不应该去改变prop，全部通过$emit()传出，在父组件中进行处理 搬运vue官网–单向数据流 ​ 所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父组件可以随意...

Posted by CodingWithAlice on May 20, 2020

git的常见使用

git的常见使用 场景：工作里面经常使用git，自己拉分支，或者多人在一个分支上面开发；之前整理过git的使用方法，但是因为缺少实践，所以没有很深的印象 参考：vscode安装git的插件，可以可视化工作区、暂存区还有代码diff 总结：经常使用 git pull origin #先拉一下分支 git checkout branch # 切换到指定分支 git add ./指定文件名...

Posted by CodingWithAlice on May 9, 2020

样式 + nextTick

样式 + nextTick 关于imprt dateFns，打印失败 场景：使用npm包dateFns，先安装npm install date-fns，然后引入import dateFns from 'date-fns' ，在使用时失败，尝试在引用下方打印console.log(dateFns)，失败 参考：引入打印不出来，可能是引用方式错误，查npm官网这个依赖包，果然引入的方式不对...

Posted by CodingWithAlice on April 15, 2020

时间戳处理

时间戳处理 20230719更新：现在一般使用 moment import moment from 'moment'; 场景：后端传入时间戳，需要获取其中“月-日”展示 参考：把之前用到过的时间戳方式都整理了一下 总结： 4、处理时间戳的插件 date-fns import {format} from 'date-fns'; filters: { forma...

Posted by CodingWithAlice on April 12, 2020

FEATURED TAGS
《JavaScript高级程序设计4》 < JS原生基础相关 > < 算法题 > < vue相关知识点 > < CSS相关内容 > < HTTP相关 > < 面试题整理 > < 浏览器原理 > < 工作经验沉淀 > < 小程序 > < webpack > < 工程化 > < database > < 重构2 > < React17+TS4 > < node > < AI >
ABOUT ME

CodingWithAlice

✉️ hao_ling@foxmail.com

FRIENDS