摘要: 最近公司项目不是很忙,可以写个博客总结一下,最近公司项目的后台管理系统使用了vue-admin-template作为主要框架,这里可以安利以下真的很不错,封装了很多主要功能 地址: https://panjiachen.github.io/vue-element-admin-site/zh/ 相应配 阅读全文
posted @ 2021-07-06 18:40 日暮途远i 阅读(3124) 评论(0) 推荐(0) 编辑
摘要: 首先要实现的需求: 后台返回的接口数据 { "list": [ { "name": "副主任", //职务名称 "positionId": 8, //职位id "partyOrgName": "第三党支部", //组织名称 "partyOrgId": 3 //组织id } ], "name": "第 阅读全文
posted @ 2021-07-06 15:54 日暮途远i 阅读(495) 评论(0) 推荐(0) 编辑
摘要: 播放器项目中歌曲搜素页面的 首先需要在state定义搜索历史,在其中保存搜索历史 state.js:// 搜索历史: searchHistory: [] mutations中新增改变搜索历史的方法 mutations.js:SET_SEARCH_HISTORY(state, history) { s 阅读全文
posted @ 2020-06-08 16:06 日暮途远i 阅读(2401) 评论(0) 推荐(0) 编辑
摘要: 要使用vuex首先得安装然后引入,在项目的src目录下建立store文件夹,分别新建state,js,mutation.js,index.js.getter.js,actions.js state.js,存储了组件之间需要共享的变量: import { playMode } from '@/util 阅读全文
posted @ 2020-05-27 16:28 日暮途远i 阅读(655) 评论(0) 推荐(0) 编辑
摘要: 在播放器项目中歌手栏目,需要取回热门的50名歌手数据 在api.js中暴露出该接口函数//获取热门歌手 export const getHotSinger = p => post('/top/artists', p) 在组件中导入 import { getHotSinger } from "@/re 阅读全文
posted @ 2020-05-27 15:25 日暮途远i 阅读(960) 评论(0) 推荐(0) 编辑
摘要: 常规的vue动画实现方式很简单,使用内置的transition组件就能轻易的实现,比如一个组件进场之后其子元素的动画可以这么写 <transition name="normal"> <div class="normal-player"> <div class="top"> <div class="b 阅读全文
posted @ 2020-05-27 09:48 日暮途远i 阅读(519) 评论(0) 推荐(0) 编辑
摘要: 命令行输入node 直接进入node node执行 js文件: 使用npm开发, npm中的package可以管理项目中使用的插件 命令行输入npm init初始化npm配置: 可以看到package.json文件已经生成,之前输入的项目信息已经有了: 接下来安装第一个插件jquery: 可以看到新 阅读全文
posted @ 2019-12-06 16:48 日暮途远i 阅读(246) 评论(0) 推荐(0) 编辑
摘要: 需要实现的效果很简单,当微信小程序跳转到该页面时,微信登录BUTTON从右往左淡入出现,手机登录BUTTON从左往右淡入出现,类似于animation.css的简单效果 官方文档上是这样说的: ①创建一个动画实例 animation。 ②调用实例的方法来描述动画。 ③最后通过动画实例的 export 阅读全文
posted @ 2019-06-12 09:29 日暮途远i 阅读(3234) 评论(0) 推荐(0) 编辑
摘要: wx.request的官方文档,具体如何使用官方文档里已经写的很明白了: https://developers.weixin.qq.com/miniprogram/dev/api/network/request/wx.request.html wx.request是一个异步的方法,所以请求数据之后s 阅读全文
posted @ 2019-06-12 09:28 日暮途远i 阅读(19444) 评论(0) 推荐(2) 编辑
摘要: 今天实现了业务中最常见的列表到详情的功能,做一个总结归纳,方便自己以后温习 两个页面分别要实现如下设计稿的视图 在开始之前首先复习一下es6 promise的用法,之前一直听说过promise的用法,但一直没有实战过 首先写一个小DEMO,使用promise打印出微信小程序的当前系统信息 接着开始自 阅读全文
posted @ 2019-05-24 20:03 日暮途远i 阅读(3116) 评论(0) 推荐(0) 编辑
摘要: 常规的这种写法就是父组件在向子组件传递数据 子组件向父组件传递数据主要通过监听事件 比如like点赞功能触发了一个like事件 父组件通过绑定like事件来监听 对应事件: 阅读全文
posted @ 2019-05-23 20:32 日暮途远i 阅读(2014) 评论(0) 推荐(0) 编辑
摘要: flex是flexiblebox的缩写,中文名字弹性盒子布局,在小程序布局中支持的很好 在试验之前可以看一下张鑫旭的flex https://www.zhangxinxu.com/wordpress/2018/10/display-flex-css3-css/ 1.给父容器设置了display:fl 阅读全文
posted @ 2019-05-21 18:23 日暮途远i 阅读(825) 评论(0) 推荐(0) 编辑
摘要: 安装好在组件中引入即可 import moment from "moment"; import "moment/locale/zh-cn"; moment.locale("zh-cn"); filters: { dateFormat(value) { return moment(value).for 阅读全文
posted @ 2020-07-09 13:47 日暮途远i 阅读(867) 评论(0) 推荐(0) 编辑
摘要: Vue项目完成后就要从开发环境转成生产环境 一些第三方的包体积过大,导致生成js文件过于庞大,这是时候可以生成打包报告来查看项目中的问题 1.生成报告有两种方式,一种使用npm run build --report 2.另一种使用vue脚手架的ui可视化面板,在项目中输入vue ui 3.点击生产环 阅读全文
posted @ 2020-04-08 10:46 日暮途远i 阅读(546) 评论(0) 推荐(0) 编辑
摘要: 基于vue-cli3 1.安装element-ui 和按需加载插件 cnpm install element-ui babel-plugin-component --save-dev 2.添加配置,在根目录新建babelrc,需要重启服务 { "presets": [["es2015", { "mo 阅读全文
posted @ 2020-02-15 19:51 日暮途远i 阅读(1465) 评论(0) 推荐(0) 编辑
摘要: 定义一个class // 定义class class Student{ constructor(name,number){ // this指向当前构建的实例 this.name=name this.number=number // this.gender='male' } sayHi(){ // 在 阅读全文
posted @ 2020-01-09 11:32 日暮途远i 阅读(181) 评论(0) 推荐(0) 编辑