Node.js

Vue-Cli 4安装tailwindcss2并配置JIT模式

安裝 Tailwind 开始安装 tailwind 和相关所需的组件。 npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9 为了开启jit模式，并使其顺利运行，需要安装cross-env，监听变化，动态生成样式 npm install -D cross-env 设置 Ta

2023年05月19日 2168 0

阅读全文

Vue.js

vue实现页面打印,滚动区域打印

vue打印插件 使用方法 import Print from '@/plugs/print' Vue.use(Print) // 注册 <template> <section ref="print">     打印内容     <div class="no-print">不要打印我</div> </section> <

2022年11月11日 2142 0

阅读全文

Node.js

Electron5+vue-cli3开发跨平台桌面应用-安装与配置

一、简介 Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。 本文将一步步教你使用Electron12和vue+cli，构建跨平台桌

2021年12月15日 22231 394

阅读全文

JavaScript

js基于本地存储store的封装

localstorage 是 HTML5 提供的在客户端存储数据的新方法，主要作用是将数据保存在客户端中，并且数据是永久保存的，除非人为干预删除。 localstorage作为本地存储来使用，解决了cookie存储空间不足的问题：cookie中每条cookie的存储空间为4k，但localStorage的存储空间有5M大小。另外，相比于cookie，localStorage可以节约带宽，在同一个

2021年08月23日 3043 2

阅读全文

Node.js

基于Node.js的嵌入式数据库Nedb的基本使用

NeDB是使用Nodejs实现的一个NoSQL嵌入式数据库操作模块，可以充当内存数据库，也可以用来实现本地存储，甚至可以在浏览器中使用。查询方式比较灵活，支持使用正则、比较运算符、逻辑运算符、索引以及JSON深度查询等。 NeDB嵌入到了应用程序进程中，消除了与客户机服务器配置相关的开销，在运行时，也只需要较少的内存开销，使用精简代码编写，速度更快。其API是MongoDB的一个子集，可以通过

2021年08月23日 2969 0

阅读全文

JavaScript

moment.js常见格式化处理各种时间方法

Moment.js 是一个简单易用的轻量级 JavaScript 日期处理类库，提供了日期格式化、日期解析等功能。它支持在浏览器和 NodeJS 两种环境中运行。此类库能够将给定的任意日期转换成多种不同的格式，具有强大的日期计算功能，同时也内置了能显示多样的日期形式的函数。另外，它也支持多种语言，你可以任意新增一种新的语言包。 格式化时间 format： moment().format()

2021年08月18日 7402 0

阅读全文

Vue.js

vue中过滤器filters的使用

过滤器顾名思义就是需要将后端传过来的数据  “过滤”一哈显示在网页上，Vue.js允许你自定义过滤器，可被用作一些常见的文本格式化 局部过滤器： 局部过滤器只能在当前vue文件里面使用； <template>     {{ message | capitalize }} </template> <script> export default {  

2021年08月16日 3275 0

阅读全文

JavaScript

js中如何进行base64编码加密解密

/**  * [Base64加密解密]  * @encode     加密  * @decode     解密  */ export const Base64 = {     encode(str) {         // first we use encodeURIComponent to get percent-encoded UTF-8,         // then 

2021年08月02日 3023 0

阅读全文

Node.js

Npm使用npm-check选择升级所有可更新包(全局+局部) + 项目单个依赖

npm-check是用来检查npm依赖包是否有更新。 1.安装npm-check： （全局目录安装） npm install -g npm-check 2.npm 全局更新包 (全局目录) npm-check -u -g 通过上下键可以移动光标，使用空格键可以选择需要处理的包，回车直接进行处理。 3.npm更新某个项目的包 （项目目录） npm-check -u 通过上下键可以移动光标，使用空

2021年07月30日 5152 0

阅读全文

Vue.js

Vue+Element实现服务调用el-dialog弹窗

在使用Vue + Element 实现需求时常会遇到单个Vue文件内出现多个弹窗需求，一般会这样写 <!--*.vue--> <template>   <el-dialog :visible="visible1">弹框1</el-dialog>   <el-dialog :visible="visible2">弹框2</el

2021年07月30日 3952 0

阅读全文