1.ElementUI2.Xel-tree的源码一些实践思考
2.如何在windows中编写R程序包
3.安卓App热补丁动态修复技术介绍
4.登录网页的速度和源代码哪个模块有关

ElementUI2.Xel-tree的一些实践思考

       ElementUI里面的树组件el-tree在业务开发里面比较常见。同时也有很多令人迷惑的源码地方坑。在此文章中做一次简单的源码总结。常规的源码使用方法请参考官方文档。

迷惑?源码（一）.懒加载的树，节点更新问题

       官方文档里面更新树或者节点的源码html分类列表源码方法如下：

       这些方法在非懒加载树情况下，均没有问题。源码

       但是源码：lazyload模式下append或remove后不更新?，我最近业务需求需要操作懒加载的源码tree，更新append后发现效果，源码也很郁闷。源码关于这个问题：可以参考这个文章。源码可以解决部分业务场景问题。源码

       我这边业务里面使用的源码更新树逻辑：每次数据更新，只更新引起数据改变的源码图文视频展示网站源码数据的父节点node，达到类似单条更新的效果非真正意义的单条更新，因为业务需求需要当前的一片段的树的数据最新

       注释：单条数据单个node数据更新方法：方法：通过getNode拿到节点，更新data即可：

?let?needOpeaterNode?=?(this.$refs.taskTree?as?any).getNode(keyPointId)?needOpeaterNode.data?=?XXX

       版本一：每次更新需要先让更新数据节点模拟第一次加载清空，如果当前的节点已展开，会出现“先收起、后打开”的效果。卡顿感比较明显。

