皮皮网

1.WSL2 安装并、掘金掘金编译AOSP源码
2.Android特效 - 收藏集 - 掘金
3.immer 原理
4.热门微信小程序demo源码下载汇总（17/12.1-7）
5.web前端开发学习_掘金前端课程(小册)推荐
6.程序员的论坛论坛交流平台有哪些?

WSL2 安装并、编译AOSP源码

       安装WSL2

       参考链接：安装WSL要求Windows 版本及更高版本（内部版本及更高版本）或Windows 。源码源码在power shell或cmd执行如下命令。掘金掘金

       执行完之后就安装了Linux for Windows，论坛论坛并且打开了Windows的源码源码野人跑酷手游源码虚拟机平台和Linux子系统功能，并设置wsl默认版本为2。掘金掘金也可以手动安装，论坛论坛先在控制面板中找到启用或关闭Windows功能，源码源码勾选虚拟机平台和适用于Linux的掘金掘金Windows子系统功能。然后在应用商店找到Linux子系统（例如Ubuntu）进行安装。论坛论坛

       如果是源码源码升级安装wsl，可能还需要同时升级linux内核。掘金掘金直接下载msi升级安装文件，论坛论坛点击安装即可。源码源码具体可参考：旧版WSL的手动安装步骤

       硬盘设置

       这里分为两类，一是将AOSP源码放在Windows文件系统下，二是将源码放置在WSL中。对于前者，需要修改文件目录的大小写敏感，新建完源码目录后，用管理员身份打开Windows的Powershell，执行以下命令：

       其中的path就是刚新建用来同步AOSP源码的目录，需要注意的是，这个命令只对指定的目录有效，不会改变已存在的子目录的大小写敏感，所以要在同步代码之前设置好。根据文章：WSL编译AOSP必要的几个前置工作，还需要重新挂载磁盘。如果源码放在了Windows驱动器上，比如说F:\aosp，在WSL中的路径应该是/mnt/f/aosp这种形式的，此时需要以drvfs文件系统重新挂载盘符，否则编译到中途会报错：

       注意，每次WSL重启，在编译之前都需要执行这步操作，也可以将它新建成WSL的一个开机服务，确保每次打开WSL都会执行这两段命令。免费获取源码如果是将源码放置在WSL中，需要注意WSL默认占用C盘空间，保证C盘有足够的空间，或者将WSL迁移到别的盘符。因为我的硬盘没有分区，不用担心占满C盘的空间，所以直接将源码放在WSL中编译。WSL安装之后默认是GB大小，对于AOSP的编译是不够的。可通过df命令查看容量，下面是我编译完之后的容量，可以看到占用了GB。

       扩展WSL 2虚拟硬盘的大小 如何管理WSL磁盘空间

       输出如下：

       经过如上操作，将wsl的虚拟磁盘大小调整到1TB。

       源码下载

       创建bin，并加入path：

       下载repo：

       下载代码有两种方式，使用每月更新的初始化包或者传统初始化方式。

       下载mirrors.tuna.tsinghua.edu.cn...，下载完成后记得根据checksum.txt的内容校验一下。由于所有代码都是从隐藏的.repo目录中checkout出来的，所以我们只保留了.repo目录，下载后解压再repo sync一遍即可得到完整的目录。使用方法如下:

       此后，每次只需运行repo sync即可保持同步。

       建立工作目录并初始化仓库: repo init -u mirrors.tuna.tsinghua.edu.cn... 如果需要某个特定的Android版本(列表)： repo init -u mirrors.tuna.tsinghua.edu.cn... -b android-4.0.1_r1 同步源码树（以后只需执行这条命令来同步）： repo sync 详细可见：AOSP | 镜像站使用帮助 | 清华大学开源软件镜像站 | Tsinghua Open Source Mirror Android源码(AOSP)下载与编译 - 掘金

       设置WSL内存大小

       直接编译源码，会因为内存不足导致失败，通过free -m查看内存，只有4GB内存，swap空间只有2GB。可以通过设置WSL配置文件来修改相关配置属性。在用户目录下新建.wslconfig文件，在文件管理器输入%USERPROFILE%可找到用户文件夹。注意这里新建.wslconfig文件不要用新建文本文件的方式，这样文件可能没法被正确识别。可以通过命令行输入code .wslconfig的方式。

       配置文件如下，根据自己的开源码osg硬件配置尽可能多的分配多点资源，在编译完成后也能修改回来。我电脑是GB内存，所以给WSL配置GB内存，还有GB swap空间。

       编译源码

       编译源码就是常规流程，lunch项根据自己需要进行选择，编译线程数根据机器配置选择。

       编译可能会报错缺少库文件，直接安装即可。sudo apt-get install libncurses5 如果需要编译出CMakeLists文件，方便导入CLion，需要在编译前添加环境变量。

       编译成功！！

       导入Clion效果。

       若需要导入Android Studio中，还需要生成配置索引。

       这一步需要Java环境，提前安装一下。sudo apt install openjdk--jdk

       最终效果如下：

