CodingWithAlice

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

01 浏览器进程

01 浏览器进程 Chrome打开一个页面需要启动多少进程？4个 #### 进程和线程 进程：一个程序的运行实例。详细解释就是，启动一个程序的时候，操作系统会为该程序创建一块内存，用来存放代码、运行中的数据和一个执行任务的主线程，我们把这样的一个运行环境叫进程。 进程和线程的关系：进程中使用多线程并行处理能提升运算效率。 进程和线程的关系的4个特点： 进程中的任意一线程...

Posted by CodingWithAlice on April 6, 2021

background属性的使用

background属性的使用 写在前面，这篇主题是结合开发中遇到的问题，对backgroud样式进行一个系统了解学习 （虽然css一向不是我在开发中关注的重点，但是当我跳了几次坑之后，我觉得有必要整理复习一下，以后再也不想跳坑了） 如果你对这个属性非常之了解，可以出门左拐不送哟～ 结论 推荐使用写法 background: url('http://...') no-repeat 0...

Posted by CodingWithAlice on February 4, 2021

怎么写一个大转盘抽奖

怎么写一个大转盘抽奖 方案一依赖于前后端数据的一致性，如果奖品池的商品有变化，需要 UI + 前端 + 后端 整条链路都进行后续修改，强力推荐方案二 方案一：UI给定背景图，和后端约定id html 部分：转盘背景需要用 rotateStyle 变量的变化来实现转动 <div class="circle-wrap"> <div class="circle" :...

Posted by CodingWithAlice on February 3, 2021

Vue 父子组件通信的几种方式

Vue 父子组件通信的几种方式 场景：子组件中的方法在子组件中并没有调用，而是在父组件中使用 ref 调用子组件的方法；这是一种不怎么常见的父子组件通信，所以趁此机会，整理一下所有的父子组件通信，涨下见识 参考： 问题出现原因： ​ 不够了解多种形式：如 props、$emit/$on、vuex、$parent / $children、$attrs/$listeners和 pro...

Posted by CodingWithAlice on October 30, 2020

层叠上下文

层叠上下文 场景：运营自主设置热区的时候，不管热区设置多大，都不会影响下方商品的跳转链接；研究发现是热区的区块，显示在商品下方 参考：长安曹公子的掘金（参考了下方作者的文章） 张鑫旭写的层叠上下文+层叠等级 总结： 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

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

CodingWithAlice

✉️ hao_ling@foxmail.com

FRIENDS