WEB前端开发-前端开发教程-前端博客-梅竹生辉的技术博客

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日 2050 0

阅读全文

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

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

2022年11月11日 2041 0

阅读全文

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

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

2021年12月15日 21924 394

阅读全文

js基于本地存储store的封装

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

2021年08月23日 2950 2

阅读全文

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

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

2021年08月23日 2890 0

阅读全文

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

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

2021年08月18日 7268 0

阅读全文

vue中过滤器filters的使用

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

2021年08月16日 3182 0

阅读全文

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

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

2021年08月02日 2952 0

阅读全文

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日 5047 0

阅读全文

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

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

2021年07月30日 3860 0

阅读全文