Android特效 - 收藏集 - 掘金

       堆叠滑动控件，如同社交软件探探的体验，并增加了滑动方向控制等扩展功能。

       这篇文章记录了TextView中一些不常使用的功能，通过动图展示了这些方法的效果。

       在实际Android开发中，有许多工具和网站让人爱不释手，本文分享了我个人的一些体验和发现，帮助开发者更高效地学习和使用。

       一款查看器为用户提供了无缝切换、多图翻页、快速放大和退出等功能，同时支持下拽退出查看。

       本文介绍了如何在短时间内实现TextInputLayout的使用，提供了源码链接和详细效果图。

       通过模拟新浪微博雷达搜索效果，本文提供了一个详细的案例，附有源代码和演示。声音处理源码

       本章收集了常用的Android框架，包括源码地址和详细博客，方便开发者查找和学习资源。

       本篇文章介绍了一个自定义的加入购物车旋转控件，自带闪转腾挪动画效果，展示了自定义View的实现。

       Android 7.1允许定义特定操作的快捷方式，本文介绍了如何在设备上显示和使用这些快捷键。

       实现兼容Android5.0的过渡动画库，包括共享元素过渡效果，让5.0之前的手机也能体验。

       动手开发Android Studio插件，本文总结了实现自动生成findviewbyid代码插件的过程和步骤。

       详细解释了RxJava中的背压概念，为深入运用RxJava提供了一篇文章。

       饿了么更新后，交互设计被称赞，本文介绍了如何让Image变成详情页的交互方法。

       自定义控件学习和合集文章，涵盖了GcsSloop/AndroidNote、小良自定义控件合集和Mr-XiaoLiang的自定义控件三部曲。

       Android面试题汇总，涉及腾讯、百度、华为、搜狗和滴滴的面试内容，供求职者参考。

       动态更换应用图标，讨论了产品需求与开发实践，强调了Android中实现动态更换图标的可能性。

       实现Android视图扩散切换效果的控制器，兼容至Android4.0，提供了一种简单易用的实现方式。

       介绍如何在RecyclerView中添加header和footer，实现与ListView和GridView相似的布局。

       实现CoordinatorLayout下的波浪下拉刷新效果，通过模仿理财类APP的rtos系统源码下拉刷新动画。

       在微信小程序上线之际，建议移动开发人员尝试使用AR技术缓解紧张情绪，提供了一篇文章的链接。

       饿了么搜索栏的丝滑无缝过度实现，通过基础特效教程展示了这一设计的实现过程。

