飞天巨兽-CSDN博客

原创 Vue2 实现内容拖拽或添加 HTML 到 Tinymce 富文本编辑器的高级功能详解

本文深度解析如何在 Vue2 中集成 Tinymce 6x 版本，实现高级富文本编辑功能。涵盖点击外部按钮插入内容、通过拖动按钮添加内容，以及拖动整块内容入富文本。使用的关键版本有 "@tinymce/tinymce-vue": "^3"、"core-js": "^3.8.3"、"tinymce": "^6.8.2"、"vue": "^2.6.14"。总结中强调 Tinymce 丰富插件和工具，鼓励读者通过深入了解这些功能，提升项目的文本编辑体验。

2024-01-06 16:58:02 2552

原创 vue 导出 HTML 结构为 Word 文档（.docx）-支持表格、css样式、图片

这篇博客将为你详细解读如何借助两个强大的工具 html-docx-js 和 FileSaver.js，实现将 HTML 结构导出为 DOCX 文件。首先，介绍这两个工具的 GitHub 仓库地址，方便读者深入研究。随后，深入剖析代码，详细说明了构建包含 HTML 内容的完整 HTML 文档字符串的过程，以及如何通过这两个工具实现 HTML 到 Word 文档的转换和保存。这篇博客力求简练明了，使读者能够迅速了解并应用于实际项目中，为前端开发者提供了实用而高效的指南。

2023-12-25 16:32:18 4951 4

原创批量下载文件并打包成Zip的JavaScript函数

本文介绍了一款用于批量下载文件并打包成Zip文件的JavaScript函数。首先，通过axios库实现了getFile函数，用于从指定URL下载文件并返回Promise。然后，详细解释了主函数handleBatchDownload的实现。该函数使用JSZip库创建Zip文件，通过遍历数据数组下载文件并逐个添加到Zip文件中，同时使用Promise管理异步操作。如果存在其他文件参数，同样将其添加到Zip文件中。最后，通过JSZip生成Blob类型的二进制流，并利用FileSaver库保存为文件，供用户下载。

2023-12-23 17:28:08 1043

原创 vue 在IOS移动端中 windon.open 等跳转外部链接后，返回不触发vue生命周期、mounted等相关事件-解决方法

做了一个列表的h5页面，通过点击列表跳转到外部链接，然后返回是回到原来页面状态，类似缓存。发现在ios端返回后，vue 的mounted() 、create()、路由监听等方法都不会执行。在安卓和pc 端都能正常调用。

2023-08-24 13:48:05 1300

原创 Openlayers根据kml文件绘制地图

【代码】Openlayers根据kml文件绘制地图。vue + Openlayers 根据kml文件动态绘制天地图

2023-06-05 21:58:01 622

原创 vsCode 配置用户代码片段 vue版

vsCode 配置用户代码片段 vue版。代码片段功能：输入关键字，快速生成定义的代码。

2022-11-16 22:45:24 445 1

原创 vue2 源码解析（四）data数据响应式

vue2 源码解析（四）data数据响应式。最后observe(data, true /* asRootData */) 函数对象data进行响应处理。observe 函数将传入vlaue进行响应式处理 ob = new Observer(value)并会进行protoAugment(value, arrayMethods) 覆盖数组7个方法。initState(vm) 函数中执行，继续往下。找到重点函数：initData(vm)通过传入一个arrayMethods。主要是进行依赖收集，实现。

2022-11-16 22:19:31 825

原创 JSON 教程

JavaScript高级程序设计》读书笔记。JSON

2022-09-13 15:09:10 338

原创 javaScript 错误处理与调试

错误类型 Error：基类型，其他错误类型继承该类型 InternalError（非标准）：底层Javascript 引擎抛出异常时 EvalError：使用eval() 函数发生异常时 RangeError：数值越界 ReferenceError：找不到对象 SyntaxError：给eval() 传入字符串包含JavaScript语法错误时 TypeError：变量不是预期类型，或者访问不存在的方法 URIError：使用encodeURI() 或decodeURI() 传入了格式错

2022-09-01 16:31:06 462

