- 博客(24)
- 收藏
- 关注
RSS订阅原创 【温故知新】React 下
render 会调用 legacyRenderSubtreeIntoContainer 方法。legacyRenderSubtreeIntoContainer 中，如果是第一次渲染，会先初始化 FiberRoot，其为应用的起点。同时生成根节点的 Fiber 实例。这里 FiberRoot.current = Fiber;调用 updateContainer 会计算出此次更新的过期时间。并生成任务对象 update，
2023-11-09 16:31:11
157
原创 Jest 从入门到入坟
前言自动化测试自动化测试有三种类型：Unit(单元测试)、Integration(集成测试)、End-to-end(端到端测试)单元测试: 单元测试是测试一个模块，不依赖任何外部资源集成测试: 测试一个模块或者多个模块，并伴随着它们对应的外部依赖资源，它测试的是应用代码的集成性，比如文件或者数据库。端对端测试: 依靠用户界面来驱动测试，这类测试可以保证很高的可靠性，但是它有两个很大的问题，第一个问题就是太慢了。因为每次测试都需要加载用户界面，每次测试都需要加载应用，也许还要用户登录，导航到指定
2021-08-08 21:29:53
1126
1
原创 如何快速实现自己的脚手架
github: hxh-cli https://github.com/hxh2010/hxh-cli安装: npm i hxh-cli -g使用: hxh-cli create xxx(项目名称)脚手架是什么？脚手架可以简单的理解为是自动为我们创建项目基础文件的工具，总结它的作用有两点：创建项目基础结构；提供项目规范和约定。使用的包{ "dependencies": { "commander": "命令行工具", "inquirer": "命令交互", ..
2021-06-20 16:56:09
295
原创 【温故知新】Vue
Vuevue 渲染流程new Vue()：初始化=> $mount ：调用mount 挂载组件=> compile()：parse：解析，把模板解析为 ast 的抽象语法树，ast 类似 js 对象，它可以描述所有节点（特别像 vdom ）optimize：优化，对 ast 做静态节点标记，跳过指令等generate：代码生成，把 ast 生成代码字符串=> render function：渲染函数getter：在创建组件的时候对 data 进行遍历，创建 w.
2021-05-31 10:33:03
191
原创 【温故知新】React 上
Reactreact 一个专注于构建用户界面的 JavaScript 库virtual Dom 模型虚拟 dom 其实就是对真实 dom 的一个抽象，是一个 js 对象，react 所有的表层操作其实都是在修改 vdom生命周期管理setState 机制react patch、事件系统jsx 如何转换为 js 的依靠 Babel 或 TypeScript 来将 JSX 代码转换为 JavaScript。许多包含预配置的工具，例如 Create React App 或 Next..
2021-05-31 10:32:08
262
1
原创 【温故知新】TypeScript
Ts 是什么TypeScript 是 JavaScript 的一个超集，其静态类型检查可以让开发者在开发阶段就可以发现代码中隐藏的错误，弥补了 JS 的不足。而且 TypeScript 提供最新的和不断发展的 JavaScript 特性，开发的时候你可以愉快的使用这些新特性，TS 编译后会转为浏览器可以直接运行的 JavaScript 代码TS 基础类型boolean、number、string、[]、元组（定义数组各位置类型）、null、undefinedenum 枚举，下标从 0 开.
2021-05-23 21:09:58
196
原创 【温故知新】Http
简介超文本传输协议（Hypertext Transfer Protocol，HTTP）是一个简单的请求-响应协议，它通常运行在 TCP 之上。HTTP 是应用层协议。HTTP 是一种无状态协议，即服务器不保留与客户交易时的任何状态。前言因特网协议栈共有五层：应用层：主要的协议有：http、ftp、telnet、smtp、pop3 等。传输层：TCP 和用户数据报协议 UDP。网络层：负责将数据报独立地从信源发送到信宿，主要解决路由选择、拥塞控制和网络互联等问题。数据链路层：负责将.
2021-05-20 15:28:42
309
原创 Pug教程-从入门到入坟
概要Pug是一款健壮、灵活、功能丰富的HTML模板引擎,专门为 Node.js 平台开发。Pug是由Jade 改名而来。是一种通过缩进（表示标签间的嵌套关系）的方式来编写代码的过程，在编译的过程中，不需要考虑标签是否闭合的问题。可以加快写代码速度，也为代码复用提供了便捷。安装pug可以通过npm获得：npm install pug -gnpm install pug-cli -g命令行将pug格式转化为HTML的时候输入命令pug -P xxx.pug自动更新 pug -P -w xx.
2020-12-16 20:10:16
6746
原创 Hexo+Butterfly 快速搭建个人博客【附源码】
先上效果在线查看:http://122.152.209.91/Github 源码https://github.com/hxh2010/hexo-butterflyHexohexo在线文档安装：$ npm install -g hexo-cli建站：$ hexo init <folder>$ cd <folder>$ npm installButterflyButterfly githubButterfly 文档下载主题，拷
2020-12-04 11:26:05
1844
原创 Nginx将请求转发至子页面
Nginx是俄罗斯人Igor Sysoev编写的轻量级Web服务器，它的发音为 [ˈendʒɪnks] ，它不仅是一个高性能的HTTP和反向代理服务器，同时也是一个IMAP/POP3/SMTP 代理服务器。默认配置server { listen 80; server_name localhost; #charset koi8-r; access_log /var/log/nginx/host.access.log main; error_.
2020-12-03 13:46:05
2230
原创 语录-老友记
《老友记》是一部美国电视情景喜剧，由大卫·克莱恩和玛塔·卡芙曼创作，珍妮佛·安妮斯顿、柯特妮·考克斯、丽莎·库卓、马特·勒布朗、马修·派瑞和大卫·史威默主演。故事以生活在纽约曼哈顿的六个老友为中心，描述他们携手走过的十年风雨历程。全剧共10季236集，于1994年9月22日至2004年5月6日在全国广播公司（NBC）播映。《老友记》是史上最受欢迎的电视剧之一，全十季收视均列年度前十 ，至今仍在全球各地热播和重映 。《老友记》亦广受好评，获得[第54届艾美奖喜剧类最佳剧集奖 ，提名黄金时段艾美奖累计62.
2020-12-01 10:43:00
346
原创 语录-生活大爆炸
《生活大爆炸》（英文：The Big Bang Theory 简称：TBBT）是由马克·森卓斯基执导，查克·罗瑞、比尔·布拉迪编剧，吉姆·帕森斯、约翰尼·盖尔克奇、卡蕾·措科、西蒙·赫尔伯格、昆瑙·内亚、梅丽莎·劳奇、莎拉·吉尔伯特、马伊姆·拜力克等共同主演的美国情景喜剧。于2007年在哥伦比亚广播公司（CBS）播出。该剧讲述的是四个宅男科学家和一个美女邻居发生的搞笑生活故事。2014年4月下旬《生活大爆炸》政策原因搜狐视频无法播放下架。2015年7月22日，《生活大爆炸》第八季拿到许可证上线搜狐视频。.
2020-12-01 10:40:20
656
1
原创 语录-百年孤独
【百年孤独】是哥伦比亚作家加西亚·马尔克斯创作的长篇小说，是其代表作，也是拉丁美洲魔幻现实主义文学的代表作，被誉为“再现拉丁美洲历史社会图景的鸿篇巨著”。作品描写了布恩迪亚家族七代人的传奇故事，以及加勒比海沿岸小镇马孔多的百年兴衰，反映了拉丁美洲一个世纪以来风云变幻的历史。作品融入神话传说、民间故事、宗教典故等神秘因素，巧妙地糅合了现实与虚幻，展现出一个瑰丽的想象世界，成为20世纪重要的经典文学巨著之一。生未百年，死不孤独。百年一参透，百年一孤独。世界不过是身外之物。寂寞是造化对群居者的诅.
2020-11-27 15:25:10
324
原创 语录-笑场
【笑场】分为三节：第一节是在网络上十分流行的《扯经》故事，讲述遗寺师徒二人的幽默生活。第二节是近年来创作的短篇小说，通过寓言式的故事描写小人物的悲欢离合、生老病死，以幽默的笔触警示世人，从不同角色的口中描绘出了一幅耐人寻味的人生浮世绘，也带给世人以思考。第三节则是散文随笔以及诗歌，以平实真诚的口吻谈论身边市井百态，对人生、情感、哲学展开思考。还是我太醉，辜负了一切。小北，我说我喜欢你，你说然后呢，我说和你在一起，你说然后呢，然后然后，哪儿有那么多的然后，然后就一起活着啊，不然怎么样。.
2020-11-27 13:46:23
310
1
原创 从零开始搭建个人网站（5）【gitlab / gitlab-runner / CI自动构建】
gitlab-runner 的安装参考文档：https://docs.gitlab.com/runner/install/linux-manually.html1.安装wget -O /usr/local/bin/gitlab-runner https://gitlab-runner-downloads.s3.amazonaws.com/latest/binaries/gitlab-runner-linux-amd642.添加权限chmod +x /usr/local/bin/gitlab-
2020-10-15 16:52:18
516
原创 从零开始搭建个人网站（4）【docker的安装 / 制作jdk8镜像】
安装参考文档：https://docs.docker.com/engine/install/centos/[root@VM_0_3_centos ~]# yum install -y yum-utils #安装yum-utils软件包[root@VM_0_3_centos ~]# yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo[root@VM_0_3_centos
2020-10-14 15:42:31
214
原创 从零开始搭建个人网站（3）【yum安装jdk/nodejs/maven/pm2】
JDK[root@VM_0_3_centos ~]# java -version #检测JDK信息[root@VM_0_3_centos ~]# yum list instaled | grep java #查询jdk文件[root@VM_0_3_centos ~]# yum -y remove java-* #删除jdk文件[root@VM_0_3_centos ~]# yum -y list java* #查看yum库中的JDK安装包[root@VM_0_3_centos ~]# yun
2020-10-13 14:16:26
210
原创 从零开始搭建个人网站（2）【yum安装Mysql】
系统平台：腾讯云服务器：CentOs 7.4参考文档：https://dev.mysql.com/doc/mysql-yum-repo-quick-guide/en/#repo-qg-yum-fresh-install一、安装1.执行yum list |grep mysql,查看是否存在mysql的yum源，查看是否存在mysql-community-*2.下载repo源，源地址：https://dev.mysql.com/downloads/repo/yum/wget http://repo.
2020-10-12 16:59:04
149
原创 从零开始搭建个人网站（1）【Nginx的安装和配置】
系统平台：腾讯云服务器：CentOs 7.4一、安装编译工具及库文件[root@VM_0_3_centos ~]# yum -y install make zlib zlib-devel gcc-c++ libtool openssl openssl-devel二、安装 PCRE[root@VM_0_3_centos ~]# cd /usr/local/src/[root@VM_0_3_centos ~]# wget http://downloads.sourceforge.net/pro.
2020-10-12 16:13:18
418
原创 阿里云+Nuxtjs+SpringBoot——个人网站开发到上线全套资料整理
14年毕业至今，从事前端开发已经有一段时间了。前段时间突然心血来潮想搭建了一个个人网站，就买了个云服务器开始折腾。其实单纯个人网站一个页面比较轻松，主要期间顺便把之前自己整的几个vue、react 的小项目也一起修修改改部署上去，还是忙乎了一会。网站的页面和功能都比较简单，涉及的技术和技术难度都不大。不过涉及的技术点比较多，而且前后端依赖的包都比较新，服务器安装的软件版本也比较高，虽然网上很...
2019-02-12 15:46:56
2428
3
原创 仿element使用vue实现自己的UI组件库
先看看效果：在线查看地址： http://haiui.hongxh.com/GitHub 项目地址：https://github.com/hxh2010/hai-ui由来去年学习 element 并尝试实现自己的组件库时自己写的项目，后来买了个阿里云来弄个人网站，顺便部署上去了。先来张图：资料在网站左侧的笔记里面。资料比较简洁，具体请看 github 的代码。参考Elemen...
2019-02-12 15:04:15
5519
原创 element源码解析--打包构建
前言本篇文章主要对 element 框架的 build 目录 及 package.json 中的 scripts 脚本，也就是element项目的脚本构建打包进行解析。element 的打包构建废话不多说，先来张图：对于node项目，除了对整体结构的浏览，第一步要做的事，就是查看项目的核心文件，package.json。由于本篇主讲scripts，需要了解其他字段的，可在官方文档查看p...
2019-02-12 14:02:12
3803
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人