immer 原理

       æŽ˜é‡‘上的immer源码解析，根据的是以前的源码，跟现在的源码略有不同，大体思路上是可以参考的。大家自己看的话，最好还是以github上的源码为准，毕竟文章中的源码不知道什么时候就过时了。

        下面的涉及的源码是7.0.9版本拉取的。

        immer 原理涉及到ES6的特性:Proxy

        如下是对读取属性拦截的示例：

        Proxy支持的拦截操作：

        immmer就是利用的Proxy的特性实现的。

        主要理解的是pruduce这个api，大部分情况下使用这个api就已经可以达到实现不可变数据的要求了。

        obj 是个普通对象，immer通过proxy给obj生成了一份草稿draft对象,当你对draft进行操作时，都会被监听，对draft的修改会进入自定义的setter函数。

        在setter函数中，它并不会修改原始对象的值，而是递归父级不断拷贝，最终返回新的顶层对象，并作为produce函数的值。

        produce 方式其实就是Immer类中的produce方法

        从源码大致可以看出，传入produce的数据value（value为被drafted，主要为引用类型）,会通过proxy生成一个代理对象valueProxy和对应的state。

        state是每个value对象对应的状态，用于记录数据是否发生变更，是否需要生成新的copy，是否需要进行替换等。

        valueProxy可以理解为我们操作的draft，valueProxy通过监听get、set方法等，根据state来判断和处理数据。

        最终返回我们处理后的不可变数据。

        1. ECMAScript 6 入门

        2. immer官网文档

        3. 精读《Immer.js》源码——黄子毅

        4. Immer 全解析——Sheepy

热门微信小程序demo源码下载汇总（/.1-7）

       最新： 热门微信小程序demo源码下载汇总（/.8-）

       热门 微信小程序demo源码下载汇总（/.1-7），乃 小程序学习分析必备资源！点击标题可直接跳转至下载：

       新手必看： 开发者工具如何快速导入小程序demo源码教程！

       • 微信小程序中的自适应宽高的计算类

       • 小胖看车团-微信小程序 预览版

       • [小程序源码]微信小程序-音乐播放器

       • 精品微信小程序-有调

       • 微信小程序 Artand Demo

       • 微信小程序 外卖demo

       • 微信小程序 五月天

       • 微信小程序demo：家庭菜谱

       • 仿丸子地球app做的微信小程序

       • 微信小程序之点计算游戏

       • 微信小程序-滚动+排版

       • 微信小程序--小厨房

       • 微信小程序demo之模仿某汽车app

       • 微信小程序demo-豆瓣科幻小说

       • 仿 「ONE · 一个」 的微信小程序

       • 微信小程序-新华字典

       • 微信小程序：查拼音

       • 微信小程序TDD示例代码

       • 微信小程序转盘抽奖

       • 微信小程序瀑布流布局模式

       • 微信小程序demo：狼人杀

       • 微信小程序之点计算游戏

       • 微信小程序仿QQ源码下载

       • 微信小程序仿会议精灵的首页

       • 微信小程序 滑动效果demo

       • 微信小应用-英雄联盟(LOL)战绩查询

       • 微信小程序－7天写分答微信小程序 （2M动图预警）

       • 微信小程序 实战教程（全民k歌）

       • 微信小程序之火车票查询

       • 上门美容预约模板源码 支持选择地址、选择时间

       • 仿拉勾网App小程序demo

       • [小程序源码]微信小程序-贪吃蛇小游戏

       • [小程序源码]微信小程序-仿今日头条

       • [小程序源码]微信小程序-仿Apple Music

       • 小程序餐厅模板 带完整交互源码

       • [小程序源码]微信小程序-大好商城

       • [小程序源码]微信小程序-GitHub

       • [小程序源码]微信小程序-PigRaising

       • [小程序源码]微信小程序-小熊の日记

       • [小程序源码]微信小程序-妹纸浏览

       • [小程序源码]微信小程序-计算器

       • [小程序源码]微信小程序-音乐播放器

       • [小程序源码]微信小程序-HiApp

       • [小程序源码]微信小程序-公众号热门文章信息流

       • [小程序源码]微信小程序-购物车Demo

       • [小程序源码]微信小程序-掘金社区

       • [小程序源码]微信小程序-微票

       • [小程序源码]微信小程序-番茄时钟

       • [小程序源码]微信小程序-豆瓣

