乐胖代购免代理版

React 优化技巧在 Web 版光线追踪里的应用(中)

在上篇中，我们介绍了 JS 里的操作符重载方案，它就像 React 里使用 JSX 代替 React.createElement 那样。可以优化我们的代码，使之更加简洁和直观。工业聚：React 优化技巧在 Web 版光线追踪里的应用(上)然而，它仅仅是语法糖，并不能解决性能问题。光线追踪算法的巨大运算量，需要别的优化技巧。今天我们就来讲一下这些技巧。解决方案：Time Slicing时间分片，或

React

Web

转载 2021-02-03 10:14:37 260 阅读 2评论

React 优化技巧在 Web 版光线追踪里的应用(下)

在《React 优化技巧在 Web 版光线追踪里的应用(上)》中，我们介绍了 JS 中的操作符重载方案；在《React 优化技巧在 Web 版光线追踪里的应用(中)》中，我们介绍了 Time Slicing 和 Streaming Rendering 优化策略。代码里的公式不再难看，UI 线程不再卡顿。用渐进的方式进行第一次渲染，用户更快的看见内容。这些都是不错的优化。不过，我们还可以做更多。进阶

React

转载 2021-02-03 10:13:09 155 阅读 2评论

React 优化技巧在 Web 版光线追踪里的应用(下)

在《React 优化技巧在 Web 版光线追踪里的应用(上)》中，我们介绍了 JS 中的操作符重载方案；在《React 优化技巧在 Web 版光线追踪里的应用(中)》中，我们介绍了 Time Slicing 和 Streaming Rendering 优化策略。代码里的公式不再难看，UI 线程不再卡顿。用渐进的方式进行第一次渲染，用户更快的看见内容。这些都是不错的优化。不过，我们还可以做更多。进阶

React

Web

转载 2021-02-03 10:13:06 157 阅读

浏览器渲染流程

简单流程解析 HTML 文本构建 DOM tree解析 CSS 样式构建 CSSOM tree根据 DOM tree 和 CSSOM tree 构建 Render tree根据 Render tree 信息进行布局处理（Layout）对页面元素进行绘制（Painting）WebKit main flowMozilla Gecko rendering engine main flow两个主流渲染引擎

浏览器渲染

转载 2021-02-03 10:12:29 234 阅读 2评论

沃德天，Python 竟然还能做实时翻译

沃德天，Python 竟然还能做实时翻译欢迎关注我，一块来履行我之前的承诺，连更一个月之内，把几篇写完。序号预计完成时间开发 dome 名字以及功能 & 发布文章内容是否已写完文章链接19 月 3文本翻译，单文本翻译，批量翻译 demo。已完成CSDN：点我直达微信公众号：点我直达29 月 11OCR-demo，完成批量上传识别; 在一个 demo 中可选择不同类型的 OCR 识别《包含

Python

转载 2021-02-03 10:12:03 692 阅读

SQL-JOIN 全解析

SQL JOIN 的作用就是把来自多个表的数据行，根据一定的规则连接起来，形成一张大的数据表。例如下面这张用烂了的图，可以帮你快速理解每个 join 用法的效果：这张图描述了 left join（左连接）、right join（右连接）、inner join（内连接）、outer join（外连接）相关的 7 种用法。我改了一版：感觉更方便理解了可以关注我公众号，回复“mysql”，可以拿到高清

SQL-JOIN

转载 2021-02-03 10:11:44 911 阅读 2评论

java之static关键词的作用

