前端相关
文章平均质量分 71
平常总结
EricFRQ
宝剑锋从磨砺出,梅花香自苦寒来
展开
-
vue项目依赖检查depcheck
缺失依赖原创 2024-06-12 09:53:42 · 223 阅读 · 0 评论 -
vue使用source map调试
效果就是控制台报错行数和源码行数完全一致。原创 2024-04-28 13:42:28 · 544 阅读 · 0 评论 -
cesium学习笔记
基础原创 2023-06-14 10:42:57 · 1350 阅读 · 1 评论 -
vue中实现cron解析、反解析
cron解析、反解析原创 2023-06-09 13:37:00 · 1186 阅读 · 0 评论 -
nginx学习使用
nginx原创 2022-11-30 15:57:21 · 1504 阅读 · 0 评论 -
axios请求头的三种方式
【代码】axios请求头的三种方式。原创 2022-11-02 10:18:08 · 1058 阅读 · 0 评论 -
vue实现水滴球
vue使用水滴图原创 2022-09-22 11:24:22 · 434 阅读 · 0 评论 -
vue3.0实战项目
vue3.0实战原创 2022-09-01 13:38:49 · 2720 阅读 · 1 评论 -
vue3.0新特性学习笔记
vue3.0语法新特性,对比vue2.0学习原创 2022-07-20 17:43:30 · 1418 阅读 · 0 评论 -
前端自动滚屏
vue实现滚动效果一、横向滚动1、效果演示1、封装的组件代码如下,直接粘贴即可原创 2022-06-08 14:23:49 · 1450 阅读 · 0 评论 -
webpack学习使用
webpack打包一、优点二、使用步骤1、在编写的项目代码(非中文)文件夹里面输入cmd命令 npm init -y,会在根目录生成一个package.json文件,如下图2、npm install webpack webpack-cli,会在根目录生成一个文件夹node_modules3、手动新建文件webpack.config.js,写入以下内容:4、新建指定的入文件(entry: './src/index.js',)index.js,写入需要导出的方法有哪些,模块化导出的内容、语法可参考以下代码:5、原创 2022-04-13 17:16:47 · 854 阅读 · 0 评论 -
vue项目加水印
vue项目加水印原创 2022-03-30 10:14:56 · 4790 阅读 · 8 评论 -
vue使用rem实现窗口大小自适应
安装依赖cnpm install lib-flexible --save#需要指定5.1.1版本cnpm install postcss-pxtorem@5.1.1 --save引入插件(main.js里添加)//自适应rem插件import 'lib-flexible';添加配置(脚手架2、3不一样)cli3在vue.config.js中添加配置module.exports = { css: { loaderOptions: { postcss.原创 2022-01-06 14:49:13 · 840 阅读 · 0 评论 -
koa2学习笔记
Koa2学习笔记一、安装和简单使用二、简单解释中间件的“洋葱模型”三、实战小项目一、安装和简单使用检查node环境node -v安装koanpm init -y //会在当前文件夹下创建一个package.json必要文件,为了帮我们维护第三方包的信息npm install koa //在线联网下载koa创建并编写app.js文件创建koa对象编写响应式函数(中间件)监听端口(3000)代码如下://1、创建koa对象const Koa=require('ko原创 2021-05-20 09:42:10 · 500 阅读 · 0 评论 -
vue使用leaflet加载高德/天地图
vue使用leafletvue使用leafletvue使用leafletnpm安装leaflet依赖npm install leaflet新建vue页面,在页面中局部使用leaflet(不在main.js中设置全局使用)<template> <div class="leaflet"> <div class="container"> <div id="map" class="map"></div> &原创 2021-05-06 10:46:11 · 8173 阅读 · 2 评论 -
Vue使用vue-apalyer实现音乐播放
vue-apalyer一、npm安装依赖二、引入插件三、组件使用四、完整页面,我自己的,仅供参考效果图:一、npm安装依赖npm install vue-aplayer --save二、引入插件import aplayer from "vue-aplayer"; components: { aplayer: aplayer },三、组件使用<template> <div id="aplayerDiv"> <vue-scr原创 2021-04-02 11:32:58 · 1114 阅读 · 0 评论 -
websocket使用
封装websocket的Api/* eslint-disable no-mixed-spaces-and-tabs *//*------------------------- web socket方法封装 -------------------------*/ /*连接websocket*/ var ws; var port = '0'; //前一次端口号,断线重连时用到 var seq=0;//第几次请求握手 export const websocketFun原创 2020-07-01 09:13:04 · 6577 阅读 · 0 评论 -
nuxt.js的基本使用,创建nuxt工程
nuxt.js的基本使用,创建nuxt工程1.下载https://github.com/nuxt-community/starter-template/archive/master.zip2.此文件中cmd打开,输入npm install -g @vue/cli-------------------安装vue-cli3.再输入vue init nuxt-community/starter-t...原创 2019-07-31 11:16:48 · 525 阅读 · 0 评论 -
vue从入门到出门。cli3搭建VUE访问自己的功能页面
1.cli3搭建vue项目。具体步骤按照原博主即可:cli3快速搭建vue2.导入idea,执行npm install,下载所需要的依赖包3.双击serve,访问地址,默认访问vue.app4.如下图位置,main.js文件。更换启动后,你需要默认访问的页面...原创 2019-07-20 11:02:04 · 999 阅读 · 0 评论 -
启动VUE项目
1.打开cmd2.进入vue项目所在目录(进入目录命令:(1)、cd/(2)、e:(3)、cd vue/vue-loader-demo3.输入命令npm run dev ,即可启动成功!)原创 2019-05-16 13:51:12 · 421 阅读 · 0 评论 -
跨域问题,改了配置后依然报404找不到
使用proxy代理中间件解决跨域问题,改了配置后依然报404找不到,是因为:这里不是localhost!!!!要改成本机ip原创 2019-06-27 13:41:25 · 7869 阅读 · 2 评论 -
Vue+springboot上传文件
// 导入excel封装的导入方法export const importConcentrator = (params) => { let ajax = axios.create({ baseURL: api, timeout: 20000, headers: { 'Content-Type': 'multipart/form-data' } ...原创 2019-12-05 13:13:48 · 179 阅读 · 0 评论