**

       • 微信小程序开发的芒果TV示例

       • 微信小程序-v2ex（wechat-v2ex）

       • 集成Redux实现的Todo list

       • 微信小程序-布局效果Demo

       • 微信小程序仿**appdemo源码

       • wechat-weapp-gank

       • 基于微信小程序开发的仿微信demo

       • 设计网站dribbble

       • 微信小程序版打飞机源码下载

       • 微信小程序外卖平台demo源码

       • 针对微信小程序整合的一套UI库

       • 微信小程序地图定位demo

       • 微信小程序版的知乎日报

       • wxapp-Breakfast（）

       • 微信小程序在线技术社区demo源码

       • 微信小程序开发的app---礼物说APP

       • 微信小程序-小波说雨燕blog

       • 微信小程序demo：百度百科搜索

       • 微信小程序demo：果库

       • 微信小程序demo：爆米花popcorn]

       • 微信小程序demo：展示美女模特福利

       • 微信小程序示例 诗词demo

       • 微信小程序学习用demo：附登录设计实战教程

       • 微信小程序demo：仿手机淘宝

       • 微信小程序demo：Dribbble

       • 微信小程序推荐demo：备忘录

       • 微信小程序demo：智能机器人

       • 微信小程序demo：万年历

       • 微信小程序demo：够野活动

       • 基于面包旅行 API 制作的微信小程序示例

       • 微信小程序demo：小米天气

       • 微信小程序开发 辩论赛计时APP

       • 微信小程序demo：桔子信用

       • 微信小程序demo：京东首页

       • 微信小程序demo：宅男社区

       • 微信小程序demo：课程列表

       • 微信小程序demo推荐：百家菜谱

       • 微信小程序demo：云图音乐

       • 微信小程序——乐词

       • 微信小程序demo：小姨妈

       • 微信小程序版的扫雷（挖金子)

       • 微信小程序DEMO-A岛

       • 微信小程序——会面APP

       • 微信小程序之音乐播放器

       • 使用TypeScript开发微信小程序的demo

       • 微信小程序通知广播模式类,降低小程序开发的耦合度

       • 微信小程序demo 冥想

       • Weapp-labofo 共享ofo共享单车的微信小程序

       • 微信小程序 番茄日记

       • 教务系统 微信小程序

       • 微信小程序 商城demo

       • 微信小程序－哔哩哔哩排行榜

       • 微信小程序版的cnode社区客户端

       • 微信小程序初试:你的QQ是吉是兄？

       • 类似微信电话本的一个微信小程序

       • 微信小程序demo - Winne The Pool 小店

       • 小程序之备忘录开发

       • 用微信小程序实现的奇舞周刊

       • 微信小程序-小说阅读器 附件下载

       • 微信小程序-段子、趣图

       • 微信小程序示例 - 剪刀石头布

       • 微信小程序-旅游景区模板

       • 微信小程序demo源码 水浒传

       • 微信小程序 元宝币钱包

       • 利用豆瓣的图书Api做的demo

       • 微信小程序开发之-

       • 微信小程序-骰子游戏

       • 微信小程序demo-开发订单管理，菜单，页面设计

       • 微信小程序demo-微挂靠公司端开发，下拉菜单，联系人列表

       • 微信小程序demo-百货商城小程序类demo开发源码

       • 微信小程序demo-二手书设计开发：界面模板

web前端开发学习_掘金前端课程(小册)推荐

       大家好，以下是推荐的前端掘金课程（小册）列表，适合前端初学者及工作几年的开发者，内容详细且由一线大厂员工编写。

1. React 进阶实践指南

       本课程深入讲解 React 基础与高级用法，结合实践示例，帮助您克服技术瓶颈，实现进阶。内容将随 React 版本更新而持续更新，包括 React 系列。

       作者：在一线互联网大厂工作七年，有六年 React 开发经验，通读 React 源码，撰写多篇《React 进阶》系列文章。

       点击进入学习

