1.mysql源码安装升级
2.å¦ä½å¨vueä¸ä½¿ç¨tsç示ä¾ä»£ç
3.初学Python,渡学度有哪些Pythonic的源码源码推荐阅读
4.elementui源码学习之仿写一个el-message
5.DenseNet源码解读(pytorch官方)
6.React lazy/Suspense使用及源码解析
mysql源码安装升级
进行MySQL源码小版本升级,从5.7.升级至5.7.,学问遵循以下步骤以确保平稳过渡与系统稳定。渡学度
准备阶段,源码首先获取新版本MySQL的学问白色colorgray指标源码源码包。
关闭MySQL服务,渡学度避免升级过程中影响现有数据库操作。源码
备份原MySQL目录,学问以防升级过程中出现意外,渡学度便于及时恢复。源码
编译新版本的学问MySQL源码,确保其与当前环境兼容且无误。渡学度
验证升级成功,源码通过检查MySQL版本信息确认已成功切换至新版本。学问
启动新版本的opennms 源码编译MySQL,确保服务恢复正常运行。
使用自动升级脚本进行简化操作,脚本文件名为mysql_update.sh。
将mysql_update.sh直接放置于MySQL源码包目录内。
执行脚本时,只需指定原MySQL安装目录作为参数,脚本将自动完成升级流程。
以上步骤提供了一种高效且安全的MySQL源码升级方式,确保升级过程流畅无阻,并维护数据库系统正常运行。
å¦ä½å¨vueä¸ä½¿ç¨tsç示ä¾ä»£ç
æ¬æä»ç»äºå¦ä½å¨vueä¸ä½¿ç¨tsç示ä¾ä»£ç ï¼å享ç»å¤§å®¶ï¼å ·ä½å¦ä¸ï¼
注æï¼æ¤æ并ä¸æ¯ævueæ¹ä¸ºå ¨é¨æ¿æ¢ä¸ºtsï¼èæ¯å¯ä»¥å¨åæ¥ç项ç®ä¸æ¤å ¥tsæ件ï¼ç®ååªæ¯å®è·µé¶æ®µï¼åts转åè¿ç¨ä¸çè¿æ¸¡ã
tsæä»ä¹ç¨ï¼
ç±»åæ£æ¥ãç´æ¥ç¼è¯å°åçjsãå¼å ¥æ°çè¯æ³ç³
为ä»ä¹ç¨tsï¼
TypeScriptç设计ç®çåºè¯¥æ¯è§£å³JavaScriptçâçç¹âï¼å¼±ç±»åå没æå½å空é´ï¼å¯¼è´å¾é¾æ¨¡ååï¼ä¸éåå¼å大åç¨åºãå¦å¤å®è¿æä¾äºä¸äºè¯æ³ç³æ¥å¸®å©å¤§å®¶æ´æ¹ä¾¿å°å®è·µé¢å对象çç¼ç¨ã
typescriptä¸ä» å¯ä»¥çº¦ææ们çç¼ç ä¹ æ¯ï¼è¿è½èµ·å°æ³¨éçä½ç¨ï¼å½æ们çå°ä¸å½æ°åæ们ç«é©¬å°±è½ç¥éè¿ä¸ªå½æ°çç¨æ³ï¼éè¦ä¼ ä»ä¹å¼ï¼è¿åå¼æ¯ä»ä¹ç±»åä¸ç®äºç¶ï¼å¯¹å¤§å项ç®çç»´æ¤æ§æå¾å¤§çæåãä¹ä¸è³äºä½¿å¼åè æ¬èµ·ç³å¤´ç ¸èªå·±çèã
Angular: æ们为ä»ä¹éæ©TypeScript?
TypeScript éä¼ç§çå·¥å ·
TypeScript æ¯ JavaScript çè¶ é
TypeScript 使å¾æ½è±¡æ¸ æ°å¯è§
TypeScript 使代ç æ´å®¹æé 读åç解
æ¯çï¼æç¥éè¿çèµ·æ¥å¹¶ä¸ç´è§ã让æç¨ä¸ä¸ªä¾åæ¥è¯´ææçææã让æ们æ¥ççè¿ä¸ªå½æ°jQuery.ajax()ãæ们è½ä»å®çç¾åä¸å¾å°ä»ä¹ä¿¡æ¯?
æ们å¯ä¸è½ç¡®å®çæ¯è¿ä¸ªå½æ°æ两个åæ°ãæ们å¯ä»¥çæµè¿äºç±»åãä¹è®¸ç¬¬ä¸ä¸ªæ¯å符串ï¼ç¬¬äºä¸ªæ¯é 置对象ãä½è¿åªæ¯çæµï¼æ们å¯è½éäºãæ们ä¸ç¥éä»ä¹é项è¿å ¥è®¾ç½®å¯¹è±¡(å®ä»¬çå称åç±»å)ï¼æè 该å½æ°è¿åä»ä¹ã
å¨ä¸æ£æ¥æºä»£ç æææ¡£çæ åµä¸ï¼æ们ä¸å¯è½è°ç¨è¿ä¸ªå½æ°ãæ£æ¥æºä»£ç 并ä¸æ¯ä¸ä¸ªå¥½çéæ©ââæ¥æå½æ°åç±»çç®çï¼æ¯å¨ä¸ç¥éå¦ä½å®ç°å®ä»¬çæ åµä¸ä½¿ç¨å®ä»¬ãæ¢å¥è¯è¯´ï¼æ们åºè¯¥ä¾èµäºä»ä»¬çæ¥å£ï¼èä¸æ¯ä»ä»¬çå®ç°ãæ们å¯ä»¥æ£æ¥ææ¡£ï¼ä½è¿å¹¶ä¸æ¯æ好çå¼åç»éªââå®éè¦é¢å¤çæ¶é´ï¼èä¸ææ¡£ç»å¸¸è¿æã
å æ¤ï¼å°½ç®¡å¾å®¹æé 读jQuery.ajax(url,settings)ï¼çæ£ç解å¦ä½è°ç¨è¿ä¸ªå½æ°ï¼æ们éè¦é 读å®çå®ç°æå®çææ¡£ã
以ä¸æ¯ä¸ä¸ªç±»åçæ¬ï¼
å®ç»äºæ们æ´å¤çä¿¡æ¯ã
è¿ä¸ªå½æ°ç第ä¸ä¸ªåæ°æ¯ä¸ä¸ªå符串ã
设置åæ°æ¯å¯éçãæ们å¯ä»¥çå°ææå¯ä»¥ä¼ éå°å½æ°ä¸çé项ï¼ä¸ä» æ¯å®ä»¬çå称ï¼è¿å æ¬å®ä»¬çç±»åã
å½æ°è¿åä¸ä¸ªJQueryXHR对象ï¼æ们å¯ä»¥çå°å®çå±æ§åå½æ°ã
ç±»ååç¾åè¯å®æ¯æªç±»ååçç¾åé¿ï¼ä½æ¯:stringï¼:JQueryAjaxSettingsåJQueryXHR并ä¸æ¯æ··ä¹±çã å®ä»¬æ¯æé«ä»£ç çå¯ç解æ§çéè¦ææ¡£ãæ们å¯ä»¥æ´æ·±å ¥å°ç解代ç ï¼èä¸å¿ æ·±å ¥å°å®ç°æ读åææ¡£ä¸ã æç个人ç»éªæ¯ï¼æå¯ä»¥æ´å¿«å°é 读类åå代ç ï¼å 为类åæä¾äºæ´å¤çä¸ä¸ææ¥ç解代ç ã
æèª Angular: æ们为ä»ä¹éæ©TypeScript?
ts好å¦åï¼
TypeScriptçä¸ä¸ªè®¾è®¡äº®ç¹å°±æ¯å®å¹¶æ²¡ææå¼JavaScriptçè¯æ³å¦èµ·çç¶ï¼èæ¯åæäºJavaScriptçè¶ éï¼è¿ä¸ªåå³åºè¯¥è®°å¨Andersä¸ï¼ï¼è¿æ ·ä»»ä½åæ³çJavaScriptçè¯å¥å¨TypeScriptä¸é½æ¯åæ³çï¼ä¹å°±æ¯è¯´å¦ä¹ ææ¬å¾ä½ï¼å¦æä½ å¯¹JavaScriptææ¯è¾æ·±å ¥çäºè§£ï¼é£ä¹å ¶å®å¯ä»¥å¾å¿«çä¸æTypeScriptï¼å 为å®ç设计é½æ¯é对JavaScriptç使ç¨ä¹ æ¯åæ¯ä¾ã
ä¸äºç®åçä¾åï¼ä¸çå³æï¼
åºç¡ç±»å
let isDone: boolean = false; // å¸å°å¼
let decLiteral: number = 6; // æ°å
let name: string = "bob"; // å符串
let list: number[] = [1, 2, 3]; // æ°ç»
...
...
æ¥å£
function printLabel(labelledObj: { label: string }) { console.log(labelledObj.label);
} let myObj = { size: , label: "Size Object" };
printLabel(myObj);
ç±»åæ£æ¥å¨ä¼æ¥çprintLabelçè°ç¨ã printLabelæä¸ä¸ªåæ°ï¼å¹¶è¦æ±è¿ä¸ªå¯¹è±¡åæ°æä¸ä¸ªå为labelç±»å为stringçå±æ§ã éè¦æ³¨æçæ¯ï¼æä»¬ä¼ å ¥ç对象åæ°å®é ä¸ä¼å å«å¾å¤å±æ§ï¼ä½æ¯ç¼è¯å¨åªä¼æ£æ¥é£äºå¿ éçå±æ§æ¯å¦åå¨ï¼å¹¶ä¸å ¶ç±»åæ¯å¦å¹é ã
å½ç¶è¿æä¸äºé«çº§çç¨æ³ï¼è¿éå°±ä¸åè¿å¤çä»ç»äºï¼äºè§£æ´å¤
å¦ä½å¨vue项ç®ä¸åºç¨tsï¼
1ãé¦å å®è£ ts
npm install --save-dev typescript npm install --save-dev ts-loader
2ãå¨æ ¹ç®å½å»ºtsconfig.jsonæ件
{
"compilerOptions": {
"experimentalDecorators": true,
"emitDecoratorMetadata": true,
"lib": ["dom","es"],
"target": "es5"
},
"include": ["./src/**/*"] }
3ãå¨é ç½®ä¸æ·»å ts-loader
{
test: /\.tsx?$/,
loader: 'ts-loader', exclude: /node_modules/, options: {
appendTsSuffixTo: [/\.vue$/],
}
}
4ãæåæ .ts åç¼æ·»å ä¸å°±OKäºï¼å¨webpack.base.conf.jsæ件ä¸
ç°å¨å°±å¯ä»¥å¨æ们åæ¬ç项ç®ä¸ä½¿ç¨tsæ件äºã
å¦ä½å®è·µï¼
1ãå¦ä½å¨jsä¸å¼ç¨tsæ件ï¼
ç±äºjsæ件没æç±»åæ£æµï¼å½æ们ætsæ件å¼å ¥çæ¶åï¼tsæ件ä¼è½¬åæjsæ件ï¼æ以å¨jsæ件ä¸å¼ç¨tsæ件çæ¹æ³ç±»åæ£æµæºå¶ä¸ä¼çæãä¹å°±æ¯è¯´åªæå¨tsæ件å æä¼æç±»åæ£æµæºå¶ã
é£ä¹æä¹å¨jsæ件ä¸ä½¿ç¨ç±»åæ£æµæºå¶å¢ï¼å°ç¼èªå·±å°è£ äºä¸å¥typeCheckçdecoratoræ¹æ³ï¼ä» ä¾åèï¼ç¨æ³å¦ä¸ï¼
@typeCheck('object','number') deleteItem(item,index) { }
æ£æµdeleteItemæ¹æ³åæ°ï¼ item为objectç±»åï¼index为numberç±»åï¼å¦æç±»åä¸å¹é å°ä¼æåºå¼å¸¸
é¨å代ç ç®ä¸ï¼
const _check = function (checked,checker) {
check: for(let i = 0; i < checked.length; i++) { if(/(any)/ig.test(checker[i])) continue check; if(_isPlainObject(checked[i]) && /(object)/ig.test(checker[i])) continue check; if(_isRegExp(checked[i]) && /(regexp)/ig.test(checker[i])) continue check; if(Array.isArray(checked[i]) && /(array)/ig.test(checker[i])) continue check; let type = typeof checked[i]; let checkReg = new RegExp(type,'ig') if(!checkReg.test(checker[i])) { console.error(checked[i] + 'is not a ' + checker[i]); return false;
}
} return true;
} /
*** @description æ£æµç±»å
* 1.ç¨äºæ ¡æ£å½æ°åæ°çç±»åï¼å¦æç±»åé误ï¼ä¼æå°é误并ä¸åæ§è¡è¯¥å½æ°ï¼
* 2.ç±»åæ£æµå¿½ç¥å¤§å°åï¼å¦stringåStringé½å¯ä»¥è¯å«ä¸ºå符串类åï¼
* 3.å¢å anyç±»åï¼è¡¨ç¤ºä»»ä½ç±»ååå¯æ£æµéè¿ï¼
* 4.å¯æ£æµå¤ä¸ªç±»åï¼å¦ "number array",两è åå¯æ£æµéè¿ãæ£åæ£æµå¿½ç¥è¿æ¥ç¬¦ ï¼
*/
export function typeCheck() { const checker = Array.prototype.slice.apply(arguments); return function (target, funcName, descriptor) { let oriFunc = descriptor.value;
descriptor.value = function () { let checked = Array.prototype.slice.apply(arguments); let result = undefined; if(_check(checked,checker) ){
result = oriFunc.call(this,...arguments);
} return result;
}
}
};
tsçç±»åæ£æµé åtypeCheckåºæ¬ä¸å·²ç»æ»¡è¶³äºæ们çéè¦ã
2ãå¦ä½å¨tsä¸å¼ç¨jsæ件ï¼
ç±äºjsæ件ä¸æ²¡æç±»åæ£æµï¼æ以tsæ件å¼å ¥jsæ件æ¶ä¼è½¬å为anyç±»åï¼å½ç¶æ们ä¹å¯ä»¥å¨ .d.tsæ件ä¸å£°æç±»åã
å¦ global.d.ts æ件
å½ç¶æçæ¶åæ们éè¦ä½¿ç¨ä¸äºåºï¼ç¶è并没æ声ææ件ï¼é£ä¹æ们å¨tsæ件ä¸å¼ç¨çæ¶åå°±ä¼æ¯undefinedãè¿ä¸ªæ¶åæ们åºè¯¥æä¹åï¼
æ¯å¦ææ³è¦å¨util.tsæ件ä¸ç¨ âquery-string'çæ¶åæ们就ä¼è¿æ ·å¼ç¨ï¼
import querystring from 'query-string';
ç¶èå½ä½ æå°querystring çæ¶åæ¯undefinedãå¦ä½è§£å³å¢ï¼å°ç¼çæ¹æ³ä¹ä» ä¾åè
æ°å»ºmodule.jsæ件
import querystring from 'query-string'; export const qs = querystring;
utile.ts æ件
import { qs } from './module.js';
解å³äºãæå°qsä¸åæ¯undefinedï¼å¯ä»¥æ£å¸¸ä½¿ç¨qsåºäºå¦ã
è³æ¤æ¬æå°±å°tså¨vueä¸çé ç½®ä»ç»ç»æï¼æ¤æåªä»£è¡¨ä¸ªäººçæ³ï¼èèå°é¡¹ç®çæ©å±æ§ï¼æ以没æå ¨é¨æ¿æ¢ætsï¼åªæ¯å°è¯æ§å¨vueä¸å¼å ¥tsï¼è¿æå¾å¤éè¦æ¹è¿çå°æ¹ï¼å¦æææ´å¥½ç建议åæè§å¯ä»¥èç³»æï¼
初学Python,有哪些Pythonic的源码推荐阅读
1. 初学Python时,阅读Pythonic的源码是提高编程技能的有效方法。推荐从Python标准库中关于网络编程的代码开始学习。
2. 首先,jdk jsse 源码深入研究`SocketServer`模块,它为创建服务器提供了基础。同时,学习与之相关的`socket`模块,掌握TCP和UDP编程的基础知识。
3. 接下来,关注`SocketServer`模块中的`ForkingMixIn`和`ThreadingMixIn`类,它们分别展示了forking和threading并发机制的混合使用,这是理解多线程和多进程编程的重要途径。
4. 了解`thread`和`threading`模块,这对于管理并发执行的线程至关重要。
5. 随后,研究`select`模块,它允许你处理I/O多路复用,这是hook注入源码理解操作系统如何高效处理并发I/O操作的关键。
6. 通过学习`select`模块,你将自然过渡到对`selectors`的理解,这是Python 3.7引入的更现代的I/O多路复用API。
7. 对于想要深入了解并发编程的初学者,可以学习`asyncore`和`asynchat`模块,它们是异步网络编程的基础。
8. 在网络编程的基础上,如果你的兴趣在于游戏开发或实时应用,可以探索`greenlet`和`gevent`,这些库提供了协程,有助于编写高效的并发代码。
9. 如果你对Web开发感兴趣,从`BaseHTTPServer`、`SimpleHTTPServer`和`CGIHTTPServer`开始你的学习之旅。这些模块可以帮助你理解基本的silverlight 打印源码Web服务器和CGI(Common Gateway Interface)。
. 学习`cgi`和`cgitb`模块,这对于调试和运行CGI脚本非常有用。
. 掌握`cookielib`模块,它处理HTTP cookies,这对于处理用户会话和状态管理至关重要。
. 阅读`wsgiref`模块的源码,它是一个WSGI(Web Server Gateway Interface)参考实现,有助于你理解现代Web框架的工作原理。
. 学习如何编写自己的简单Web框架后,你可以更容易地理解并选择`Flask`、`Web.py`、`Django`或`Pyramid`等流行的Web框架。
. 在进行Web开发时,不可避免地需要与API进行交互。因此,熟悉`/shuirongshui...
DenseNet源码解读(pytorch官方)
DenseNet源码解析:一个基于PyTorch实现的深度密集连接网络模型,提供了一系列预训练模型选项。首先,我们引入必要的库,如ReLU、卷积层、批量归一化和函数模块。DenseNet的核心是通过`_bn_function_factory`函数拼接前一层的特征,然后通过一系列的卷积块进行特征提取,包括1x1卷积、ReLU激活和3x3卷积,形成了密集层 `_DenseLayer`。该层可以设置内存高效模式以节省内存。在 `_DenseBlock` 中,通过循环堆叠指定数量的密集层,并在每个块之间插入降采样层 `_Transition` 以控制通道数量的增长。模型类 `DenseNet` 建立了整套网络结构,包括初始卷积层、多个密集块、过渡层以及最终的全局平均池化和全连接层。提供了针对不同配置(如densenet、densenet等)的预训练模型加载方法 `_densenet`,用户可以根据需求选择并加载预训练权重。
每个模型函数,如`densenet`,接受参数如预训练状态、进度条显示等,允许用户根据需要定制网络行为。总的来说,DenseNet的设计旨在通过密集连接和递增特征组合来提升模型性能,适用于图像识别等计算机视觉任务。
React lazy/Suspense使用及源码解析
在React v.6.0发布后的一年,我开始使用新版React进行项目开发,虽然没有立即更新,但新项目的需求促使我关注了代码分割技术,特别是lazy和suspense。React官网将其视为code-splitting的核心内容,旨在解决大型项目中第三方库导致的打包文件过大,加载不必要的内容问题。
React.lazy的核心是在用户实际需要时才加载相关的模块,这对于基于路由的懒加载尤其适用。其使用方式简单,只需返回一个Promise包装的组件导入函数,并配合Suspense组件提供过渡效果。不过,需要注意的是,React.lazy并不适用于服务器端渲染(SSR)。
在实际项目中,根据组件的复杂性,我们可以灵活决定是否采用懒加载。例如,在App.tsx中定义路由时,针对每个路由地址,我们使用高阶组件封装Suspense。使用lazy后,组件会被按需打包成多个chunk文件。
深入React源码,我们发现LazyComponent的加载在beginWork函数的mountLazyComponent中实现。这个过程包括解析lazy组件类型、确定组件类型(class或function)、设置默认props、以及执行updateClassComponent或updateSuspenseComponent方法进行组件渲染。
总的来说,React.lazy和Suspense提供了有效地管理组件加载和优化用户体验的手段,通过源码分析,我们可以更好地理解其工作原理,并根据项目需求灵活运用。如有任何问题或改进意见,欢迎大家交流讨论。