吴小明- - 博客园

2020年2月15日

摘要： ### eCharts 官方文档：基本介绍、示例、API文档、配置项实例 >官方实例文档 >教程、配置项手册 echarts基本使用：（App.vue） ①安装插件： npm install echarts（项目名不能和插件名相同） ②引入： import echarts from "echar 阅读全文

posted @ 2020-02-15 23:41 吴小明- 阅读(565) 评论(0) 推荐(0) 编辑

npm安装echarts报错

摘要： npm ERR! code ENOSELF npm ERR! Refusing to install package with name "echarts" under a package npm ERR! also called "echarts". Did you name your proje 阅读全文

posted @ 2020-02-15 13:16 吴小明- 阅读(8108) 评论(0) 推荐(1) 编辑

vue11----前端优化、路由懒加载（异步组件）、keep-alive、localStorage二次封装、vue-lazyload图片懒加载、mint-ui、封装加载loading条、axios请求x-www格式的数据、nginx代理、路由守卫、mint-ui实现下拉刷新，上拉加载更多、自己封装过哪些组件和模块

摘要： ### 优化 1、加载速度的优化 ①雪碧图 >base64、iconfont ②代码压缩 ③图片视频压缩 ④cdn缓存 ⑤路由懒加载（异步组件）首页引入的大文件进行分批次引入 2、运行效率优化 ①减少http请求，页面打开之后基本不涉及到数据更改 <keep-alive include="['a' 阅读全文

posted @ 2020-02-15 03:05 吴小明- 阅读(967) 评论(0) 推荐(0) 编辑

2020年2月14日

vue10----axios拦截器、js-base64歌词解码、lyric-parser解析歌词、watch的用法：当data中的值发生变化时触发、播放和暂停歌词，点击进度条跳转到对应歌词

摘要： ### axios Interceptors（拦截器）（P-lyric.vue）类似于node中的中间件，在请求和响应之间做一次处理。 axios从接收到数据请求到then之间的过程中，拦截器进行拦截。正常的axios请求返回的response对象里有：data、status、statusText 阅读全文

posted @ 2020-02-14 01:16 吴小明- 阅读(582) 评论(0) 推荐(0) 编辑

2020年2月13日

vue09----vuex辅助函数、Detail.vue跳转Player.vue、封装mutations中的函数名、utils工具的使用、&符号、audio标签的timeupdate事件和ended事件、点击play按钮实现播放和暂停，同时img对应旋转或暂停旋转、上一曲（prev）和下一曲（next）、props传值以对象形式对象接收、watch监听控制进度条的宽度、点击滚动条控制播放时间

摘要： ### 样式作用域 scoped ### vuex的辅助函数（Player.vue） mapState：将state值直接映射到计算属性原来拿到state中的songList： computed: { songList(){ return this.$store.state.songList; } 阅读全文

posted @ 2020-02-13 00:36 吴小明- 阅读(1134) 评论(0) 推荐(0) 编辑

2020年2月10日

vue08----Singer.vue跳转至Detail.vue、阿里巴巴矢量图标、base64、songList中的ul向上滚动时特效、过渡标签transition、animate.css、vuex、vuex的使用流程、修改vuex中的值、actions处理异步。getters派生属性

摘要： ### Singer.vue跳转至Detail.vue 将Fsinger_mid参数（002J4UUk29y8BY）传过去： @click="goDetail(info.Fsinger_mid)" ### 使用阿里巴巴矢量图标库，返回箭头（Detail.vue） 1、先登录iconfont官网，下载阅读全文

posted @ 2020-02-10 14:25 吴小明- 阅读(227) 评论(1) 推荐(0) 编辑

2020年2月8日

vue07----axios、jsonp插件使用优化、数据优化、过滤数据、点击右侧边栏进行跳转、点击侧边栏字母高亮、侧边栏控制列表滚动、滚动列表侧边栏高亮、嵌套路由列表至详情

摘要： ### axios、jsonp插件使用优化（Singer.vue）场景：当很多组件都需要用到axios和jsonp的时候，可以考虑将axios和jsonp挂载到vue实例上。原理：组价继承自实例，在实例里绑定的属性和方法在组件中能访问到。原来的使用（仅在组件中引入和使用）：引入： impor 阅读全文

posted @ 2020-02-08 02:39 吴小明- 阅读(443) 评论(0) 推荐(0) 编辑

2020年2月7日

ASCII和Unicode编码的区别

摘要：编码大小支持语言 ASCII 1个字节英文 Unicode 2个字节（生僻字4个）所有语言 UTF-8 1-6个字节，英文字母1个字节，汉字3个字节，生僻字4-6个字节所有语言具体解释：最早只有127个字母被编译到计算机里，也就是大小写字母、数字和一些符号，这个编译表被称为ASCII编阅读全文

posted @ 2020-02-07 19:04 吴小明- 阅读(1688) 评论(0) 推荐(1) 编辑

2020年2月6日

vue06----portfinder、组件切换（动态组件、路由）、路由的配置项、router-view、router-link、动态导航（params）、编程式导航、声明式导航、路由传参的方式（动态导航、query、params）、命名视图、嵌套路由、node抛出和ES6抛出、better-scroll、浏览器渲染流程、$route、$router和routes的区别

摘要： ### 端口号问题：vue.config.js中devServer中port无效问题描述：vue项目开发中，用axios请求数据时，用到服务器代理，在vue.config.js中设置服务器代理devServer时，配置 port:3001, 失效。解决：第一种方法：修改portfinder版本阅读全文

posted @ 2020-02-06 22:49 吴小明- 阅读(609) 评论(0) 推荐(0) 编辑

vue05----less版本问题、移动端适配、alias、jsonp、axios、proxy、sass和less的区别

摘要： ### less报错：原因：less版本不统一解决：npm install less@2.7.3 ### 适配 ①index.html中： <script> // 将1rem设置为屏幕宽度的1/10，1rem=37.5px document.documentElement.style.fontS 阅读全文

posted @ 2020-02-06 22:43 吴小明- 阅读(377) 评论(3) 推荐(0) 编辑

吴小明

公告