RainBow
## 前言 **需求描述** 小程序产品列表和 APP 接口统一，实现产品轮播页单页楼梯导航效果 **效果预览** App 与 小程序产品页交互效果查看 ## 实现思路 ### 1. 改造数据 ```js // clearnData 方法 Page({ clearnData(data) { // ... data.forEach((o, dataIndex) => { objList.push({ key:...
## 前言 在一个 Nuxt3 新项目中需要分析框架默认集成的首屏开启 preload 和 prefetch 优化方案而引起页面初始化加载从白屏到最终加载页面期间的图标、字体页面不正常闪动的问题。 prefetch 和 preload 是浏览器提供的两种资源预加载技术，它们可以预先请求浏览器可能需要的资源，并将这些资源缓存到本地，以便在页面需要时能够更快地获取，从而显著提高网站性能，优化用户体验。这些资源可以是文本文件、图像、音频或视频等各种类型的文件。 预加载属性 preload 与 prefetch 区别 - preload 告诉浏览器立即加载资源; - prefetch 告诉浏览器在空闲时才开始加载资源； - preload、prefetch 仅仅是加载资源，并不会“执行”; - preload、prefetch 均能设置、命中缓存；...
## postMessage：H5 与 App 交互 H5 调 APP 1. 由 APP 向 H5 注入一个全局 js 对象，然后在 H5 直接访问这个对象，如 **JSBridge** 2. window 后面接的方法必须使用 APP 定义好的监听方法，如：**postMessage** 3. 监听方法 **postMessage** 后面接具体逻辑调用的方法或直接传参 （参数必须和 APP...
## 简介 简介：该片是一部完整追踪农民工十三年创业历程的大型纪录片，通过电视语言来探讨中国农民新的生存和发展问题。该片从三姐妹和她们家庭变迁的故事，折射出中国农民问题的真实缩影。《三姐妹故事》跟踪拍摄一个家庭三个姐妹的故事，记录下三姐妹细微的人生命运变化，续集用大量的篇幅表现三姐妹子女一辈的生活，更具感染力、更具人情味，农二代、留守儿童所暴露的一些问题也在追问着中国的未来。该片几乎见证了中国农业社会15年变迁的各个时期、各个重要节点、各个重大事件，是中国三农问题的一部电视文献，同时也见证了中国社会的沧桑变迁，具有深刻的社会学价值和珍贵的生活档案价值。 ## 第一集 本集主要内容： 东莞市是中国最著名的打工之都。在陈凤英到来时，这个城市已经有数十万来自农村的打工者忙碌在生产线上。全市户籍人口仅有154万人，而实际外来务工人员就超过了600万人。占了城市人口总数的2/3。第二年，陈凤英的妹妹陈秋芬和表妹刘永芬也踏着姐姐的足迹来到了东莞。陈秋芬在东莞新科电子设备厂也当上了流水线上的操作员；陈家姐妹每天天不亮就得起来，每天的工作大都超过了12个小时。大姐陈凤英外出打工第三年的春节，这是她们离家后的第一次回家。（《三姐妹的故事》 第一集） ## 第二集 本集主要内容： 2007年春节后的一天，陈凤英夫妇接到一个从云南打来的电话，邀约他们合伙。于是，他们匆匆忙忙离开家乡，带上几年创业攒下来的15万现金，来到云南祥云，创办一家铝合金加工商店，专门代理一家全国知名品牌的铝合金产品。在贵州的妹妹陈秋芬，服装生意还可以，但生活却出现了问题。 表妹刘永芬跟着丈夫来到温州开始不一样的打工生活。 （《三姐妹的故事》 第二集） ## 第三集 本集主要内容： 2008年一场大雪影响了公路和铁路的运行，陈凤英夫妇千辛万苦终于回到家里。在县城也买上了自己的新房，赶着在初六之前装修好搬进去。表妹刘永芬孩子失踪之后，她又再要了一个小孩，她不管工作多么辛苦，再也不让老人单独带。之后，不管走到哪里，他们都不忘记寻找失踪的女儿。 （《三姐妹的故事》 第三集） ## 第四集 本期节目主要内容： 陈秋芬春节回家后就留在老家，正值她临近预产期时，一场大地震爆发——汶川地震，小卢瑶也提前到来，给家里带来几分慰藉。转眼间，当年的小侄女小蓉已经高二学生，转眼面临高考，她又将怎么样抉择。陈凤英的丈夫刘进伟听到西藏有水利大工程动工，需要后勤保障，他就进藏勘察，开办了交通餐厅。 （《三姐妹的故事》 第四集） ## 第五集 本期节目主要内容：...
学习方法
[如何完善自己的知识结构](https://program-think.blogspot.com/2013/09/knowledge-structure.html) ================================================================================== **文章目录** [★引子](https://program-think.blogspot.com/2013/09/knowledge-structure.html#head-1)\ [★领域](https://program-think.blogspot.com/2013/09/knowledge-structure.html#head-2)\ [★【跨领域】的知识分布](https://program-think.blogspot.com/2013/09/knowledge-structure.html#head-3)\ [★领域【内部】的知识体系](https://program-think.blogspot.com/2013/09/knowledge-structure.html#head-4)\ [★知识点](https://program-think.blogspot.com/2013/09/knowledge-structure.html#head-5)\ [★结尾](https://program-think.blogspot.com/2013/09/knowledge-structure.html#head-6) ## ★引子 最近几年，陆续有读者来信跟俺交流"知识管理"这个话题。也有读者在博客留言，建议俺专门为此话题写一个系列。不过捏，因为手头还有 N 多系列没有收尾，再开新的系列要激起公愤了 :) 所以，今天只单独写一篇，谈谈俺对知识结构的看法。\ 其实捏，这是一个很大的话题，想用一篇博文完全说清楚，不太现实。俺只从三个层面入手，说说个人的看法，仅供列位看官参考。 ## ★领域 （本来想用"学科"这个词，后来觉得"学科"的范畴还是偏小，就改用"领域"）\ 按照传统的习惯，通常会把知识归类到不同的领域（比如：文学、数学、计算机、烹调、等等）。 ### ◇领域之间的【包含】关系 有些领域是另一个领域的一部分。\ 比如说，俺博客经常聊的"信息安全"，其实是"IT"这个领域的一个分支领域。\ 上面这类关系比较好理解，套用数学中集合论的说法，就是"某个领域是另一个领域的子集"。 还有一种稍微复杂一点的包含关系------某个领域同时被其它多个领域所包含。对这种关系，可以大致理解为"多个集合的交集"。\ 比如"量子信息学"，可以大致看成是信息学和量子力学的交集。 ### ◇领域之间的【依赖】关系 ...
# 学习技术的三部曲：WHAT、HOW、WHY **文章目录** - ★ 第一步：WHAT - ★ 第二步：HOW - ★ 第三步：WHY 最近几天有些网友在邮件里面问我关于学习的问题。有好几个人觉得工作了几年，也学会了不少的类库、框架、甚至语言，但是感觉自己的能力没有太大的提高。因此今天来说一下我个人对这方面的体会，希望对大伙儿（尤其是新手）有帮助。\ 先声明一下，本帖子讨论的三部曲是指你已经选定了某个技术方向之后，该如何学习；至于如何选定技术方向，则属于另一个话题，不在今天的讨论之列。\ 我把学习归类为三个步骤：What、How、Why。经过我对周围同事和朋友的观察，大部分感觉自己技术没有提高的人，都仅仅停留在 WHAT 阶段。下面我把这三个步骤解释一下。 ## ★ 第一步：WHAT 所谓的"WHAT"也就是"What is it?"------这是最简单的层次。在这个层次，你要搞清楚某个东东是【什么】样子的？有【什么】用处？有【什么】特性？有【什么】语法？......\ 举例如下： > 对于学习语言（比如 C++、Java、Python），大部分人都能够掌握基本的语法和标准库，然后用它写一些小程序（诸如二分查找、冒泡排序、简单文件操作等）。\ > 对于学习类库（比如 JDBC...
编程范式简介 ====== > 原文：[Programming Paradigms -- Paradigm Examples for Beginners](https://www.freecodecamp.org/news/an-introduction-to-programming-paradigms/)，作者：[Germán Cocca](https://www.freecodecamp.org/news/author/gercocca/) 大家好！这篇文章将讲解不同的编程范式，编程范式是对一些流行的组织编程方式的"花哨"称呼。 我把话题拆分，并且每个范式补充一个例子。通过这篇文章，你就可以了解当人们在说"面向对象"、"函数式"以及"声明式"时，他们在说什么。 虽然我会提供一些伪代码和代码示例，但是这篇文章的讨论仅停留在范式表层和理论层面。 我计划将在之后用JavaScript示例来深入讲解每一个范式，如果你感兴趣的话可以关注我（关注方式见文章结尾）。 让我们开始吧！ 文章目录 ---- - [编程范式是什么](https://www.freecodecamp.org/chinese/news/an-introduction-to-programming-paradigms/#what-is-a-programming-paradigm) - [编程范式不是什么](https://www.freecodecamp.org/chinese/news/an-introduction-to-programming-paradigms/#what-a-programming-paradigm-is-not) - [我为什么了解编程范式？](https://www.freecodecamp.org/chinese/news/an-introduction-to-programming-paradigms/#why-should-i-care) - [常见的编程范式](https://www.freecodecamp.org/chinese/news/an-introduction-to-programming-paradigms/#popular-programming-paradigms) - [命令式编程](https://www.freecodecamp.org/chinese/news/an-introduction-to-programming-paradigms/#imperative-programming) - [过程式编程](https://www.freecodecamp.org/chinese/news/an-introduction-to-programming-paradigms/#procedural-programming)...
## 前言 选择拥抱开源，无疑参与 `github`的开源项目是最好的选择,先从同步 fork 仓库开始做起！ ## 一、确认本地 fork 仓库版本是否落后于原仓库 ### 1. 查看 github fork 仓库后的 `commit`数量及提交日志  本地 `clone` 自己仓库 后的 `commit log` 日志，与 gihub 上一致  ### 2....
## Modules 模块是 Nuxt.js 扩展，可以扩展其核心功能并添加无限的集成。  在使用 Nuxt 开发应用程序时，您很快就会发现框架的核心功能还不够。 Nuxt 可以使用配置选项和插件进行扩展，但是在多个项目中维护这些自定义是繁琐、重复和耗时的。 另一方面，开箱即用支持每个项目的需求将使 Nuxt 非常复杂且难以使用。 这就是 Nuxt 提供高阶模块系统使得扩展核心成为可能的原因之一。模块是启动 Nuxt 时顺序调用的函数。框架等待每个模块完成后再继续。通过这种方式，模块几乎可以定制项目的任何方面。由于 Nuxt 的模块化设计（基于 webpack 的 Tapable ），模块可以轻松地为某些入口点（例如构建器初始化）注册钩子。模块还可以覆盖模板、配置 webpack 加载器、添加 CSS 库以及执行许多其他有用的任务。我们可以使用功能强大的 [Hookable](https://github.com/nuxt-contrib/hookable) ...
## Chrome DevTools: node --inspect 1. 允许 npm run debug ```js "scripts": { "dev": "node src/app.js", "debug": "node --inspect-brk src/app.js" }, ``` 查看日志：（日志中的 9229 端口有用，记下来） ``` > [email protected] debug >...