static关键词的作用1、静态成员变量的语法特定 2、静态函数的语法特定 3、静态代码块的语法特定定义静态成员变量Person.javaclass Person{ static int a; }复制代码按照以前可以这么调用public class Test1{ public static void main(String[] args){ Person person = new Person()

java

static

转载 2021-02-03 10:11:24 297 阅读 2评论

手写一个webpack

缘起jquery 时代，javascript 的模块化只能在 node 端实现，前端页面只能这么写前端复杂页面，引入无尽的脚本前端<script src="./a.js"></script><script src="./b.js"></script><script>console.log('a==>>', a); consol

webpack

转载 2021-02-03 10:11:07 263 阅读 2评论

leetcode - 寻找两个正序数组的中位数

leetcode - 寻找两个正序数组的中位数leetcode-cn.com/problems/me…给定两个大小为 m 和 n 的正序（从小到大）数组 nums1 和 nums2。请你找出并返回这两个正序数组的中位数。进阶：你能设计一个时间复杂度为 O(log (m+n)) 的算法解决此问题吗？示例 1：输入：nums1 = [1,3], nums2 = [2] 输出：2.00000 解释：合并

leetcode

正序数组

转载 2021-02-03 10:10:53 393 阅读 2评论

网页字体加载优化

最近工作中，遇到一个页面。需要使用设计提供字体，但因字体过大导致页面加载速度很慢。梳理了一下解决方案解决方案如下让设计把字体压缩，只提供需要用的文字部分，适用于只使用字体包内固定的部分文字，缺点：灵活性较差使用 data urls 把字体转换为 base64 引入，第二次进入页面加载速度较快，缺点：需要使用工具手动转换且初次加载较慢网络字体可以使用字体加载库异步加载，缺点：几个常用的加载库都不支

网页字体加载

转载 2021-02-03 10:10:32 1244 阅读 2评论

干货分享：Spring DI 依赖注入有几种方式？

Spring 实例化 bean 的方式Set注入构造器注入静态工厂注入实例化工厂注入案例实操Set注入xml配置（同时spring也提供了对于基本数据类型的set注入方式）<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"xmlns:xsi

Spring DI

转载 2021-02-03 10:10:07 119 阅读 2评论

SQL 优化终于干掉了 “distinct”

sql 优化之多表联合查询干掉 “distinct” 去重关键字在我提交了代码的时候，架构师给我指出我这个sql这样写会有问题。因为在分库分表的时候，是不支持子查询的。复制代码所以需要把多表的子查询的 sql 结构进行优化。是不是挺恐怖的；（此处为了脱敏，我把相关的 sql 关键词都给打码掉了）这个 sql 的执行步骤如下： 1、查询出来 d 表中的某个 id 字段包含多个 id 值的所有的数据（

SQL

distinct

转载 2021-02-03 10:09:53 211 阅读

4 天 4 夜渡劫成功, 解决 10 月 1 项目上线遇到的一个 Mysql 大坑, 导致项目无法正常访问

经历 4 天 4 夜解决 10 月 1 项目上线遇到的一个 Mysql 大坑, 导致项目无法正常访问标题是不是惊讶到你了，但是确实是一个大坑，特此记录下来，方便他人查阅。标题虽然夸张了，但是问题确实真真实实的。由于工作室的几个团队需要发布项目，参加比赛。正好都挤在了最后 2 天，时间也比较紧张。由于学弟学妹们对项目在服务器上的部署过程并不是太熟悉，又恰巧我对这方面还略知一二，还因为我有一台比学生

Mysql

转载 2021-02-03 10:09:33 187 阅读 2评论

用 Python 解决女朋友看电影没字幕的需求

是这样子的，女朋友晚上突然翻到了自己喜欢看的一个电影，但是没有字幕，这让她很苦恼。我急中生智，紧急的解决了我女朋友的需求。用 Python 做一个可以识别语音，然后翻译出来文字的软件。一、故事情节是这样子的，女朋友晚上突然翻到了自己喜欢看的一个电影，但是没有字幕，这让她很苦恼。我急中生智，紧急的解决了我女朋友的需求。想到了使用 Python 做一个可以识别语音，然后翻译出来文字的软件。如下图就是本

Python

转载 2021-02-03 10:09:10 505 阅读

Flutter ListTile - Flutter每周一组件

该文章属于【Flutter每周一组件】系列，其它组件可以查看该系列下的文章，该系列会不间断更新；所有组件的demo已经上传值Github: https://github.com/xj124456/flutter_widget_demo 欢迎Star博客：思否, 掘金, 知乎, 简书, 慕课, CSDN, 博客园, DX前端公众号：DX前端框架知识库联系我：公众号菜单点击联系我使用场景组

Flutter ListTile

转载 2021-02-03 10:08:49 251 阅读 2评论

使用Rancher部署管理K8S集群，真香！

今天来个快餐，不涉及K8S理论知识。主要介绍一下使用Rancher来部署、管理K8S集群，真的很香！使用Rancher安装K8S集群主机规划主机名称角色IP地址基础软件k8s-rancher管理k8s集群192.168.242.109docker-cek8s-masterk8s集群主节点192.168.242.108docker-cek8s-worker-node01k8s集群从节点1192.16

Rancher

K8S

转载 2021-02-03 10:08:27 605 阅读 2评论

HashMap&ArrayList浅析

HashMap前置条件：Hash的公式---> index = HashCode（Key） & （Length - 1）1.数据结构java8之前：数组+链表java8之后：数组+链表+红黑树2.如何实现插入值的hashmap数组每个地方都会保存K-V实例，java7叫Entry，java8叫node，因为本身所有位置都为null，所以在插入的时候会根据key的hash去计算得到一

HashMap

ArrayList

转载 2021-02-03 10:06:48 176 阅读 2评论

v-move指令，让元素可以随意移动，vue3+TS

缘由还是写颜色选择器的完善，因为要有滑块功能。所以需要编写一个这么一个小东西。而且，以后页面中所有滑块都需要用到它吧。功能我已经写完了。需要的直接拿走。非vue3的用户自己改改。原理注意说明当前元素会增加absolute属性，父元素会设置为relative常规绑定button v-dht-move="shuffle">剪切板测试</button> function shuffle

v-move

vue3+TS

转载 2021-02-03 10:06:28 3225 阅读 2评论

知识分享：通过 Spring 框架如何进行JDBC操作呢？

Spring 整合 JDBC 的方式添加依赖编写配置文件 db.propertiesbean.xml 配置修改配置数据源模板类配置测试整合结果案例实操添加依赖数据库驱动 jar 包mysql-connector-java-5.1.25-bin.jar复制代码数据库连接池相关 jar 包c3p0-0.9.5.2.jar、mchange-commons-java-0.2.11.jar复制代码Sprin

Spring

JDBC

转载 2021-02-03 10:06:07 102 阅读 2评论

HBase 1.1.2 REST API 初体验

环境版本： ·HDP 2.5.3 ·HBase 1.1.2HBase 提供了 REST API，为开发者增加了更多选择。环境版本： ·HDP 2.5.3 ·HBase 1.1.2复制代码HBase 提供了 REST API，为开发者增加了更多选择。我们可以使用 HBase REST API 对表进行增删改查，但本篇博客主要使用查询功能。请注意 HBase 版本！请注意 HBase 版本！请

HBase

REST API

转载 2021-02-03 10:05:44 834 阅读 2评论

Flutter ListTile - Flutter每周一组件

该文章属于【Flutter每周一组件】系列，其它组件可以查看该系列下的文章，该系列会不间断更新；所有组件的demo已经上传值Github: https://github.com/xj124456/flutter_widget_demo 欢迎Star博客：思否, 掘金, 知乎, 简书, 慕课, CSDN, 博客园, DX前端公众号：DX前端框架知识库联系我：公众号菜单点击联系我使用场景组

Flutter ListTile

Flutter

转载 2021-02-03 10:03:20 101 阅读 2评论

基于 HDP 使用 Flume 实时采集 MySQL 中数据传到 Kafka+HDFS 或 Hive

基于 HDP 使用 Flume 实时采集 MySQL 中数据传到 Kafka+HDFS 或 Hive环境版本： HDP-2.5.3 注意：HDP 中 Kafka broker 的端口是 6667，不是 9092 前言有两种方式可以将数据通过 flume 导入 hive 中，一是直接 sink 到 hive 中，二是 sink 到 hdfs 中，然后在 hive 中建个外部表。环境版本： HDP-2

HDP

MySQL

Kafka+HDFS

Hive

转载 2021-02-03 10:02:52 1542 阅读 2评论

用信号来控制异步流程

我们知道，JavaScript 不管是操作 DOM，还是执行服务端任务，不可避免需要处理许多异步调用。在早期，许多开发者仅仅通过 JavaScript 的回调方式来处理异步，但是那样很容易造成异步回调的嵌套，产生 “Callback Hell”。后来，一些开发者使用了 Promise 思想来避免异步回调的嵌套，社区将根据思想提出 Promise/A+ 规范，最终，在 ES6 中内置实现了 Prom

异步

转载 2021-02-03 10:02:25 234 阅读 2评论

使用 Sqoop 将 SQL Server 视图中数据导入 Hive

环境版本： ·HDP-2.5.3 ·Hive 1.2.1 ·Sqoop 1.4.6 ·SQL Server 2012 文章目录 1. 下载 sqljdbc4.jar 放在 $SQOOP_HOME/lib 下 2.......环境版本： ·HDP-2.5.3 ·Hive 1.2.1 ·Sqoop 1.4.6 ·SQL Server 2012复制代码2.1 List available data

Sqoop

SQL Server

Hive

转载 2021-02-03 10:02:03 2220 阅读 2评论

Hive、Beeline、Spark-SQL、Spark-Shell CLI 使用

文章目录 1 Hive2 Beeline3 Spark-SQL4 Spark-shell1 Hive[root@hqc-test-hdp1 ~]# su hdfs[hdfs@hqc-test-hdp1 r......1 Hive[root@hqc-test-hdp1 ~]# su hdfs [hdfs@hqc-test-hdp1 root]$ cd # 准备数据 [hdfs@hqc-test-hd

Hive

Beeline

Spark-SQL

Spark-Shell CLI

转载 2021-02-03 10:01:36 1094 阅读 2评论

非科班毕业生四个月的面试准备，网易三轮面面试，成功拿下offer（面经奉上）全靠这份阿里面试手册

在拿到网易offer之后，他发了这么一条朋友圈。其实我看到之后心中有很大的感触：在目标达成之前，我们会处于一种十分煎熬的状态-----我们会怀疑自己的能力是否与公司要求匹配、会怀疑自己坚持的方向是否正确、会怀疑自己的运气。在拿到网易offer之后，他发了这么一条朋友圈。其实我看到之后心中有很大的感触：在目标达成之前，我们会处于一种十分煎熬的状态-----我们会怀疑自己的能力是否与公司要求匹配、会怀

面试准备

转载 2021-02-03 10:01:07 110 阅读 2评论

CF卡插到时显示文件名变乱码请问咋才能修复？

文件名变乱码说明这个盘的文件系统结构损坏了。CF卡插到时显示文件名变乱码请问咋才能修复？具体恢复方法可以看正文了解（不格式化的恢复方法）工具/软件：光明数据恢复软件步骤1：先下载并解压程序运行后，直接双击需要恢复的分区. 步骤2：程序找出数据后，会放到与要恢复盘同名的目录中步骤3：扫描完成后文件夹名变《目录+数字》，没关系这是最外层的根目录被破坏导致的，里面的文件名都是正常的。勾选所

CF

转载 2021-02-03 10:00:29 1459 阅读 2评论

JAVA集合-HashMap

简介HashMap存放的键值对，是常用的Java集合之一。 JDK1.8之前HashMap是由数组+链表组成，主体是数组，链表用来解决哈希冲突。 JDK1.8之后，当链表长度大于8链表会转为红黑树（如果数组长度小于64，则会优先扩容数组）。复制代码结构基本结构HashMap的结构如上图所示。HashMap通过对key的hashcode扰动后得到hash值，然后(数组长度-1)&hash值得

JAVA

HashMap

转载 2021-02-03 10:00:06 203 阅读 2评论

漫谈 JS 函数式编程（一）

这可能是最简单易懂的函数式编程介（扯）绍（淡）了目前前端界（以及其他一些领域）对函数式编程大体上两种态度，一些人是觉得函数式编程特牛逼，尤其是现在许多新生的框架和库都在标榜自己的函数式特征。而另一些人，又觉得函数式编程学起来很难，而且似乎也没有什么卵用，理由是在自己经历的项目里面很难看到具体的函数式编程应用场景，甚至其中许多人认同一个观点，觉得函数式编程只适合于学术研究，很难在工程项目中实际使用。

JS 函数式编程

转载 2021-02-03 09:59:48 274 阅读 2评论

CSS必知|重点属性display|实践技巧|温故知新

学海无涯，不要沉浸在知识的海洋里，迷失自己。要知道自己想要什么，抓住重点，不忘初心。这个世界上百分之20的人，掌握着百分之80的财富。接下来一系列教程，就带领大家抓住重点，一起做那百分之20的人。一、重点属性displaydisplay 是CSS中最重要的用于控制布局的属性。每个元素都有一个默认的 display 值，这与元素的类型有关。对于大多数元素它们的默认值通常是 block 或 inlin

CSS

display|

转载 2021-02-03 09:59:27 214 阅读 2评论

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

mb6018e67ba1c26的博客

React 优化技巧在 Web 版光线追踪里的应用(中)

React 优化技巧在 Web 版光线追踪里的应用(下)

React 优化技巧在 Web 版光线追踪里的应用(下)

浏览器渲染流程

沃德天，Python 竟然还能做实时翻译

SQL-JOIN 全解析

java之static关键词的作用

手写一个webpack

leetcode - 寻找两个正序数组的中位数

网页字体加载优化

干货分享：Spring DI 依赖注入有几种方式？

SQL 优化终于干掉了 “distinct”

4 天 4 夜渡劫成功, 解决 10 月 1 项目上线遇到的一个 Mysql 大坑, 导致项目无法正常访问

用 Python 解决女朋友看电影没字幕的需求

Flutter ListTile - Flutter每周一组件

使用Rancher部署管理K8S集群，真香！

HashMap&ArrayList浅析

v-move指令，让元素可以随意移动，vue3+TS

知识分享：通过 Spring 框架如何进行JDBC操作呢？

HBase 1.1.2 REST API 初体验

Flutter ListTile - Flutter每周一组件

基于 HDP 使用 Flume 实时采集 MySQL 中数据传到 Kafka+HDFS 或 Hive

用信号来控制异步流程

使用 Sqoop 将 SQL Server 视图中数据导入 Hive

Hive、Beeline、Spark-SQL、Spark-Shell CLI 使用

非科班毕业生四个月的面试准备，网易三轮面面试，成功拿下offer（面经奉上）全靠这份阿里面试手册

CF卡插到时显示文件名变乱码请问咋才能修复？

JAVA集合-HashMap

漫谈 JS 函数式编程（一）

CSS必知|重点属性display|实践技巧|温故知新

欢迎