2021年01月_xiaobangsky

04月 03月 02月 01月

原创 2020前端技术分析

关键词TypeScript:可以理解为JS的升级版本，可以参看链接WebAssembly:链接Dart: 链接Flutter:Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。链接React Native:链接Serverless:链接Docker:链接Hooks:链接WebGL:链接Visualize

2021-01-24 18:10:57 393

原创虚拟 DOM 和 DOM diff

虚拟 DOM 和 DOM diff虚拟DOM虚拟DOM的优点虚拟DOM的缺点DOM diffDOM diff优点DOM diff缺点虚拟DOM一个能代表DOM树的对象，通常包含标签名、标签上的属性、事件监听、子元素，以及其他属性虚拟DOM的优点能减少不必要的DOM操作能跨平台渲染记住：虚拟DOM和实际DOM的操作，作比较时，要有具体的例子。实际上实际的DOM操作并不慢，但是很多教科书和资料介绍说DOM操作慢，这个说法太片面虚拟DOM的缺点需要额外的创建函数，如createElement或

2021-01-10 10:47:17 94

原创 Node.js之Stream

Node.js之Stream例子1Steam-流例子2\3管道Stream对象的原型链Stream的分类自创流例子1const fs = require("fs");const stream = fs.createWriteStream("./big_file.txt");for(let i = 0; i < 10000; i++){ stream.write(`这是${i}行内容，测试测试\n`);}stream.end();console.log('done');Ste

2021-01-10 10:27:56 124

原创 Node.js操作数据库的相关知识

Node.js操作数据库的相关知识Windows安装Docker新版旧版Docker安装mysqlDocker的一些命令Mysqlmysql的一些命令数据库（Database）DBMS(数据库管理系统)Node.js连接数据Mysql 数据类型ORM SequelizeWindows安装Docker新版注册https://hub.docker.com/下载Docker for Windows Installer安装好后，docker --version设置国内镜像，访问快点，https://d

2021-01-10 09:45:54 130

原创利用Node开发一个翻译工具

先去百度翻译免费接口平台注册账户百度翻译免费接口调用百度免费翻译接口的核心代码 const options = { hostname: 'api.fanyi.baidu.com', port: 443, path: '/api/trans/vip/translate?' + query, method: 'GET' };参考代码翻译工具发布到NPM//查看源nrm ls//使用npm的源nrm use npm//登录

2021-01-06 20:47:05 502

原创 node的一些工具和开发工具配置

node的一些工具和开发工具配置node-devts-nodets-node-devnode-devyarn global add node-dev当文件更新时自动重启node避免每次改完代码都要重新运行的麻烦不宜在生成环境使用ts-nodeyarn global add ts-node让node支持直接运行TypeScript代码不宜在生成环境使用ts-node-devyarn global add ts-node-dev该工具结合了node-dev、ts-node可以

2021-01-05 22:24:29 107

原创如何调试Node.js程序

WebStorm 调试 Node.jsrun模式debug模式VSCode 调试 Node.jsrun模式debug模式命令行和 Chrome 调试 Node.js命令行：node --inspect-brk cli.js add task 200打开浏览器开发者工具,如图：

2021-01-05 22:03:40 164

原创 NPM发布项目

本篇文章主要是用来记录如何将写好的一个node.js的项目发布到npm，并且可以供大家下载，然后按照后直接可以使用命令执行先查看用的是什么源nrm ls一般要用原始源比较快nrm use npm注册npm地址使用npmnpm add user//然后输入注册的npm账号，密码和邮箱上传发布npm publish如果没有报错，就说明上传成功，发布成功。报错的话，自行搜索错误进行解决。发布完成，进行下载yarn add 上传的npm的name...

2021-01-03 16:59:14 166