2. 前端面试之道

       构建全面的前端知识体系，深入探究技术原理，掌握大厂面试中常考知识点。一年磨一剑，精心打造。

       作者：yck，四年前端工程师，经历了从小厂到大厂的面试过程，专注于前端基础设施及架构领域，目前在新加坡某公司任职 Senior Software Engineer。

       点击进入学习

3. 剖析 Vue.js 内部运行机制

       以简单易懂的方式带领读者探索 Vue.js 的世界，通过小 Demo 抽象原理，形成简易版 Vue.js 实现，帮助理解核心概念。

       作者：某外企前端 Leader，前阿里巴巴、滴滴出行和创业团队的前端工程师。

       点击进入学习

4. 前端性能优化原理与实践

       深入理解前端性能优化的原理，将晦涩的知识转化为实践技能，建立个人优化技能库。

       作者：一线电商集团前端工程师，拥有丰富的研发、面试和性能优化经验。

       点击进入学习

5. JavaScript 设计模式核心原理与应用实践

       以易于理解的方式介绍编程“套路”，引导读者深入理解设计模式原理，并在实际场景中应用。

       作者：修言，曾为《前端性能优化原理与实践》小册作者，现为一线电商集团前端工程师。

       点击进入学习

6. 小程序云开发入门到实践

       零基础学习小程序开发和腾讯云云开发知识，实践完成完整小程序项目，适合初学者。

       作者：李东bbsky，腾讯云云开发布道师，致力于普及互联网技术技能。

       点击进入学习

7. Taro 多端开发实现原理与项目实战

       详细解析 Taro 多端开发框架，通过电商核心项目的实战，帮助开发者快速上手多端项目。

       由凹凸实验室的多名开发工程师联合编写，他们来自 Taro 核心开发者、多款小程序的开发者。

       点击进入学习

8. 前端算法与数据结构面试：底层逻辑解读与大厂真题训练

       面向实战的前端算法面试教学，通过接地气的解释和大量图解，构建算法能力体系。

       点击进入学习

9. Web 前端面试指南与高频考题解析

       适合应届毕业生和计划跳槽的前端开发者，提供面试技巧和高频考题解析。

       点击进入学习

. React Hooks 与 Immutable 数据流实战

       以实战为导向，深入探索 React 开发中的设计模式与性能优化策略，打造完整前端工作流。

       点击进入学习

. babel 插件通关秘籍

       深入学习 babel 编译原理，掌握编写任何 babel 插件的技能，包括基础、进阶、实战和简易 babel 实现。

       作者：某一线大厂前端工程师，公众号[神光的编程秘籍]维护者，对编译原理有深入研究。

       点击进入学习

. 大厂 H5 开发实战手册

       由京东凹凸实验室的资深前端工程师编写，提供 H5 开发和 UI 开发的实战技巧，适合应聘大厂 H5 开发或 UI 开发职位的开发者。

       点击进入学习

. TypeScript 全面进阶指南

       深入探讨 TypeScript 的应用，提高代码的健壮性、可读性，提升开发效率和体验。

       作者：阿里巴巴前端开发工程师，热衷于分享和推广 TypeScript 相关知识。

       点击进入学习

. 玩转 CSS 的艺术之美

       深入 CSS 技巧，提供大量骚操作示例，提升审美标准和艺术创作能力。

       作者：资深前端工程师，网易互动娱乐事业群成员，负责前端工程化和架构设计。

       点击进入学习

. 深入浅出 Vite

       系统学习 Vite 构建工具，提升前端工程化能力，全面掌握构建生态和底层原理。

       作者：前端工程化领域专家，曾将 Vite 应用于抖音直播等大型业务，同时也是 Vite Contributor。

       点击进入学习

. TypeScript 类型体操通关秘籍

       掌握 TypeScript 类型体操的六大技巧，成为类型编程高手，涵盖类型系统和实战案例。

       作者：前阿里架构组前端工程师，对前端编译原理有深入研究。

       点击进入学习