原创 js 表单脚本

form元素。HTMLFormElement 类型表示。表单的基础使用。富文本编辑

2022-08-30 22:28:53 547

原创 js 动画与Canvas 图形

js 动画与canvas。requestAnimationFrame，画布功能

2022-08-29 20:02:12 619

原创前端技术学习网站-博客类

互联网IT技术/产品/运营/硬件/汽车机械制造/金融/财务管理/审计/银行/市场营销/地产/快消/管培生等等专业技能学习/备考/求职神器，在线进行企业校招实习笔试面试真题模拟考试练习,全面提升求职竞争力，找到好工作，拿到好offer。现代 JavaScript 教程：有关示例和任务的简单但详细的解释包括：闭包、文档和事件，以及面向对象编程等。web前端技术博客，用于总结分享自己平时学习和工作中的经验。张鑫旭的个人博客首页，张鑫旭的技术作品，张鑫旭的生活成长。林鑫的博客-前端博客-web前端技术。...

2022-08-28 23:46:29 161

原创 JS 事件

事件流：捕获事件、冒泡事件。事件处理程序：addEventListener、removeEventListener。事件对象event。事件类型、焦点事件（ FocusEvent）、鼠标事件（ MouseEvent）、滚轮事件（ WheelEvent）、输入事件、键盘事件。内存与性能。模拟鼠标事件、模拟键盘事件、模拟其他事件、自定义DOM 事件...

2022-08-28 23:14:44 417

原创前端网站推荐-技术类

JeecgBoot低代码平台，基于SpringBoot+Ant Design的前后端分离架构,集成完善的工作流平台、强大的代码生成器、流程设计器、表单设计器,独创开发模式(Online Coding模式->代码生成器模式->手工MERGE智能开发)，可以应用在任何J2EE项目开发中，尤其适合企业信息管理系统（MIS）、办公系统（OA）、企业资源计划系统（ERP）、客户关系管理系统（CRM）等，其半智能手工Merge的开发方式，可以显著提高开发效率70%以上，极大降低开发成本。一款基于BPM的低代码平台。..

2022-08-26 09:10:28 228

原创推荐一些工具类网站

推荐一些个人常用网站。

2022-08-24 15:44:38 523

原创 Js DOM2 和 DOM3

Node.isEqualNode(otherNode)、HTMLIFrameElement.contentDocument。样式：存取元素样式、操作样式表、元素尺寸、客户端尺寸、滚动尺寸。NodeIterator、TreeWalker

2022-07-27 20:39:24 240

原创 js DOM 扩展

Selectors API：document.querySelector(selectors)、parentNode.querySelectofAll(selectors)、element.matches(selectorSting)。元素遍历：childElementCount 、firstElementChild 、lastElementChild 、previousElementSibling、nextElementSibling 。HTML5：getElementByClassName().....

2022-07-10 20:20:44 304

原创 js DOM

js DOM 元素。节点类型：Node、Element、Text、Comment 、CDATASection、DocumentType、DocumentFragment、Attr。MutationObserver 接口：disconnect、observe、taskRecords。

2022-07-10 18:29:59 271

原创 js BOM

window 对象被复用为ECMAScript 的Global 对象，所以通过var 声明的所有全局变量和函数都会成为window 对象的属性和方法。CSS 像素是 Web 开发中使用的统一像素单位。这个单位的背后其实是一个角度： 0.0213°。同像素密度的屏幕下就会有不同的缩放系数，以便把物理像素（屏幕实际的分辨率）转换为 CSS 像素（浏览器报告的虚拟分辨率）。window.devicePixelRatio 与每英寸像素数（ DPI， dots per inch）是对应的。 DPI 表示单位像素密度

2022-07-07 14:20:49 137

原创 js 期约与异步函数 Promise

js 期约 Promise：Promise.resolve()、Promise.reject()，then(),promise.all()，promise.race()。串行期约合成。期约取消，期约进度通知。异步函数：async/await。实现sleep()、利用平行执行、串行执行期约

2022-06-26 17:13:38 381

原创 javaScript 函数

