vue - 随笔分类 - 薛小白

上传图片如何对图片进行压缩canvas

摘要：前言：哈喽，朋友们，最近一直在马不停蹄地赶项目，很久没有写博客了。今天我们来看一下前端上传图片地时候如何对图片进行压缩 1、图片上传我近期写项目都是使用的VUE，这里上传图片使用了Element-ui这个组件库具体代码如下： 2、选取合适的钩子这个组件为我们提供了许多钩子我这里选择了befo 阅读全文

posted @ 2019-06-03 16:43 薛小白阅读(1508) 评论(0) 推荐(1)

socket应用(vue、node.js、M站)

摘要：socket应用(vue、node.js、M站) 前言：我们在做一些项目的时候需要做到实时变化，比如我们有时候有需求会要求我们做一个类似于聊天室的页面比如有些时候我们对某些东西进行点赞和刷票，需要实时显示出来如果我们设置定时刷新内容，是一个比较不合适的事情(定时请求接口对性能会造成影响)，所以阅读全文

posted @ 2019-02-28 15:01 薛小白阅读(2080) 评论(1) 推荐(1)

文件、图片、视频上传怎么传

摘要：文件上传怎么传前言：周五的时候有了一个新的需求，要求上传图片和视频，初次尝试的我屡屡遇坑，下面给大家分享我的心历路程(yun tou zhuan xiang) 传输的内容：首先我们要确定传输的内容，如果传输的内容不对的话，我们写的再对也没有用那么传输什么样的数据应该是什么样的呢？当显示出( 阅读全文

posted @ 2019-02-24 16:10 薛小白阅读(6655) 评论(2) 推荐(1)

vue+富文本编辑器UEditor

摘要：vue+富文本编辑器UEditor 昨天的需求是把textarea换成富文本编辑器的形式，网上找了几种富文本编辑器ueditor、tinymce等，觉得ueditor实现双向绑定还挺有意思，分享一下～按照下面步骤即可前言 vue2 https://github.com/yangTwo100 阅读全文

posted @ 2019-01-16 16:21 薛小白阅读(9628) 评论(2) 推荐(5)

vue和react全面对比(详解)

摘要：vue和react对比(详解) 放两张图镇压小妖怪本文先讲共同之处，再分析区别大纲在此：共同点： a、都使用虚拟dom b、提供了响应式和组件化的视图组件 c、注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库。区别： a、优化 b、HTML&CSS c、构建工具 d、数阅读全文

posted @ 2018-12-12 11:51 薛小白阅读(48263) 评论(1) 推荐(11)

vuex详解

摘要：vuex详解 yarn add vuex 1、vuex流程图 vuex可以帮助我们管理组件间公共的数据创建一个 store 现在，你可以通过 store.state 来获取状态对象，以及通过 store.commit 方法触发状态变更： 2、详解(state) 由于 Vuex 的状态存储是响应式的阅读全文

posted @ 2018-12-10 15:00 薛小白阅读(1490) 评论(1) 推荐(0)

vue的.vue文件是怎么run起来的(vue-loader)

摘要：vue的.vue文件是怎么run起来的(vue-loader) 引子：vue的.vue文件是怎么跑起来的？答：通过vue-loader，解析.vue文件，在webpack解析，拆解vue组件 1、vue-loader做了什么？ vue-loader是一个webpack加载器，这是vue组件的格式：阅读全文

posted @ 2018-12-09 23:49 薛小白阅读(5503) 评论(0) 推荐(0)

react router @4 和 vue路由详解(六)vue怎么通过路由传参？

摘要：完整版：https://www.cnblogs.com/yangyangxxb/p/10066650.html 8、vue怎么通过路由传参？ a、通配符传参数 b、params传参，跳转的时候不会显示在url上 c、query传参，传餐的时候在url显示? key=value & key=value 阅读全文

posted @ 2018-12-06 08:36 薛小白阅读(340) 评论(0) 推荐(0)

react router @4 和 vue路由详解(四)vue如何在路由里面定义一个子路由

摘要：完整版：https://www.cnblogs.com/yangyangxxb/p/10066650.html 6、vue如何在路由里面定义一个子路由？给父路由加一个 children:[] 参考我的<1.d>的代码阅读全文

posted @ 2018-12-06 08:33 薛小白阅读(1024) 评论(0) 推荐(0)

react router @4 和 vue路由详解(一)vue路由基础和使用

摘要：完整版：https://www.cnblogs.com/yangyangxxb/p/10066650.html 1、vue路由基础和使用 a、大概目录我这里建了一个router文件夹，文件夹下有index.html b、准备工作： npm install vue-router 或者 yarn ad 阅读全文

posted @ 2018-12-06 08:24 薛小白阅读(660) 评论(0) 推荐(0)

react router @4 和 vue路由详解(全)

摘要：react router @4 和 vue路由本文大纲： 1、vue路由基础和使用 2、react-router @4用法 3、什么是包容性路由？什么是排他性路由？ 4、react路由有两个重要的属性：children和render的区别？ 5、react如何在路由里面定义一个子路由？ 6、vue 阅读全文

posted @ 2018-12-05 21:25 薛小白阅读(10397) 评论(4) 推荐(2)

vue项目如何打包前后端不分离发布手把手教学apache、nginx

摘要：vue项目如何不分离发布 1、首先yarn build 我用了vue-cli脚手架，bulid后的dist文件夹里的index.html有加版本号，那么为什么需要加版本号呢？ a、回滚 b、解决浏览器缓存的问题 2、我们使用apache或者nginx帮助我们 2a、apache 这里我用的是XAMP 阅读全文

posted @ 2018-11-29 22:04 薛小白阅读(7049) 评论(3) 推荐(2)

如何搭一个vue项目

摘要：1、yarn global add @vue/cli （vue/cli是webpack的二次开发） 2、vue create 自定义项目名称 3、选择Manually select features 4、选下列四项，Linter/Formatter代码约束力强，用习惯了以后可以选上 5、yes 6、阅读全文

posted @ 2018-11-02 22:08 薛小白阅读(196) 评论(0) 推荐(0)

随笔分类 - vue

公告