es6
时间的情敌
程序员的自我修养
展开
-
Vue中实现JavaScript桌面消息通知
vue中实现浏览器消息通知原创 2022-06-13 18:19:32 · 961 阅读 · 4 评论 -
Vue中使用js-web-screen-shot插件实现截屏功能
最近有个需求,要求类似微信、扣扣实现屏幕截屏功能,在此,使用vue插件实现了此功能,记录如下:安装截屏插件:npm install js-web-screen-shot --save页面引入:import ScreenShort from "js-web-screen-shot";调用:<el-button @click="jitT()">截屏</el-button>methods中写入截屏方法:jitT(){ const screenShotH原创 2022-04-28 14:13:31 · 7085 阅读 · 23 评论 -
Vue中使用Wangeditor富文本实现聊天窗口抖动
1、最近项目有个需求,要求实现类似扣扣发送好友窗口抖动功能,在此,整理如下,这里使用的是vue中进行元素抖动方法,具体参考vue中元素抖动组件代码如下:<template> <div> <slot></slot> </div></template><script> export default { props: { // 抖动范围,单位是px, 例如:{x: 4, y: 2,原创 2022-04-20 15:59:03 · 411 阅读 · 0 评论 -
Vue中使用luckyexcel插件开发在线表格编辑
最近项目需求要做一个在线编辑xlsx功能,在此使用了luckyexcel组件来进行开发:vue中使用总结如下1、首先进行引入:注意,引入这块需要进行线上引入,使用npm 安装会出如下错误:vue页面中使用:<template> <div class="excelContent"> <div class="header"> <!-- 本地导入 --> <upload :file-list="fileList" :原创 2022-04-20 10:49:59 · 8528 阅读 · 4 评论 -
浅谈前端开发必备知识点及未来发展方向
文章目录一、关于前端二、前端技术路线1.基础掌握2.进阶能力3.前端框架4.前端工程化5.技术加持6.全栈开发三、前端开发工具1.WebStorm2.Vscode3.Sublime三、前端发展方向1.web开发2.游戏开发3.多屏多端开发一、关于前端很多人总是以为前端人员就是写写页面这么简单,其实不是这样的,现代的前端岗位是一个综合素质要求很高的行业。首先,作为前端程序员,不仅要掌握开发语言、数据结构、算法等编程素养,现在的前端应用场景复杂程度非常高,这就要求我们必须向后端程序员那样,具备很高的软件原创 2022-04-14 16:54:29 · 3261 阅读 · 0 评论 -
Vue中使用Wangeditor富文本实现聊天发送文件驻留
1、最近遇到一个需求,类似企业微信发送文件及视频时可以在文本框内驻留,然后点击发送按钮进行文件发送,这里使用的是富文本框进行处理,Wangeditor富文本框。自定义添加菜单功能如下:cnpm i wangeditor --savevue页面中引入:import E from 'wangeditor'methods中写入自定义组件方法:resetEdit() {var that = this;this.editor = new E("#edit");E.registerMenu("fi原创 2022-04-13 16:08:17 · 1814 阅读 · 1 评论 -
WangEdit富文本编辑器图标修改
1、如下图,图标样式在这里直接修改i的class 是可以的 在代码里如何图标呢?代码里直接修改class不行于是查找后得知他的配置里没有配置菜单图标的选项,所以通过配置的方式是行不通了那么可以想办法给他覆盖掉,比如可以重新定义w-e-icon-text-heigh类.w-e-icon-text-heigh:before { content: "\f1dc";}这个有两点需要注意,一是权重要够,二是如果不是他自身就有的字体,那你还需要引入你的字体,并声明字体.w-e-text-he原创 2022-04-08 10:06:12 · 5243 阅读 · 0 评论 -
【Vue.js】vue引入组件报错:该组件未注册?
1、引入组件,报如下错误:vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: <ischemicHeart> - did you register the component correctly? For recursive components, make sure to provide the "name" option.found in---> <RiskAssessment> at s原创 2022-04-06 10:36:54 · 2217 阅读 · 0 评论 -
Vue刻度尺组件
1、安装刻度尺组件npm install cs-ruler2、在main.js中全局引入组件import CsRuler from 'cs-ruler'//刻度尺组件Vue.use(CsRuler)3、组件使用<cs-ruler @post-NumValue="rulerNum" :NowNum='100' :maxNum='120' :minNum='60'原创 2022-04-02 15:43:06 · 6466 阅读 · 6 评论 -
如何搭建一个完整的Vue项目?
如何搭建一个完整的Vue项目?文章目录一、安装node环境二、搭建vue项目环境三、开始我们的第一个vue项目总结一、安装node环境1、安装node环境:下载地址:https://nodejs.org/en/2、安装淘宝镜像npm install -g cnpm –registry=https://registry.npm.taobao.org3、检查否安装成功:node -vcnpm -v二、搭建vue项目环境1、使用以下命令全局安装vue-clinpm install -g原创 2022-04-01 21:41:48 · 1367 阅读 · 0 评论 -
Vue中创建组件及引入组件及调用
第一章 Vue中创建组件及引入组件及调用文章目录一、什么是组件?二、如何注册组件?1.注册组件2.vue项目中引入组件总结Vue创建组件`Vue框架最核心思想就是组件化,方便开发,便于维护管理,那么,如何在vue中创建组件及如何引用呢?一、什么是组件?组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展。二、如何注册组件?1原创 2022-04-01 21:14:04 · 5083 阅读 · 0 评论 -
Vue安装swiper插件中的坑
1、在vue中安装swiper插件运行时会报错,错误如下npm install --save swiper于是在网上进行查找了一番,竟然是版本问题,因为版本不同 项目目录变了 点开node安装文件夹里也只能看到’swiper/swiper-bundle.css’如果用swiper-bundle.css会有很多问题,比如我遇到的就是分页器不生效这里就需要降低swiper版本了 这里使用的是5.4.5cnpm install vue-awesome-swiper swiper@5.4.5 --sa原创 2022-03-31 08:37:45 · 3439 阅读 · 0 评论 -
Vue中动态渲染echarts数据
1、安装指定版本echartsnpm install echarts@5.3.1 --save2、main.js中全局引入import * as echarts from "echarts"window.echarts = echarts;3、vue页面中引用 <div id="main" class="main_container"></div>4、引入数据接口import { bloodPressureList } from '../../api/healt原创 2022-03-30 21:05:25 · 2957 阅读 · 0 评论 -
Vue框架中如何调用模拟数据?
1、框架结构mock是模拟数据文件夹,文件夹中有index.js,里面包含所模拟的接口数据:如下所示const Mock = require("mockjs");const { param2Obj } = require("./utils");const user = require("./user");//调用方式const mocks = [...user];function mockXHR() { // mock patch // https://github.co原创 2022-03-30 20:03:42 · 1416 阅读 · 0 评论 -
快速了解及认识TypeScript
一、首先了解一下什么是TypeScript?TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准。TypeScript 由微软开发的自由和开源的编程语言。TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。二、了解TypeScript 的语言特性:TypeScript 是一种给 JavaScript 添加特性的语言扩展。增加的功能包括:类型批注和编译时类型检查、类型原创 2022-03-23 20:58:03 · 251 阅读 · 0 评论