vue
文章平均质量分 83
松宝写代码
他大舅他二舅都是他舅
展开
-
sau交流学习社区--基于vue2 + vuex + vue-router + webpack + ES6 + axios + sass开发的读书WebAPP
loveBook一、前言loveBook爱上阅读,是一款webapp的读小说等书籍的并且阅读的应用。如果觉得可以,欢迎fork和star。自己最近在追斗破苍穹电视剧,下班时候在地铁上总听到有人说,斗破苍穹书籍比电视剧好看,于是想弄个看书的webapp,这样在手机上看电子书很爽。找了好久发现发现只有追书神器的api暴露出来了,起点之类的api找不到。同步:https://www....原创 2018-11-27 09:43:19 · 542 阅读 · 0 评论 -
【JavaScript系列】vue项目中实现滚动条(具体视窗口的滚动条)操作:(1)置底,(2)置于上次停留的位置
一、前言之前写了一个happyChat的项目,主要是想学习一下socketIO的使用。然后最近在给happyChat做前端优化和升级。发现第一版做的很low。需要优化的问题:1、问题1:滚动条会出现在头部和底部的视窗中,之前固定头部和固定底部是使用`position:fixed`。解决方案:body和html禁止`overflow:hidden`,头部和底部是`position:r...原创 2019-07-05 09:44:39 · 1692 阅读 · 0 评论 -
cordova混合App开发:Cordova+Vue实现Android APP开发(一)
一、前言android开发以前干过,但是一直觉得比较麻烦,缺少分享功能,现在的app大多数是h5的混合开发的app,需要用到原生的android API的时候需要去做兼容,如果是开发速度合并效率,还是混合的H5开发比较受企业的青睐。现在先来自己趟趟水环境配置。二、下载并安装Android Studio Android Studio中文社区地址:http://www.android...原创 2019-06-26 10:04:26 · 4062 阅读 · 1 评论 -
vue系列--Virtual DOM 真的比操作原生 DOM 快吗?
一、前言网上都说操作真实dom怎么怎么慢,这儿有个例子:http://chrisharrington.github.io/demos/performance/,例子循环2000个随机数组,点击按钮重新生成随机数组渲染页面,也是自己用的js 操作dom 比用react 和angular 都要快。这是引用知乎上的一个问题。觉得写的很好。文章内容主要是来源于尤大大的回答。二、原生dom操作...原创 2019-06-10 14:11:37 · 1816 阅读 · 0 评论 -
vuex系列--浅析Vuex 的设计思想
一、前言在聊之前,大家要始终记得一句话:一切前端概念,都是纸老虎。不管是Vue,还是 React,都需要管理状态(state),比如组件之间都有共享状态的需要。什么是共享状态?比如一个组件需要使用另一个组件的状态,或者一个组件需要改变另一个组件的状态,都是共享状态。如果不对状态进行有效的管理,状态在什么时候,由于什么原因,如何变化就会不受控制,就很难跟踪和测试了。如果没有经历过这方面的...原创 2019-06-14 13:35:01 · 4540 阅读 · 0 评论 -
vue系列--vue是如何实现绑定事件
一、前言vuejs中的事件绑定,使用<v-on:事件名 = 函数名>来完成的,这里函数名是定义在Vue实例中的methods对象中的,Vue实例可以直接访问其中的方法。二、事件绑定方式1、 直接在标签中写js方法 <button v-on:click="alert('hi')">执行方法的第一种写法</button>2、调...原创 2019-05-27 22:00:48 · 10511 阅读 · 0 评论 -
浅析SSR(服务端渲染)和SPA(客户端渲染)
一、前言C端项目重构成首屏服务端渲染(SSR:serve side render),对于重构成SSR,redux不是必须的。本文以vue为栗子的项目。二、什么是服务端渲染将组件或页面通过服务器生成html字符串,再发送到浏览器,最后将静态标记"混合"为客户端上完全交互的应用程序。我以weekly周报的登陆页面为例登陆页没有使用服务端渲染,请求到login页面,返回的b...原创 2019-05-24 17:53:32 · 9486 阅读 · 1 评论 -
happyChat开发系列:使用websocket.io实现双向通信的乐聊大前端开发
一、前言乐聊是一个自己用websocket写一个完整的应用,虽然功能比较欠缺,但是实现了基本的文字聊天,以及群聊,私聊,机器人聊天等功能。因为这个自己做了PC端,无线端(手机端),以及使用cordova打包成一个android的apk。实现了一个大前端的项目,虽然现在android端还是有点有问题,在修改bug。二、websocket的原理介绍1、为什么需要websocket?...原创 2019-04-10 10:39:36 · 505 阅读 · 0 评论 -
vue官方vue-cli构建的vue项目结构分析
一、概要vue现在在很多公司会大量使用,研究一下vue-cli脚手架构建项目的项目结构,有助于理解vue。博客首发地址:https://www.mwcxs.top/page/570.html使用vue-cli脚手架搭建vue项目的具体步骤如下:npm install -g vue-clicd E:(跳转到项目目录)vue init webpack vueproject (vu...原创 2019-02-20 10:43:58 · 600 阅读 · 0 评论 -
vue.js框架原理浅析
vue.js是一个非常优秀的前端开发框架,不是我说的,大家都知道。首先我现在的能力,独立阅读源码还是有很大压力的,所幸vue写的很规范,通过方法名基本可以略知一二,里面的原理不懂的地方多方面查找资料,本文中不规范不正确的地方欢迎指正,学生非常愿意接受各位前辈提出宝贵的建议和指导。使用vue的版本是v2.5.13,采用了flow作为类型管理工具,关于flow相关内容选择性忽略了,不考虑类型系...原创 2019-02-17 19:22:24 · 17687 阅读 · 2 评论 -
如何使用elementUI调用一次接口同时上传图片和文件,同时需要携带其他参数,实现调用后端接口
今天有一个坑,同时要上传图片和文件,而且图片要展示缩略图,文件要展示列表。我的思路是:首先,只上传附件照片,这个直接看ele的官方例子就行,不仅仅上传附件照片,还同时上传其他参数。然后,再做上传照片和文件,上传其他参数,其实也就是文件合并。一、上传照片和其他参数页面样式大约就是这样的,参数有优先级,发生时间,服务单名称,服务单描述,图片附件上传。(一)...原创 2018-12-11 09:19:12 · 6710 阅读 · 0 评论 -
sau交流学习社区--基于thinkjs+vue+redis+mysql+es6开发的周报企业管理系统weekly
weekly周报系统主要是node+vue+redis+mysql+es6,一个企业管理系统,企业员工汇报每周工作情况,以及完成情况,各级负责人可以查看和提醒相应未写周报人员。,后端完全使用nodeJS,数据库使用mysql,基于nodejs的thinkjs框架搭建的,如果喜欢nodeJS写的后端,支持大前端,支持全栈开发,请请star并fork项目。同步到sau交流学习社区:https...原创 2018-12-03 10:20:55 · 925 阅读 · 4 评论 -
后台管控系统架子structure-admin,一个完整的开发项目架子,包含vue前端和thinkjs后端
之前写过一篇vue初始化项目,构建vuex的后台管理项目架子,这个structure-admin-web所拥有的功能接下来,针对structure-admin-web的不足,进行了补充,开发了具有登陆的structure-admin项目,技术站:主要是node+vue+redis+mysql+es6欢迎访问structure-admin源码:structure-admin同步更新到sau交...原创 2018-11-30 12:07:06 · 864 阅读 · 2 评论 -
【vue系列】项目开发中常用的Vue小技巧--全局注册过滤器,全局组件注册,不同路由的组件复用
一、前言vue的使用过程中会遇到各种场景,当普通使用时觉得没什么,但是或许优化一下可以更高效更优美地进行开发。下面有一些我在日常开发的时候用到的小技巧二、全局注册过滤器1、正常写法之前我是这么写的过滤器的,在具体页面中。 filters: { roleFilter(val) { //处理逻辑 if (val === 1) re...原创 2019-07-23 15:13:09 · 510 阅读 · 0 评论