在使用 element-plus 组件库的时候，因为我是 Vite 下进行按需引入的，然后发现在使用 ElMessage 组件时无法弹出消息框，也没有错误、警告日志打印；翻了半天 element-plus 按需引入文档，也没有额外提示说需要如何做。搜索了半天发现关键字 CSS ，难道按需引入的时候还需要引入 CSS 吗？文档也没有说啊；然后我就在文档中全局搜索了 CSS 关键字，发现在手动导入时有个提示（应该是导入提示，但是这个缩进就很迷，让人分不清到底是什么鬼）

  在实际开发过程中，因为浏览器的策略限制原因，导致我们使用一些测试 api 时，老是提示cors的考验问题，非常不方便；而小程序、iOS、Android等程序是不会有这个问题的。   我们以IMDB接口为例 此接口有短时间重复请求的限制 https://api.wmdb.tv/movie/api/generateimage?doubanId=1306123 接口来源：GitHub：https://github.com/iiiiiii1/douban-imdb-api    …

  ❝ 相信你看了 【vue-plugin-hiprint】使用-进阶篇 已经知道了模板对象结构，如何查看可用API。本打印篇将讲解打印相关API及注意事项。 ❞ 源码链接: https://github.com/CcSimple/vue-plugin-hiprint-start 效果如下： 1.前言 首先我们应该清楚两种打印模式： 拖拽生成的html，创建iframe然后调用浏览器提供的printAPI 将生成的html，通过socket.io发送到直接打印客户端再调用electron提供的printA…

  ❝ 相信你看了 【vue-plugin-hiprint】使用-入门篇 已经知道了如何引入及构建设计器了。本进阶篇教大家如何进一步的构建设计器，包括第二种构建可拖拽元素(provider)、vue3组合式函数、常用API及如何查看可用API等。 ❞ 源码链接: https://github.com/CcSimple/vue-plugin-hiprint-start ▲本篇效果图 1.编写 provider 并 构建 这里将创建两个provider文件，用于演示如何在两个不同容器中去构建可拖拽元素。 1.…

  ❝ 【vue-plugin-hiprint】[1]默认分支是npm包及demo的融合代码；对于部分新手来说有点难以下手。本篇开始以新的 demo 开始讲述如何开始使用vue-plugin-hiprint。 ❞ demo项目通过create-vue[2]创建。默认 vue3。如果你有哪些不清楚的，欢迎各位留言反馈。demo链接见文末。 1.安装 npm i vue-plugin-hiprint 引入「打印样式」print-lock.css 从node_modules/vue-plugin-hiprint…

关于 provider 是「可拖拽打印元素」的关键，必须先初始化 可定义多个 「provider」 支持「动态添加」，「动态更新」 首先我们需要理解清楚它的对象格式，例如： export default function (options) { var addElementTypes = function (context) {}; return { addElementTypes: addElementTypes, }; } 看到上述代码，你是否明白了呢？ 没明白没关系，往下看 ↓ // 导出一个 functio…

一般在哪里用得到正则? RegExp.prototype.test() test() 方法执行一个检索，用来查看正则表达式与指定的字符串是否匹配。返回 true 或 false。 若正则对象带了全局标志符号时，test() 的执行会改变正则表达式的 lastIndex 属性。连续执行 test() 方法，后续的执行将会从 lastIndex 处开始匹配字符串。 RegExp.prototype.exec() 在一个指定字符串中执行一个搜索匹配。返回一个结果数组或 null。 正常情况下，如果匹配成功，则返回一个数组…

什么是多行省略？ 当字数多到一定程度就显示省略号点点点。最初只是简单的点点点，之后花样越来越多，点点点加下箭头，点点点加更多，点点点加更多加箭头…。多行省略就是大段文字后面的花式点点点。 同行这么做： Google Plus用透明到白色的渐变遮罩，渐变遮罩在文字超出的时候才显示，但无法挤出文字，且背景只能纯色，不理想。 豌豆荚则更简单粗暴换行显示，换行显示则文字未超出时依然显示 …xxx，更不理想！ 我这样做： 在QQ浏览器的页面用了一个原创的mod-more UI组件，实现了定制的多行省略，还是纯CSS的，领先同…

背景 上篇文章 函数式JS: 一种continuation monad推导 得到了一个类似promise的链式调用，引发了这样的思考：难道promise是monad？如果是的话又是怎样的monad呢？来来来，哥哥带你推倒，哦，不，是推导一下！ Monad Monad是haskell里很重要的概念，作为一种类型，有着固定的操作方法，简单的可以类比面向对象的接口。 定义   unit :: a -> Monad a flatMap :: Monad a -> (a -> Monad b) -…

背景 js(javascript)揉合了面向对象和面向函数的特性，使用js解释如何从面向对象迁移到面向函数非常适合，这部分介绍js continuation monad的简明推导。 continuation monad monad的一种，用于模式化cps(也就是回调风格)，monad是函数型语言处理副作用的其中一种方式，可以理解为容器（见末尾参考） 定义 unit :: a -> monad a bind :: monad a -> (a -> monad b) -> monad b &nb…