refreshNodeBy(keyPointId?:?any)?{ //?记录需要打开的节点const?nodeMap:?any?=?(this.$refs.taskTree?as?any).store.nodesMap;let?needOpenId:?any?=?[];Object.values(nodeMap).forEach((ele:?any)?=>?{ if?(ele.expanded)?{ needOpenId.push(ele.data.keyPointId);}});this.expandedKeys?=?needOpenId;//开始更新树this.$nextTick(async?()?=>?{ let?node?=?(this.$refs.taskTree?as?any).getNode(keyPointId);?//?通过节点id找到对应树节点对象if?(node)?{ node.loaded?=?false;node.expand();?//?主动调用展开节点方法，重新查询该节点下的所有子节点return;}?else?{ //?更新根节点let?node:?any?=?this.$refs.taskTree;let?rootNode?=?node.root;//更改根节点?loaded?属性?为?FALSE，然后调用打开节点方法，触发数据查询rootNode.loaded?=?false;rootNode.expand();?//?主动调用展开节点方法，重新查询该节点下的所有子节点}});}

       版本二：相对于版本1，只是修改了数据更新逻辑顺序，不再操作节点的小白源码资源网打开状态，手动请求最新的数据后，利用源码里面提供的方法用最新数据渲染树。修改后。体验更流畅。

refreshNodeBy(keyPointId?:?any)?{ //?记录需要打开的节点const?nodeMap:?any?=?(this.$refs.taskTree?as?any).store.nodesMap;let?needOpenId:?any?=?[];Object.values(nodeMap).forEach((ele:?any)?=>?{ if?(ele.expanded)?{ needOpenId.push(ele.data.keyPointId);}});this.expandedKeys?=?needOpenId;//开始更新树this.$nextTick(async?()?=>?{ let?needOpeaterNode?=?(this.$refs.taskTree?as?any).getNode(keyPointId);?//?通过节点id找到对应树节点对象let?isRefreshRoot?=?false;if?(!needOpeaterNode)?{ //?更新根节点let?node:?any?=?this.$refs.taskTree;needOpeaterNode?=?node.root;isRefreshRoot?=?true;}//=================?主要修改代码================let?childs?=?needOpeaterNode.childNodes;let?newData?=?await?this.getTaskList(isRefreshRoot?undefined?:?needOpeaterNode);//清除原来tree?node挂载的数据节点。否则会导致数据被“拼接”处理childs.splice(0,?childs.length);//调用源码?tree?node方法，根据数据生成子节点needOpeaterNode.doCreateChildren(newData);//=================?主要修改代码================});}迷惑（二）.element-plus?TreeV2虚拟化树形控件解决大数据渲染问题，为什么不能将这个组件下发兼容vue2？

       因为业务需求，我们需要做树结构?的一键展开和一键收起逻辑。用懒加载树或非懒加载树显然会存在比较大的性能问题。百度之后，发现element-plus提供了虚拟树组件。但是不支持vue2，没有向下兼容。源码可以反编译么

       没办法，自己找思路吧：

1）思路一懒加载树

       将需求，修改为“打开下一级”。效果如下：

       部分demo代码：

openNextLevel()?{ let?needOpen:?any?=?[];let?allNode:?any?=?this.$refs.taskTree.store.nodesMap;Object.keys(allNode).forEach((ele:?any)?=>?{ if?(!allNode[ele].isLeaf)?{ needOpen.push(ele);}});//TODO?正式代码需要去重this.openKeys?=?[...this.openKeys,?...needOpen];}

       这种方案其实没有解决性能问题，只是一个比较大的性能开销分几次而已。治标不治本。

1）思路二懒加载树

       暂无==》》冥想中~~~

       原文：/post/

如何在windows中编写R程序包

       åœ¨Windows环境下如何编写R程序包，即生成供linux环境编译运行的tar.gz文件，也生成供windows下使用的.zip文件呢？其实并不复杂，只要下载一些工具软件，按照相应的步骤填写相应的“表格”，继而运行一些简单的指令，就可以生成R的程序包了。

       ç¼–写R程序包通常包括以下几步：

       ï¼ˆ1） 工具软件Rtools的安装和备选软件的安装。

       ï¼ˆ2） r脚本的准备，也就是用来生成程序包的函数脚本。

       ï¼ˆ3） 利用R中自带的package.skeleton()函数，生成制作包所需要的Description 文件和帮助文件帮助文件.rd。

       ï¼ˆ4） 编辑该函数生成的Description 文件和帮助文件.rd

       ï¼ˆ5） 在windows cmd的命令行中输入相应的命令，生成zip文件或者.tar.gz

       ä¸‹é¢æˆ‘们来一起建立只有一个函数的R程序包，来详细说明：

       ä¸€ 工具软件安装和配置

       åˆ¶ä½œr包的工具软件包括Rtools，HTML编译器，MikTeX 或Cte等（备选软件不一定要安装）：

       1 工具软件安装

       ï¼ˆ1）Rtools（制作R包的主要工具）

       Rtools是在windows下制作R包的一系列工具，其中包括

       1） CYGWIN 在Windows下模拟UNIX环境

       2） MinGW编译器，可用来编译C和Fortran语言。

       3） Perl

       ä¸‹è½½åœ°å€ï¼š

       Maintainer: helixcn <zhangjl@ibcas.ac.cn>

       Description: To give the exactly results of linear regression.

       License: GNU 2 or later

       LazyLoad: yes

       ï¼ˆ2）man文件夹中.rd文件编辑

       man文件夹中包含两个文件 linmod.Rd和linmod-package.Rd，分别是对linmod()函数和linmod包的介绍，下面逐项填写:

       1） linmod.Rd

       \name{ linmod}

       \Rdversion{ 1.1}

       \alias{ linmod}

       %- Also NEED an '\alias' for EACH other topic documented here.

       \title{

       linear regression

       }

       \description{

       to give the more exactly results of linear regression

       }

       \usage{

       linmod(x, y)

       }

       %- maybe also 'usage' for other objects documented here.

       \arguments{

       \item{ x}{

       a numeric design matrix for the model

       }

       \item{ y}{

       a numeric vector of responses

       }

       }

       \details{

       %% ~~ If necessary, more details than the description above ~~

       }

       \value{

       %% ~Describe the value returned

       %% If it is a LIST, use

       %% \item{ comp1 }{ Description of 'comp1'}

       %% \item{ comp2 }{ Description of 'comp2'}

       %% ...

       }

       \references{

       Friedrich Leisch, Creating R Packages: A Tutorial

       }

       \author{

       helixcn

       }

       \note{

       Please read Friedrich Leisch,

       }

       %% ~Make other sections like Warning with \section{ Warning }{ ....} ~

       \seealso{

       %% ~~objects to See Also as \code{ \link{ help}}, ~~~

       }

       \examples{

       ##---- Should be DIRECTLY executable !! ----

       ##-- ==> Define data, use random,

       ##-- or do help(data=index) for the standard data sets.

       ## The function is currently defined as

       function (x, y)

       {

       qx <- qr(x)

       coef <- solve.qr(qx, y)

       df <- nrow(x) - ncol(x)

       sigma2 <- sum((y - x \%*\% coef)^2)/df

       vcov <- sigma2 * chol2inv(qx$qr)

       colnames(vcov) <- rownames(vcov) <- colnames(x)

       list(coefficients = coef, vcov = vcov, sigma = sqrt(sigma2),

       df = df)

       }

       }

       % Add one or more standard keywords, see file 'KEYWORDS' in the

       % R documentation directory.

       \keyword{ ~kwd1 }

       \keyword{ ~kwd2 }% __ONLY ONE__ keyword per line

       2）linmod-package.Rd

       \name{ linmod-package}

       \Rdversion{ 1.1}

       \alias{ linmod-package}

       \alias{ linmod}

       \docType{ package}

       \title{ Linear Regression Modification}

       \description{ to Give the more exactly output of linear regression rather than R default}

       \details{

       \tabular{ ll}{

       Package: \tab linmod\cr

       Type: \tab Package\cr

       Version: \tab 1.0\cr

       Date: \tab --\cr

       License: \tab GNU 2.0 or later\cr

       LazyLoad: \tab yes\cr

       }

       ~~The aim of the package was to give the more exactly output of linear regression~~ linmod~~

       }

       \author{ helixcn

       Maintainer: helixcn <helixcn@.com>}

       \references{

       Friedrich Leisch,,Creating R Packages: A Tutorial

       }

       \seealso{ lm}

       \examples{

       data(cats, package="MASS")

       mod1 <- linmod(Hwt~Bwt*Sex, data=cats)

       mod1

       summary(mod1)

       }

       å›› 通过cmd创建R包

       å¼€å§‹>运行>cmd

       é”®å…¥ cd c:\pa\ 将工作目录转移到c:/pa下

       é”®å…¥ Rcmd build --binary linmod 制作window zip包

       é”®å…¥ Rcmd build linmod 制作linux平台下可运行的tar.gz包

       å‘½ä»¤è¿è¡Œå®Œä¹‹åŽå¯ä»¥å‘现，在c:/pa/文件夹下分别生成了linmod.zip和linmod.tar.gz压缩包。

       æ³¨æ„R CMD 系列命令是在windows控制台下运行，而非R控制台

       å‚考网址

       [1]/researchtips/building-r-packages-for-windows/

       [2]http://cran.r-project.org/doc/contrib/Leisch-CreatingPackages.pdf

       [3]http://faculty.chicagobooth.edu/peter.rossi/research/bayes%book/bayesm/Making%R%Packages%Under%Windows.pdf

       [4]http://www.biostat.uni-hannover.de/teaching/fallstudien/schaarschmidt2.pdf

安卓App热补丁动态修复技术介绍

       在移动应用的世界中，安卓App的紧急问题修复一直以来都是开发者的一大挑战。通常，当应用出现bug时，需要通过重新发布来解决问题，但这无疑会带来高昂的成本和对用户口碑的影响。然而，QQ空间终端开发团队打破常规，图像插值 源码公开提出了一个令人兴奋的动态修复技术——热补丁，旨在无需重新发布就能迅速解决紧急问题。

       以QQ空间Android版5.2为例，用户曾反馈无法正常跳转，这个问题的处理既迅速又悄无声息，展示了热补丁技术的显著优势。他们采用Android的dex分包策略，将问题类打包为patch.dex，巧妙地插入到classloader中。按照理论，优先加载的dex文件会先被加载，但这遇到了挑战——当ModuleManager引用QzoneActivityManager时，由于不同dex文件导致了错误。问题的关键在于CLASS_ISPREVERIFIED标志，它仅在odex（经过dexopt优化的dex文件）中开启校验。当引用和被引用的类不在同一个odex中，就会引发错误。

       为解决这个问题，QQ空间团队利用热补丁的精妙之处，通过构造函数巧妙地插入AntilazyLoad类（hack.dex），确保应用启动时hack.dex先于有问题的类加载。这样做避免了在Application中插入可能导致找不到类的代码，同时保持了代码执行的效率。他们选择构造函数插入字节码，而非源码，使用javaassist库，确保插入过程不影响性能。补丁包的生成则依赖于记录正式版本的class文件md5和mapping混淆文件，通过对比编译后的文件来创建针对性的补丁。

       这一技术的应用过程简单而高效，只需针对修改过的class文件打包为patch dex。值得注意的是，QQ空间作为腾讯集团的社交平台，拥有庞大的月活跃用户群体和不断发展的业务，他们终端开发团队的这一创新无疑为其他开发者提供了一个宝贵的实践案例。

       总结来说，热补丁技术通过巧妙地利用dex分包和校验规则，实现了对安卓App的动态修复，为开发者提供了一种在紧急情况下快速解决问题的新途径。尽管还有一些细节需要进一步优化，但其潜力和影响力不容忽视，值得业界深入研究和学习。

登录网页的速度和源代码哪个模块有关

       和以下这些有关

       一、网页压缩技术

       对于网页压缩而言，相信各位站长都比较熟悉，主要是启用服务器Gzip，对页面Gzip压缩，减少元素的体积，从而减少数据的传输，进而提高网页的加载速度。

       二、Css优化

       （1）css位置

       CSS说明如果出现在<body>后，页面需要重新渲染，打开速度受到影响。所有css定义代码的位置要放到网站<body>之前。

       （2）css sprite技术

       网站上的一些可以采用css sprite技术进行合并，减少加载请求次数，从而提高网页的加载速度。

       （3）css代码优化

       通过对css代码属性的简写、移除多余的结构(frameworks)和重设(resets)等一系列的方法和技巧来简化css代码，减小css文件的大小。

       三、JS优化

       （1）JS位置

       网页代码中对js进行优化的时候，建议将JS放在页面最后，这样可以加快页面打开速度。

       （2）合并JS

       合并相同域名下的js，通过减少网络连接次数从而提高网页的打开速度。

       （3）LazyLoad(延迟加载)技术

       Lazy Load是一个用JavaScript 编写的 jQuery 插件，它可以延迟加载长页面中的。在浏览器可视区域外的不会被载入，直到用户将页面滚动到它们所在的位置。

       四、缓存静态资源

       通过设置浏览器缓存，将css、js等不太经常更新的文件缓存在浏览器端，这样同一访客再次访问你的网站的时候，浏览器就可以从浏览器的缓存中获取css、js等，而不必每次都从你的服务器读取，这样在一定程度上加快了网站的打开速度，又可以节约你的服务器流量。