. React 实战：设计模式和最佳实践

       深入了解 React 应用设计模式和最佳实践，包括 Suspense 和 Hooks 的应用。

       点击进入学习

. 前端调试通关秘籍

       掌握 VSCode Debugger、Chrome DevTools 和 Charles 等调试工具，提升调试能力。

       点击进入学习

. Webpack5 核心原理与应用实践

       从工程搭建、构建性能优化到 Loader 和 Plugin 开发，深入剖析 Webpack 执行原理。

       作者：字节跳动前端工程师，重度帝王蟹爱好者，对前端工程化有深入研究。

       点击进入学习

. WebGL 入门与实践

       介绍 WebGL 和 CSS 3D 开发技巧，演示 3D 数学库在 Web 开发中的作用。

       点击进入学习

. Vue3 企业级项目实战

       围绕 Vue3、Element Plus 和 Spring Boot 开展的完整企业级项目开发实战。

       点击进入学习

. 基于 Vite 的组件库工程化实战

       探索 Vite 在组件库工程化中的应用，提升项目开发效率。

       点击进入学习

. 从前端到全栈

       通过 Node.js 从前端角度体验全栈开发，涵盖工具脚本、HTTP 服务、工程化和跨平台开发。

       点击进入学习

. NestJS 项目实战

       学习使用 NestJS 构建高效、可扩展的 NodeJS 服务端应用。

       点击进入学习

. Vue 商城项目开发实战

       完成一个完整 Vue 商城项目的开发，包含技术讲解和实战。

       点击进入学习

. 基于Node的DevOps实战

       通过实践项目深入 DevOps 工程，包括开发、测试、构建和部署。

       点击进入学习

. 区块链开发入门：从0到1构建基于以太坊智能合约的ICO DApp

       为前端开发者提供区块链开发基础，通过 DApp 实战掌握区块链技术。

       点击进入学习

. Uniapp从入门到进阶

       全面讲解跨平台应用开发，包含 Uniapp 常用知识点、基础 API、前端交互、组件封装、后端 Nodejs 开发、前后端联调和优化部署。

       点击进入学习

. 现代 Web 布局

       基于 Web 开发需求，探索现代布局技术，适应不同设备和场景。

       点击进入学习

. 深入剖析 Node.js 底层原理

       从源码角度解读 Node.js 设计，实现简易 JS 运行时，提升 Node.js 技能。

       点击进入学习

程序员的交流平台有哪些?

       GitHub，一个面向开源及私有软件项目的托管平台，因其支持Git作为唯一版本库格式而闻名。该平台汇集了全球超两千八百万注册用户和七千九百万代码库，成为世界最大的代码存放网站及开源社区。程序员在这里交流，分享代码，探寻项目。高效使用指南：如何使用GitHub？

       Gitee，中国版的GitHub，提供基于Git的代码托管服务。拥有五百万注册开发者和超过一千万代码仓库。Gitee提供免费Git仓库、代码质量检测、项目演示等功能，支持团队协作开发，适用于五人以下小团队，提供项目管理、代码托管、文档管理服务。

       Coding，云端开发平台，集代码托管、运行空间、质量控制、项目管理等功能于一体，还包括社会化协作功能和社交元素，方便开发者技术讨论和协作。其代码管理功能与GitHub类似。

       掘金，开发者成长社区，内容涵盖前端、后端、Android、iOS、人工智能等，首页文章排名取决于质量与点赞数。掘金还设有各类技术交流群，便于开发者互动。

       CSDN，程序员技术博客的发源地，内容限定于计算机领域，汇聚大量技术文章、解决方案、源代码和课程，可学习丰富知识。

       博客园，面向开发者的专业知识分享社区，专注于计算机领域，文章质量上乘，注重首页博文质量，界面简洁，少广告。

       知乎，意外的程序员交流平台。作为知识分享社区，知乎集结大量从事互联网行业的用户。知乎对原创知识保护和知识付费的实施，吸引了众多程序员大牛在此开专栏、直播和咨询。