任何可以使用函数表达式的地方，都可以使用箭头函数。但不能使用 arguments、super 和 new.target，也不能用作构造函数，也没有prototype 属性指向函数的指针，所以它们跟其他包含对象指针的变量具有相同的行为。所有函数对象都会暴露一个只读的name属性，包含关于函数的信息。如果函数是一个获取函数、设置函数，或者使用bind() 实例化，那么标识符前面会加一个前缀理解参数在使用非箭头函数时，可以在内部访问 arguments对象，一个类数组对象。箭头函数中的参数如果

2022-06-14 22:21:47 184

原创 js 代理与反射 Proxy

代理基础 Proxy：创建空代理，可撤销代理，实用反射API,代理另一个代理，代理的问题与不足。代理捕获器与反射方法：get()、set()、has()、defineProperty()、getOwnPropertyDescriptor()、deleteProperty()、ownKeys()、getPrototypeOf()、setPrototypeOf()、isExtensible()、preventExtensions()、apply()、construct()。代理模式：跟踪属性访问、隐藏属性、属性

2022-06-12 13:42:47 211

原创对象、类与面向对象编程

对象属性分为：数据属性和访问器属性。数据属性:configurable、enumberable、writable、value。访问器属性：configurable、enumerable、get、set。属性值简写、可计算属性、简写方法名。对象解构。工厂模式、构造函数模式、原型模式。继承：原型链、盗用构造函数、组合继承、原型式继承、寄生式继承、寄生式组合继承。类、类构造函数、类继承extends,HomeObject 和 super()，抽象基类，继承内置类型、类混入...

2022-05-30 22:53:13 137

原创迭代器与生成器

迭代器与生成器：迭代器（实现 Iterable 接口（可迭代协议）要求同时具备两种能力：支持迭代的自我识别能力和创建实现，Iterator 接口的对象的能力。这个属性必须使用特殊的 Symbol.iterator 作为键。）生成器（可以自定义迭代器和实现协程。生成器的形式是一个函数，函数名称前面加一个星号（ *）表示它是一个生成器。只要是可以定义函数的地方，就可以定义生成器。）

2022-05-28 19:01:30 151

原创集合引用类型

集合引用类型：Object、Array（创建数组，数组空位，数组索引，检测数组，迭代器方法，复制和填充方法，转换方法，栈方法，队列方法，排序方法，操作方法，搜索和位置方法，迭代方法，归并方法）、定型数组（ArrayBuffer，DataView）、Map（基本API，Object 与 Map 对比，get()，set()，delete()，clear()）、WeakMap、Set、WeakSet使用弱映射

2022-05-24 20:37:45 141

原创基本引用类型

基本引用类型：引用值（或者对象）是某个特定引用类型的实例。引用类型是把数据和功能组织到一起结构。引用类型也被称为对象定义，因为它们描述了自己的对象应有的属性和方法。对象被认为是某个特定引用类型的实例。新对象通过使用new 操作符后跟一个构造函数来创建。Date类将日期保存为自协调世界时（UTC）时间1970年1月1日午夜（零时）至今所经过的毫秒数。RexgExp 实例属性。原始值包装类型。单例内置对象。Math 对象属性

2022-05-22 19:57:00 297

原创变量、作用域与内存

原始值与引用值：动态属性、复制值、传递参数、确定类型(typeof/instanceof)。执行上下文与作用域。垃圾回收机制：标记清理：离开作用域的值自动标记为可回收，在垃圾回收被删除，引用计数：记录值被引用多少次。内存管理、内存泄漏、静态分配与对象池。

2022-05-21 21:58:43 94

原创 Js 语言基础

语法、关键字与保留字、变量、数据类型、6中简单数据类型（原始类型）：Undefined、Null、Boolean、Number、String、symbol、复杂数据类型：Object。Symbol.for、Symbol.asyncIterator、Symbol.hasInstance、Symbol.isConcatSpreadable、Symbol.iterator、Symbol.match、Symbol.replace、Symbol.search、Symbol.species、Symbol.split、S

2022-05-17 22:55:38 180

空空如也

空空如也