- 一个使用js做的一个PDF预览&PDF标注工具 核心主要使用pdf.js以及操作canvas 目前支持web端,windows端,mac端,可npm包引入项目 目前支持的功能有大文件预览、缩略图显示、大纲显示、划词高亮、实时图形批注(箭头、直线、圆、矩形)、添加文字、自由画笔、撤销动作、添加图片、修改PDF源文件。 一个使用js做的一个PDF预览&PDF标注工具 核心主要使用pdf.js以及操作canvas 目前支持web端,windows端,mac端,可npm包引入项目 目前支持的功能有大文件预览、缩略图显示、大纲显示、划词高亮、实时图形批注(箭头、直线、圆、矩形)、添加文字、自由画笔、撤销动作、添加图片、修改PDF源文件。
- 一、前言build.js配置文件是npm run build 命令的入口配置文件,主要用于生产环境。由于这是一个系统配置文件,将涉及很多模块和插件,所以这部分内容我将分多个文章讲解,请关注博主其他文章。// 此文件运行在node环境中,使用webpack的nodejsAPI实现自定义构建和开发流程// npm和node版本检查,请看我的check-versions配置文件相关文章requi... 一、前言build.js配置文件是npm run build 命令的入口配置文件,主要用于生产环境。由于这是一个系统配置文件,将涉及很多模块和插件,所以这部分内容我将分多个文章讲解,请关注博主其他文章。// 此文件运行在node环境中,使用webpack的nodejsAPI实现自定义构建和开发流程// npm和node版本检查,请看我的check-versions配置文件相关文章requi...
- 一、前言webpack.prod.conf.js 配置文件是webpack生产环境核心配置文件。由于这是一个系统的配置文件,将涉及很多模块和插件,所以这部分内容将分多个文章讲解,请关注博主其他文章。// 下面是引入nodejs的路径模块var path = require('path')// 下面是utils工具配置文件,主要用来处理css类文件的loadervar utils = req... 一、前言webpack.prod.conf.js 配置文件是webpack生产环境核心配置文件。由于这是一个系统的配置文件,将涉及很多模块和插件,所以这部分内容将分多个文章讲解,请关注博主其他文章。// 下面是引入nodejs的路径模块var path = require('path')// 下面是utils工具配置文件,主要用来处理css类文件的loadervar utils = req...
- 一、前言webpack.dev.conf.js 配置文件是vue开发环境wepack相关配置文件。// 引入当前目录中的utils工具配置文件var utils = require('./utils')// 引入webpack来使用webpack内置插件var webpack = require('webpack')// 引入config目录中的index.js配置文件var config... 一、前言webpack.dev.conf.js 配置文件是vue开发环境wepack相关配置文件。// 引入当前目录中的utils工具配置文件var utils = require('./utils')// 引入webpack来使用webpack内置插件var webpack = require('webpack')// 引入config目录中的index.js配置文件var config...
- 原文链接 nodejsnodejs下载地址: https://nodejs.org/en/download/下载后上传到服务器,并解压。进入解压的文件夹,可以查看版本:./bin/node -v 建立 node 软连接,变为全局变量:ln -s /home/myroot/Desktop/Vue/node-v16.16.0-linux-x64/bin/node /usr/local... 原文链接 nodejsnodejs下载地址: https://nodejs.org/en/download/下载后上传到服务器,并解压。进入解压的文件夹,可以查看版本:./bin/node -v 建立 node 软连接,变为全局变量:ln -s /home/myroot/Desktop/Vue/node-v16.16.0-linux-x64/bin/node /usr/local...
- 项目开发当中,列表数据的导出功能基本是每个业务系统必备的功能、另外Excel数据批量导入数据库也是比较常见的功能,一般开发都会采用POI、EasyExcel等后端框架实现,后端服务实现的话,如果涉及业务调整的话,生产环境需要重启后端服务。如果采用前端处理的话,就会方便很多,今天给大家介绍采用Vue框架集成xlsx组件的方式实现数据的导入、导出功能,希望对大家能有所帮助! 1、创建一个空白的v... 项目开发当中,列表数据的导出功能基本是每个业务系统必备的功能、另外Excel数据批量导入数据库也是比较常见的功能,一般开发都会采用POI、EasyExcel等后端框架实现,后端服务实现的话,如果涉及业务调整的话,生产环境需要重启后端服务。如果采用前端处理的话,就会方便很多,今天给大家介绍采用Vue框架集成xlsx组件的方式实现数据的导入、导出功能,希望对大家能有所帮助! 1、创建一个空白的v...
- 前言hi,大家好,我是左手写helloworld,右手写bug的秋名山码民!今天在利用springboot+vue整合开发一个网站的时候出现了bug,总结一下在开发中遇到的一个问题,关于解决在使用vue和springboot在开发前后端分离的项目时,如何解决跨域问题。 为什么产生跨域问题?前端调用的后端接口不属于同一个域,域名或端口不同,就会产生跨域问题,也就是说你的应用访问了该应用域名或... 前言hi,大家好,我是左手写helloworld,右手写bug的秋名山码民!今天在利用springboot+vue整合开发一个网站的时候出现了bug,总结一下在开发中遇到的一个问题,关于解决在使用vue和springboot在开发前后端分离的项目时,如何解决跨域问题。 为什么产生跨域问题?前端调用的后端接口不属于同一个域,域名或端口不同,就会产生跨域问题,也就是说你的应用访问了该应用域名或...
- 一、前言vue.js中created方法是一个生命周期钩子函数,一个vue实例被生成后会调用这个函数。一个vue实例被生成后还要绑定到某个html元素上,之后还要进行编译,然后再插入到document中。每一个阶段都会有一个钩子函数,方便开发者在不同阶段处理不同逻辑。一般可以在created函数中调用ajax获取页面初始化所需的数据。 二、实例生命周期每个 Vue 实例在被创建之前都要经过... 一、前言vue.js中created方法是一个生命周期钩子函数,一个vue实例被生成后会调用这个函数。一个vue实例被生成后还要绑定到某个html元素上,之后还要进行编译,然后再插入到document中。每一个阶段都会有一个钩子函数,方便开发者在不同阶段处理不同逻辑。一般可以在created函数中调用ajax获取页面初始化所需的数据。 二、实例生命周期每个 Vue 实例在被创建之前都要经过...
- 一、前言在项目开发过程中,一般都是在同一域名下进行接口联调,且不存在跨域,但是当我们在使用vue-cli进行项目打包的时候,在本地启动服务器后,比如本地开发服务下是 http://localhost:8080 这样的访问页面,但是我们的接口地址是 http://xxxx.com/save/index ,这样直接使用会存在跨域的请求,导致接口请求不成功,因此需要在打包的时候进行代理配置。 二... 一、前言在项目开发过程中,一般都是在同一域名下进行接口联调,且不存在跨域,但是当我们在使用vue-cli进行项目打包的时候,在本地启动服务器后,比如本地开发服务下是 http://localhost:8080 这样的访问页面,但是我们的接口地址是 http://xxxx.com/save/index ,这样直接使用会存在跨域的请求,导致接口请求不成功,因此需要在打包的时候进行代理配置。 二...
- # vue搭建## 准备环境- npm- node- webpack- vs code### npm使用brew命令行进行下载安装指定版本:```brew install npm```查看版本号:```$ npm -v8.15.0```### Node进入官网nodejs,根据自己电脑的版本进行下载安装,如果是mac电脑,可以直接使用brew命令行进行下载。安装指定版本号:```brew i... # vue搭建## 准备环境- npm- node- webpack- vs code### npm使用brew命令行进行下载安装指定版本:```brew install npm```查看版本号:```$ npm -v8.15.0```### Node进入官网nodejs,根据自己电脑的版本进行下载安装,如果是mac电脑,可以直接使用brew命令行进行下载。安装指定版本号:```brew i...
- 一、文件介绍main.js是项目主入口文件,主要作用是初始化vue实例,并引入所需插件;App.vue是项目主组件,所有页面都是在App.vue下进行切换的。也可以理解为所有的路由是App.vue的子组件。所以将router标示为App.vue的子组件。index.html为文件入口;src放置组件和入口文件;node_modules为依赖的模块;config中配置了路径端口值等;buil... 一、文件介绍main.js是项目主入口文件,主要作用是初始化vue实例,并引入所需插件;App.vue是项目主组件,所有页面都是在App.vue下进行切换的。也可以理解为所有的路由是App.vue的子组件。所以将router标示为App.vue的子组件。index.html为文件入口;src放置组件和入口文件;node_modules为依赖的模块;config中配置了路径端口值等;buil...
- 大家好,我是雄雄。 前言昨天写了篇文章:自己整理的vue实现生成分享海报(含二维码),看着网上的没实现主要是介绍了如何使用vue实现,动态分享内容为海报,且附带二维码,扫描二维码能直接进去文章的页面。但是有个小缺点,就是海报的背景,只有一种;相信大家在看CSDN这种分享海报的时候,是可以随机切换精美背景的,今天,我们就来看看,随机海报背景如何实现。 最终效果因为图片中含有二维码,可能后期会显... 大家好,我是雄雄。 前言昨天写了篇文章:自己整理的vue实现生成分享海报(含二维码),看着网上的没实现主要是介绍了如何使用vue实现,动态分享内容为海报,且附带二维码,扫描二维码能直接进去文章的页面。但是有个小缺点,就是海报的背景,只有一种;相信大家在看CSDN这种分享海报的时候,是可以随机切换精美背景的,今天,我们就来看看,随机海报背景如何实现。 最终效果因为图片中含有二维码,可能后期会显...
- 如何将时间沉淀下来? 虽然时间是无形的,看不见、摸不着,也无法贮存,但却可以通过有形的东西沉淀下来。 当你花时间写完一篇文章,时间就沉淀到文字中; 当你录制了一个有趣的视频,时间就沉淀到视频里; 当你花了一整天的时间整理房间,时间就沉淀到你每天的起居环境里; 当你去健身房撸铁,时间就沉淀到每一块结实的肌肉里; 当你种了一盆花,时间就沉淀到绽放的每一朵鲜花中。 2022年你的时间都沉淀到哪里了呢? 如何将时间沉淀下来? 虽然时间是无形的,看不见、摸不着,也无法贮存,但却可以通过有形的东西沉淀下来。 当你花时间写完一篇文章,时间就沉淀到文字中; 当你录制了一个有趣的视频,时间就沉淀到视频里; 当你花了一整天的时间整理房间,时间就沉淀到你每天的起居环境里; 当你去健身房撸铁,时间就沉淀到每一块结实的肌肉里; 当你种了一盆花,时间就沉淀到绽放的每一朵鲜花中。 2022年你的时间都沉淀到哪里了呢?
- 大家好,我是雄雄,欢迎关注微信公众号,雄雄的小课堂。 前言大家都知道,我们正常的项目,都做了访问限制,也就是,只有当用户登录本平台后,才能让用户访问别的页面,否则默认重定向到登录页面。但是,需求总有不尽人意的地方:比如我们需要做一个单独的页面,此页面所有用户都可以微信扫码进行跳转访问,然后去进行别的业务操作,所以我们不能给做登录限制,那么这种需求下,我们应该怎么实现呢? 版本前端:jeecg... 大家好,我是雄雄,欢迎关注微信公众号,雄雄的小课堂。 前言大家都知道,我们正常的项目,都做了访问限制,也就是,只有当用户登录本平台后,才能让用户访问别的页面,否则默认重定向到登录页面。但是,需求总有不尽人意的地方:比如我们需要做一个单独的页面,此页面所有用户都可以微信扫码进行跳转访问,然后去进行别的业务操作,所以我们不能给做登录限制,那么这种需求下,我们应该怎么实现呢? 版本前端:jeecg...
- 大家好,我是雄雄,欢迎关注微信公众号:???雄雄的小课堂??? 今天给大家分享的技术是:avue中如何设置新增和编辑的按钮隐藏掉。 涉及技术前端:avue,这个框架,说实话,刚开始用的时候,很难用,对新手及其的不友好,好多东西都找不到…后端:ssm(Springboot+SpringMvc+Mybatis Plus),不过后台技术今天涉及不到 需求说明通常情况下,我们将表中数据展示出来之后... 大家好,我是雄雄,欢迎关注微信公众号:???雄雄的小课堂??? 今天给大家分享的技术是:avue中如何设置新增和编辑的按钮隐藏掉。 涉及技术前端:avue,这个框架,说实话,刚开始用的时候,很难用,对新手及其的不友好,好多东西都找不到…后端:ssm(Springboot+SpringMvc+Mybatis Plus),不过后台技术今天涉及不到 需求说明通常情况下,我们将表中数据展示出来之后...
上滑加载中
推荐直播
-
华为云码道Skill实战与极速交付,智能开发全链路实战2026/07/22 周三 19:00-21:00
王一男-华为云码道产品规划专家;李炎-华为云码道产品专家;姜浩-华为云HCDG核心组成员
直播深度解读华为云码道6月产品新特性,从Skill市场安装专家技能,带你零距离体验从需求,开发,审查,重构全链路闭环的开发过程。从零构建并交付一个完整项目,让您体验从代码提交到服务上线的“极速”之旅。
回顾中 -
聚开发者之力,创具身新未来2026/07/23 周四 15:00-17:00
张豪杰/程文/王军/刘新春/黄钦开 /张晓天
本次华为云具身智能开发平台CloudRobo培训面向具身智能开发者,带您全流程体验机器人本体R2C小时级接入、环境重建与轨迹生成仿真数据生产、PB级数据管理、数据评测、模型训推、强化学习和Benchmark一键评测等功能,并体验业界主流具身模型应用。
回顾中 -
用码道,让你的AI作品三步上朋友圈2026/08/04 周二 19:00-20:00
林华鼎-华为云AI开发者运营负责人
从入门 · 到做AI应用 · 到企业级开发。不教编程,只教用AI · 零代码、有产出、能带走、可炫耀 · 每课人人动手实操
回顾中
热门标签