- 博客(40)
- 资源 (1)
- 问答 (4)
- 收藏
- 关注
RSS订阅
原创 使用pm2部署vue项目
使用pm2在服务器运行vue项目为什么要使用pm2运行vue项目1.打包项目2.搭建服务3.pm2启动项目为什么要使用pm2运行vue项目可能很多人都会疑惑，使用vue做好的项目直接打包放在服务器上不久可以了吗？众所周知 vue打包后会生成一个名为dist的静态资源文件夹，那么如果想要在云服务器访问这些资源只能通过 http://xxxxx/dist/index.html来访问。如果想要和...
2020-01-14 16:20:34
7359
4
原创 使用adb连接安卓手机
手机和电脑需连接在同一 WiFi 下；保证 SDK 为最新版本（adb --version ≥ 30.0.0）；1.手机启用开发者选项和无线调试模式（会提示确认）；2.允许无线调试后，选择使用配对码配对。记下显示的配对码、IP 地址和端口号；3.运行adb pair ip:port，使用第 2 步中的 IP 地址和端口号；4.根据提示，输入第 2 步中的配对码，系统会显示一条消息，表明您的设备已成功配对；
2024-07-11 17:39:34
805
1
原创 css连续动画（动画组）
/ 如果当前播放的动画已经是最后一个,阻止后续代码执行。// 初始化dom节点的class。// 根据动画执行时间设置计时器。// 获取当前需要播放的动画。// 设置当前动画执行时间。// 将动画的下标加1。//单个动画执行次数。//单个动画执行时间。
2024-06-11 18:06:56
1046
原创 从零搭建vue+electron桌面应用
以报错代码为例，手动下载：https://github.com/electron-userland/electron-builder-binaries/releases/download/nsis-resources-3.4.1/nsis-resources-3.4.1.7z。然后将其复制到下图的目录中（你的目录地址不一定和我的一样，需要根据找到自己的目录地址）这是因为网络的原因导致的，遇到这种情况只能手动下载对应的包，然后粘贴到对应的目录。引入ipcRenderer。监听主进程发送过来的消息。
2023-07-18 18:11:58
2743
2
原创 nuxt在js文件中访问vuex
nuxt在js文件中访问vuex一. nuxt无法在js文件中直接引用vuex的原因二. 解决方案1.解决思路2.解决window is not defined的问题3. 解决window.$nuxt输出为undefined的问题三、最终效果nuxt因为某些特殊的原因，无法像传统的vue项目一样，在js文件中引入store文件就可以操作vuex一. nuxt无法在js文件中直接引用vuex的原因传统vue:传统的vue项目需要自己在store目录下创建vuex管理文件，最后通过引入这个管理文件就可
2022-05-26 18:00:17
1731
6
转载 elementUI el-table合并单元格
合并单元格，如果id列值一致，则合并原理1、getSpanArr(data)方法 data就是我们从后台拿到的数据，通常是一个数组；2、spanArr是一个空的数组，用于存放每一行记录的合并数；3、 pos是spanArr的索引。如果是第一条记录（索引为0），向数组中加入１，并设置索引位置；如果不是第一条记录，则判断它与前一条记录是否相等，如果相等，则向spanArr中添入元素0，并将前一位元素＋１，表示合并行数＋１，以此往复，得到所有行的合并数，0即表示该行不显示作者：後弦月的雨链接：
2022-04-15 18:11:22
673
原创 使用cdn的形式创建vue项目
使用cdn的形式创建vue项目一.实例化vue二.引入第三方组件库1.引入elementUI2.使用组件3.效果图三.开发组件1.创建pageA目录，并新建pageA.js2.在index.html中引入该文件3.使用该组件4.效果图四.路由1.引入路由文件2.引入路由组件3.最终效果一.实例化vue创建index.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <titl
2022-01-18 17:03:24
6155
3
原创 vue调用本地exe程序
vue调用本地exe程序, 原生js同理1.搭建服务2.路由文件3.前端发起请求此方法需要后端的配合，简单来说了下实现思路，我是使用node+express搭建了一个服务，通过引用node中的 child_process 模块来实现的这个需求1.搭建服务在项目根目录下创建 bin/index.jsconst express = require('express'); //npm下载并引入express模块 npm -express -Dconst router = require('../rout
2021-12-31 13:35:09
10118
5
原创 vue + Electron 制作桌面应用
vue制作桌面应用1.vue打包2.配置 Electron1.vue打包这里使用vue原生打包命令，对vue项目进行打包npm run build2.配置 Electron使用 Electron 制作桌面应用需要另个文件1.package.json创建一个package.json文件，将以下代码放入{ "name": "demo", //项目名称 "productName": "demo", "author": "作者", "version": "1.0.4", "m
2021-11-17 16:27:08
2523
原创 vue + elementUI导出excel表格
导出功能需要下载两个插件1.file-savernpm i file-saver -S2.xlsxnpm i xlsx -S代码<template><div> <el-table ref="report-table" :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" wi
2021-11-17 09:28:34
266
原创 vue动态渲染后端返回的html模板
vue动态渲染后端返回的html字符串前言实现方法1.引入 vue 用于创建构造器2 创建构造器效果前言最近突然冒出来这样一个需求，用户自己定义html模板，定义完成后将模板上传至服务器，后端将这个html模板字符串返回给前端，前端动态的将这个模板渲染到页面上实现方法1.引入 vue 用于创建构造器正常引入vue的方式应该是 import Vue from 'vue'但是这种方式可能会引发报错：[Vue warn]: You are using the runtime-only buil
2021-07-29 10:37:50
9909
原创 微信小程序createInnerAudioContext()真机调试seek失效的问题
小程序中使用createInnerAudioContext()，在开发者工具中使用seek进行跳转可以正常使用，但是在真机调试中则会出现各种问题，如跳转时音频停止播放，无法正常跳转，解决方法：跳转前暂停音频的播放，跳转后再将其恢复changeAudio(e) { this.context.pause() this.context.seek(e.detail.value) this.context.play()},...
2021-02-01 11:09:42
2095
原创 1-4 egg-数据库迁移
数据库迁移1.配置和创建迁移文件1.安装mysql2.在config/plugin.js文件中引入egg-sequelize插件3.在 config/config.default.js里面配置4.sequelize 提供了sequelize-cli工具来实现Migrations，我们也可以在egg项目中引入sequelize5.egg项目中，我们希望将所有数据库Migrations相关的内容都放在database目录下，所以我们在项目根目录下新建一个 .sequelizerc 配置文件：6.初始化 Migr
2020-12-29 16:41:05
327
原创 1-3 egg框架路由分组
路由分组1.为什么要使用路由分组2.路由分组1.为什么要使用路由分组平常我们写接口都会涉及到很多的功能，既然有很多的共能就会有很多的路由需要处理，如果我们把一个项目全部的路由信息都放到一个文件里的话，代码就会显的很多，很杂。所以我们要通过路由分组将一些相同同的功能模块，写入到对应的文件里2.路由分组1.在app文件夹的根目录下创建 router 文件夹，在router文件夹里新建一个路由模块2.在新建的user.js文件里，将user相关的路由迁移过来3.在router.js文件中，引入u
2020-12-29 14:19:03
639
2
原创 1-2 egg框架 资源路由
路由分组1.RESTful 风格的 URL 定义2.router.resources支持的方法1.RESTful 风格的 URL 定义如果想通过 RESTful 的方式来定义路由， egg提供了 app.router.resources(‘routerName’, ‘pathMatch’, controller) 快速在一个路径上生成 CRUD 路由结构。module.exports = app => { const { router, controller } = app; route
2020-12-29 11:31:09
1516
4
原创 查看安卓手机第三方应用的包名
查看第三方应用包名1.下载adb插件2.使用adb查看应用包名1.下载adb插件adb下载连接adb的主要作用是查看安卓手机的操作日志，我们可以通过操作日志来拿到当前手机所打卡应用的信息1.下载adb打开adb下载连接，选择操作系统相对应的下载内容 进行下载2.配置环境变量下载完adb插件之后，根据自己的意愿存放在某个文件夹里复制当前插件所在的目录，右击我的电脑 =》 属性 =》高级设置 =》环境变量 =》找到path =》将路径粘贴进去2.使用adb查看应用包名1.连接安卓
2020-12-23 14:48:32
3610
2
原创 1-1 egg框架初始化项目
egg框架使用方法1.项目初始化2.开发第一个api3.解除 安全威胁csrf的防范4.跨域1.项目初始化附上egg官方链接点击进入egg官网（1）.创建项目（打开cmd，进入想要创建项目的路径）mkdir egg-example //egg-example为项目名称cd egg-example //进入项目路径npm init egg --type=simple //初始化项目npm i //下载所需的插件（2）启动项目npm run dev //启动项目项目启动成功后会在显示启
2020-11-30 17:51:28
539
原创 vue使用 Swiper Animate实现超级酷炫的滚屏动画
1.鼠标滚用切换页面，并附带超酷的动画特效2.感受页面内容从四面八方向你奔赴而来的感觉3.animate超多原生css3动画特效任你选择4.大屏数据，一屏页面，带给你无与伦比的视图体验
2020-07-16 10:50:08
7090
4
原创 react-flux
flux1、flux存在的意义2、flux的运作流程3、flux的使用方法1.Dispatcher2.action3.Store1、flux存在的意义首先做一个对比，react是用来替换jquery的，而flux则是以替换backbone.js等mvc框架为目的的。mvc(model,view,controller)的世界里，react相当与mvc的view层，只负责页面的渲染，一旦涉及数据...
2020-05-08 11:07:39
483
原创 react-生命周期
react生命周期主要分为三个部分，装载过程，更新过程，卸载过程1.装载过程2.更新过程3.卸载过程1.装载过程当组件第一次被渲染的时候，一次调用的钩子函数如下：constructorconstructor ,也就是es6中每个类的构造函数，要创建一个类的实例，就要调用相应的构造函数。存在的意义：（1）.初始化state（2）.绑定成员函数的this环境getInitialSta...
2020-05-07 16:46:31
153
原创 react-state
state的使用方法1.什么是state2.初始化state3.获取state4.更改state1.什么是statereact除了prop之外，还有state，state是组件内部的状态，由于react组件不能够修改传入的prop，所以只能通过state来记录、更新组件内部的数据的变化2.初始化stateconstructor(props) { ... this.state = { ...
2020-05-07 15:40:20
147
原创 react-prop
react-prop1.什么是prop2.prop赋值3.prop取值propType检查1.什么是prop在react中，prop是外部传递给组件的数据。每个react组件都是一个独立的模块，组件之外的一切就是外部世界，外部世界是通过prop来和组件对话的。2.prop赋值父组件使用给子组件传递数据class List extends Component { render() {...
2020-05-07 15:07:24
680
原创 react创建项目
react创建项目1. 环境需求2. 创建项目3. 创建react组件1. 环境需求创建react项目需要安装node.js,安装方法百度自查，网上有很多，检查是否安装成功的方法如下node -v //打开cmd输入node -v安装完成后，打开cmd输入 node -v 如果出现版本号就说明已经安装成功了2. 创建项目1.下载react脚手架（打开cmd输入以下命令）npm i...
2020-05-07 09:53:28
993
原创 ckeditor5 使用方法 + 上传图片
最近ckedito 发布了一个版本 ckedito 5，这个版本有一个强大的功能，它可以复制world文档直接粘贴在编辑器里，并且可以保存world里的样式和图片（重点）。这里有一个重点，就是上传图片，ckedito 5上传图片有三种方式，其中最常用的方式有两种：1.使用ckedito官方服务器（不推荐，此方法要收费）、2.自定义上传服务器。本文章主要写的就是第二种方法。使用方法1.下载ck...
2020-03-31 15:51:43
5801
5
原创 experss搭建服务器
1.使用express需要先安装node.js附上链接：http://nodejs.cn/download/选择对应的系统和版本进行安装2.全局下载 express脚手架打开cmd输入以下命令npm i -g express-generator3.创建项目express dem //dem是你要创建的项目名，然会回车创建成功后会多出一个目录启动项目cd dem //进...
2019-12-18 14:21:46
268
原创 jstree默认展开所有子节点
1.首先给jstree实例绑定on事件2.事件类型设置为 ready.jstree （所有节点加载后触发）3.设置实例属性为 open_all$(‘#div-tree’).jstree({ 'core': { 'data': function (node, callback) { callback.call(this, data); ...
2019-11-22 11:17:00
2254
原创 layui 使用iframe调用父页面的方法
使用layui弹出框组件打开的iframe页面，有时会出现父页面找不到的情况，在这种情况下使用 parent.方法名 调用父页面方法时，页面会进行报错：方法名 is not function。解决的办法：在父页面使用windwo定义一个全局的方法//用来供子页面成功后调用 window.success = function(){ renderCardData();...
2019-11-07 17:23:11
3645
1
原创 ajax获取上传进度的值
$.ajax({ url: 'URL', type: 'POST', data: fd, processData: false, //用来回避jquery对formdata的默认序列化，XMLHttpRequest会对其进行正确处理 contentType: false, //设为false才会获得正确的cont...
2019-10-18 09:17:47
698
原创 vue打包后路径失效、找不到、404的问题
vue打包路径丢失的问题在vue项目打包以后，本地打开项目会出现css、js路径404的问题，这是因为vue打包后的路径默认是根路径。解决方法：在vue.cofign.js文件中将 publicPath: ‘/’, 更改为 publicPath: ‘./’,（如果没有vue.cofign.js文件，需要自行创建一个）...
2019-10-09 09:13:53
2722
1
原创 使用props接收的数据，调用结果为空
在vue中，很多时候都要使用props来进行父子通信，可是代码里总会出现各式各样的问题。使用props接收的数据，为什么在子组件中显示不出来？原因是因为:在数据还没有被赋值的时候，子组件就已经显示在页面上了，所以子组件是拿不到父组件里的数据的。解决方法:给子组件添加一个if判断 如果有这条数据，在显示该组件...
2019-07-22 14:15:54
5434
1
原创 vue 启动项目时报错 ValidationError: webpack Dev Server Invalid Options
如果vue 启动项目时出现报错信息：ValidationError: webpack Dev Server Invalid Options解决的方法：找到 config.js 文件 修改一下里面的内容找到 devServer 将里面的proxy注释掉就可以了...
2019-05-07 15:26:12
36620
16
原创 nvm安装 nodejs 时报错：http://your_urllatest/SHASUMS256.txt.
安装nvm前，需要卸载以前安装的node.jsnvm下载地址：https://github.com/coreybutler/nvm-windows/releasesNVM_HOME ：指向nvm安装目录(node.js所有版本都会在这个目录下)NVM_SYMLINK：nodejs安装目录 (当前使用nodejs版本)利用nvm安装nodejs在cmd中输入:nvm install 6.9...
2019-05-06 11:10:36
4572
原创 vue创建项目时报错：command failed: npm install --loglevel error --registry=https://registry.npm.taobao.org
使用vue-cli创建项目是报了如下错误： command failed: npm install --loglevel error --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist总结了有以下几个解决方式：首先确保所用到的vue-cli，npm，node等，版本要高一些。然后尝试以...
2019-05-06 10:21:37
11080
4
vue项目运行非常缓慢，每次刷新页面至少需要两分钟才会有响应
2022-06-08
vue中，这种操作是怎么实现的？
2022-01-11
微信小程序如何实现 点击查看全部
2021-12-17
vue怎么动态渲染html代码
2021-07-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人