来到和睦的公司家庭已经一个月出头了,从技术层面来说,公司项目PC端是我目前来说接触的最大最复杂的项目了,德老师也说这个不断开发更新迭代的项目的代码量相对于全国的web来说是蛮多的,对于快速熟悉这样的大项目需要一定的时间.我是真的深有体会了,因为自己刚开始开发vue的实战经验很少,刚开始做公司这个项目所花的时间中,三分之二是在读代码,而且还有很多没看懂的.但随着接触的模块不断增加,不断在代码中踩坑脱坑,不断地在和PC端大管加朝夕相处的日子里渐渐的摸清它的架构,其中积累了一些快速读懂项目架构.模块组…

如今vue2.0是主流,但是它的路由确实直接从1.0过来的,其中包括组件包括全局组件和局部组件,写好组件之后,我们就需要 使用路由,将组件关联起来,关联起来之后,然后我们才可以将组件的内容通过hash值传递给页面,最简单的是一级页面路由,然后在一级页面的‘ 基础之上,进行二级页面的扩展,在进行二级页面的扩展时,会有一些问题需要提及: 1.首先是我们在编写路由地址的时候需要添加在/About 2.在二级子页面的组件中也要重新编写…

一.前言 现阶段手上vue的项目差不多快完了,空闲之余回反复对整个项目的代码结构.实现细节以及框架上的做了一些思考和优化.下面打算把想到的和重点实现的方法记录一下. 二.回顾 对于常规操作,这里不做过多的阐述,我们只讨论重点部分 1.登录模块:这块我们用了两个校验,一个是权限校验一个是账号校验.第一个校验通过之后执行第二个校验,两者通过登录成功,页面跳转. a.这里网络请求用的是axios,它是基于promise封装的一个http库,所以用了两个.then()的链式写法,当然也支持多个链式操作.…

前言 用 Vue 已经有段时间了,把自己的所想所悟写下来,每一个想法都是非常宝贵的,记录成为生活,记录成为习惯. 简化开发 Vue 是可以辅助前端工程师开发 Web App 的一种框架,它节省很多时间,让我们更多的专注于业务代码的编写.它极大地节省 DOM 操作,非常快速地构建用户界面,以组件的形式把界面拆分成一块,达到可拆卸.可复用,相当于零件. 假如,渲染一个列表: let ul = document.createElement('ul'); for (let i = 0; i < 10;…

hello,你们的小可爱,皮皮聪又来发表感想了. 首先简单概括下会遇到的问题: 1.vuex作用 ①vuex是一个状态管理的插件,可以解决不同组件之间的数据共享和数据持久化. ②vue中的多个组件之间的通讯,不同组件的行为需要变更同一状态.虽然我们经常会采用父子组件直接引用或者通过事件来变更和同         步状态的多份拷贝,这些模式比较脆弱,通常会导致无法维护代码,此时就可以用vuex. 2.vue生命周期 ①vue的生命周期主要分为beforeCreate,created,beforeM…

由于有angularjs的基础,所以我第一步是在官网:https://cn.vuejs.org/ 上面看了三遍他的理论知识,还有实例. 现在做完了第二步,就是在菜鸟教程:http://www.runoob.com/vue2/vue-tutorial.html 上面跑完了所有的例子. 感想:vue很有一种形散神聚的感觉.就是那种跳跃式的逻辑,然后回归本质.可以用谷歌浏览器,打开一个一个链接, 最后又回退来理解.关于vue我现在印象比较深刻的是父子组件,路由,钩子函数. 下一节,我们使用命令行来快速…

自 Vue.js 官方推特第一次公开到现在,我们就一直在进行着将饿了么移动端网站升级为 Progressive Web App 的工作.直到近日在 Google I/O 2017 上登台亮相,才终于算告一段落.我们非常荣幸能够发布全世界第一个专门面向国内用户的 PWA,但更荣幸的是能与 Google.UC 以及腾讯合作,一起推动国内 web 与浏览器生态的发展. 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个…

原文地址:https://segmentfault.com/a/1190000015177284 感想: 又有点回到boder的三角形 HTML code: <div class="vue"> <span class="outer"></span> <span class="middle"></span> <span class="inner"></…

TypeScript 前端现在越来越强大,多人开发更是常见,加上各大框架都开始支持TypeScript,而谷歌和微软又更加积极,导致不得不去学习,顺道通过js来了解ts,再通过ts来了解强类型语言.一路走来,辛酸二字不足形容,道行太浅,终究惨不忍睹.特在此记上一笔.以备将来继续踩坑前行. TypeScript使用 官方文档EN 2.9 | 中文 2.7 推荐使用使用英文文档,明显比中文更新更快 不知道算不算阮一峰的 这个过于简单了,但是归纳的挺好的 使用流程 全局安装 typescript 版本…

代码地址如下:http://www.demodashi.com/demo/11738.html GitHub Repo:vue-objccn Follow: halfrost · GitHub 利用 Vue.js 实现 objc中国 的跨平台全栈应用 ✅ 桌面应用,支持 Mac.Linux.Windows 三个平台 ✅ Web 应用,支持 桌面浏览器 和 手机浏览器 ✅ 手机 App,目前只支持了 Cordova 框架,支持 iOS.Android.Windows Phone.BlackBerr…