最近有好多需求是把一堆图片，或者一张长图转成HTML文件在客户端展示，所以想尝试自动化这一过程，简单实验了一个HTML5生成器。
功能：
根据文件夹中图片文件生成简单HTML5展示页面
安装
$ npm install -g html5fromImages
使用
$ html5fromImages [图片文件夹所在路径] [生成目标路径] [网页title]
$ html5fromImages ~
文章目录H5新特性meta标签cavas标签下拉列表无序列表和有序列表div当中的id和class的区别src和url和href的区别块级元素和行内元素以及行内块级元素的区别浏览器问题浏览器内核有哪些dom和bom的区别Koa中间件洋葱结构跨域（JsonP，Axios+cors,nginx）jsonpcorsnginx正向代理和反向代理的区别非阻塞IO V8虚拟机 事件驱动webpack的构建流
在网站后台,我们经常需要发布一些信息(包含文字、图片等等)供用户查阅,这时如果有一些编辑器的使用那么就得心应手了,其实有很多第三方插件实现了此功能, 我们只需要选择性的使用即可,那么今天要介绍一款富文本编辑器的第三方插件 kindeditor1.首先下载该插件:官网已经挂了,不知怎么回事,去搜索找找 下载完,有如下目录结构: 因为我是在ASP.NET MVC项目中引用的,只需如下即可,把不需要的删
转载
2024-08-26 13:32:29
81阅读
关于flag
基本分类w和a的区别修饰操作关于mode关于encoding关于fd拷贝文件
原生拷贝API的缺陷buffer级的copy实现关于writeFile和write的区别write简写创建和删除文件创建和删除文件夹
级联创建文件夹递归删除文件夹
先序深度异步删除先序广度异步删除关于fs.constantsstats中的三个time关于flag通过设置读
Node.js 6.0 正式发布了，这将是当前最新的版本。该版本包括性能的提升、更全面的测试、更完善的文档，安全性更强并且支持更广泛的ES2015语法。\\ Node.js 6.0 是在5.0版本（六个月前发布）之后发布的，但实际上它是Node.js 4.x的替代，从今年十月份开始它将成为下一个长期支持（LTS）版本。据IBM Node.js技术负责人 James Snell介绍，Node.js
相较于原生的JavaScript，不同的JavaScript文件之间很难共享变量。有鉴于此，Node.js在JavaScript的基础上进行了扩充，引入了require，exports，module三个global object。一、absolute module 和 relative module Smashing Node.js 的作者将node.js 中的modules 分成了两类，一
转载
2024-10-22 20:48:27
44阅读
# 使用 Yarn 删除 Node Modules 的详细指南
在 JavaScript 和 Node.js 的开发过程中，包管理是一个至关重要的环节。Yarn 是 Facebook 开发的一款流行的包管理工具，用于管理 JavaScript 的依赖关系。随着项目的不断发展，可能会遇到需要删除某些依赖包的情况。在这篇文章中，我们将深入探讨如何使用 Yarn 删除 Node Modules，以及在
区别计算属性有缓存，计算属性会把函数执行一次，把结果存起来，依赖的值改变，会重新赋值。2.函数是每次模板编译都会执行。只要有响应式属性改变，视图刷新，函数就执行。计算属性computed支持缓存，只有当它所依赖的响应式数据发生改变时，才会重新进行计算不支持异步，当computed内有异步操作时无效，无法监听数据的变化3.computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的
# Yarn 安装 Node 模块
在前端开发中，我们经常会使用各种第三方的 Node 模块来辅助我们开发和构建项目。而 Yarn 是一个快速、可靠、安全的 JavaScript 依赖管理工具，可以帮助我们高效地管理这些 Node 模块。本文将介绍如何使用 Yarn 来安装 Node 模块，并通过代码示例演示这个过程。
## 什么是 Yarn
Yarn 是一个由 Facebook 开发的 J
原创
2024-05-19 04:54:41
77阅读
1. Vue.js 2.x 通过标记静态节点，优化 diff 的过程2. Vue.js 3.x 通过标记和提升所有的静态根节点，diff 的时候只需要对比动态节点内容Fragments ( 升级 Vetur 插件 )静态提升Patch flag缓冲事件处理函数 详细解释：此处我们用到线上编译器来查看 vue 2.x 与 vue3.x 的编译区别~&
文章目录为什么需要配置共享Nacos实现配置共享实战依赖引入YML配置配置的概念远程核心配置远程共享配置共享配置与核心配置优先级多个共享配置间优先级共享配置优先级总结 为什么需要配置共享微服务应用在系统开发的时候，我们会启动很多很多个微服务实例，每个服务都有自己的配置，但有的配置其实是一样的 比如mysql 连接、mongo连接、或者mq地址等等，因此我们可以提取出一个公共配置Nacos实现配置共
转载
2024-10-18 12:22:52
56阅读
一、 .npmrc 配置文件的作用.npmrc，可以理解成npm running cnfiguration, 即npm运行时配置文件。简单点说， .npmrc 可以设置 package.json 中依赖包的安装来源，既从哪里下载依赖包。二、.npmrc 配置文件的优先级电脑中有多个 .npmrc 文件，在我们安装包的时候，npm按照如下顺序读取这些配置文件项目配置文件: /project/.npm
资料 淘宝 没啥用 其实还是百度吧 直接上电 USB连接 串口 按一下复位 LED蓝色闪烁一下前面的乱码 是不同的波特率输出的 开始学校 开始准备环境https://docs.ai-thinker.com/esp8266/boards/nodemcu1--卸载本地python3 因为它需要2.8 自动安装的2--一路 A
安装node.js从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了。安装完成之后，打开命令行工具，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。安装cnpm在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待，
在制作网页的过程中，我们经常写类似下面的代码：<html>
<head>
<title>Example HTML Page</title>
<script type="text/javascript" src="example1.js"></script>
<script type="text/javascrip
Vue框架很核心的功能就是双向的数据绑定。双向是指：HTML标签数据绑定到Vue对象，另外反方向数据也是绑定的，本文通过实例来为大家介绍一下vue中的数据绑定。示例代码：vue模板中的数据绑定语法 {{msg}} var vm = new Vue({
el: '#box',
data:{
msg:'我是一段包含html片段的字符hello'
}
});界面效果：原生html上面的文本数据绑定，
转载
2024-05-11 16:10:41
181阅读
一、npm adduser的踩坑1、先注册- 注册官网：https://www.npmjs.com/- 注意，账号接收小写英文字母【a-z】+下划线【_】，但不接受大写英文字母注意，一定要去邮箱验证！！！A. 登录邮箱去找到npm发来的邮件，点击“Verify email address"按钮去验证B. 在新窗口点“continue”按钮 ，完成最终的验证。C. 有个坑：在npmjs.com中注册
Node.js 和 vue.js 详细安装和配置部署使用1. 点击链接下载node：https://nodejs.org/en/download/Windows Installer（.msi）文件是需要安装的文件。Windows二进制文件.zip文件是免安装文件。2. 安装：2.1 如果是下载的文件（.zip）文件2.2 解压：2.3 创建两个目录节点全局node-global 和 节点缓存nod
1、下载nodejs下载nodejs，可能会碰到的问题：版本不对，无法安装。解决方案：下载以前版本的nodejs。2、安装nodejs一直点击next就可完成安装3、安装完成后测试下在cmd下输入node -v，出现下图版本提示就是完成了NodeJS的安装。 成功截图： 到此为止，常规安装已完成4、npm配置4.1、改变模块路径、cache路径 先配置npm的全局模块的存放路径以及cache的路径
所以在调研一圈后，我准备用 Vite-SSG + Vue3 + Vuetify3 把官网重新来过，前后花了两周左右的时间，本文记录着开发过程中的思考和总结，要点主要有为什么 SPA 应用不应该用于搭建项目官网?SSG 项目的结构是怎样的，如何配置页面的路由？如何搭建多语言的静态站，编写支持多语言的页面组件，以及使用 lang / hreflang 为页面指定不同的语言版本？如何用 unhead 库
