8月初离职,来到现在的新东家负责一个新的项目。而我最近两年开发的两个webapp一直都是以Vue为主,这也是这篇文章的由来。

正文前的胡侃&一点点吐槽

对于学习一门新的技术栈。我认为,在前期,API的熟悉程度是高于你对源码的熟悉程度。千万不要好高骛远,学习vue,ng,react一上来就是,看源码!

我面试的时候就碰到有的前端,我问他:你vue学的怎么样啊?答:我看过一些源码。结果一问一些基本的使用技巧,都是含含糊糊,答非所问。拜托,公司请你来是让你开发产品的,不是让你写一个vue的。当然,我不是说学习源码不好,学习源码当然是天大的好事。说明你,有意识,不甘于做一个只会使用的人。有追根究底的学习心态。但是,请在你有足够的实践以后再去做这样的事情。俗话说:实践出真知。你在实战中不断的去使用,你才能知道它最后达到的是一个什么样的目的。你再去看源码的时候,才有了一个目标,顺着这条轨迹去找,最后源码读下来,也不会一点感觉也没有,就觉得,作者写得好!如同红军二万五千里长征。有了目的地,才开始走,才能得到想要的结果。

目录

因为要说的东西有点杂,而且对于写博这样的事情,自己还没有养成习惯,三天打鱼两天晒网。所以我这次列出了一个TODOLIST,准备按照这个目录,一步一步的写下去。当然也有很多细节的东西没有列举到,我会慢慢的梳理,然后再在正文里面补上。如果有的认知上存在问题,也欢迎道友们探讨。

1.vue项目的骨架及常用组件的业务实现场景

2.弹性盒子布局的使用,flex:1的意义,flex中text-flow的无效,flex配合better-scroll的使用

3.引入高德地图后手淘flexbile.js的兼容问题

4.1px的由来及通用处理方式

5.时间格式比较的便捷方式及内在原理,ios下时间显示为NaN的问题

6.vue-router的实战及循环中this.参数名=undefined的问题

7.vuex在项目中的使用及持久化state的方式

8.vue中component的编写方式

9.样式的命名规范(技术点:BEM,SMA,OO等)

10.基于weinre的移动端样式兼容性调试

11.上线前的小插曲,网站被恶意代码劫持

12.项目上线后的日志系统sentry的基本使用

13.cordova+crosswalk的Vue-Hybrid  App

转载于:https://www.cnblogs.com/ChengWuyi/p/7941019.html

细谈最近上线的Vue2.0项目(一)相关推荐

  1. vue设置html自动跳转路由器,vue2.0项目实现路由跳转的方法详解

    一.安装 1.安装路由vue-router: npm install vue-router vue项目的依赖文件node_modules存在vue-router依赖,说明安装成功 2.vue项目引入v ...

  2. Vue2.0项目安装Mint-UI - cmd篇

    Vue2.0项目如何安装引入Mint-UI? 这里讲一下如何通过cmd指令安装mint-ui到vue2.0项目. 步骤说明: 和以前一样,先cd到项目根目录 然后cmd:npm i mint-ui - ...

  3. 创建VUE项目,vue-cli2.0版本和3.0版本的区别,将vue2.0项目升级为vue3.0项目

    创建VUE项目,vue-cli2.0版本和3.0版本的区别,将vue2.0项目升级为vue3.0项目 使用vue-cli2.0版本创建vue项目 创建前的准备 开始创建 创建过程 项目正常创建 使用v ...

  4. webpack+Vue2.0项目基础工程文件配置

    随着Vue的流行,很多公司开始技术栈指向Vue,开始的时候用gulp+vue1.0做项目,一直到现在,webpack趋势也上来了,而且vue官网也是用webpack跟Vue结合去讲解实例,接下来大概说 ...

  5. 在Vue2.0项目中与H5项目中获取、设置、清除cookie的一些注意点

    在vue中获取cookie 原生js方法没有直接获取cookie中值的,所以我在vue的项目中我自己写了个获取cookie值的方法(还有删除与设置cookie的方法还没去写,大家一起来补充完善) &l ...

  6. Vue2.0项目中使用sass(踩坑之路)

    今天用2.0创建项目的时候,使用scss一直不成功,一直报错------ 记录一下,防止下次踩坑 1.安装依赖包 vue的webpack项目中需要安装上node-sass.sass-loader和st ...

  7. vue2.0项目引入element-ui

    从新建vue项目到引入组件Element 一.新建项目 1.查看 node和npm是不是已经安装好命令:node -v npm -v (没有安装的先安装环境); 2.npm install -g cn ...

  8. vue2.0项目实战(3)使用axios发送请求

    在Vue1.0的时候有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource. 关于为什么放弃推荐? -> 尤 ...

  9. 慕课网 饿了么 vue2.0 项目

    饿了么 vue 项目总结 项目效果预览 ele效果预览 项目源码地址 ele源码 跟着慕课网黄轶老师 敲饿了么 vue 项目 作者项目源代码地址 项目完成之后 npm run build 这本来是写在 ...

最新文章

  1. 【教程】Python数据可视化技巧
  2. dex文件结构(二):dex文件加载基本原理
  3. 使用时间超级长的充电宝是啥样的?
  4. linux下的X server:linux图形界面原理
  5. wien2k 2009 编译方法
  6. cordova 某个页面强制横屏_小白科普:从输入网址到最后浏览器呈现页面内容,中间发生了什么?...
  7. CCNA学习总结—OSPF协议—OSPF协议原理
  8. 2016计算机知识点,2016年计算机一级考试知识点
  9. BZOJ 2836 树链剖分+线段树
  10. 使用 Gogs 搭建自己的 Git 服务器
  11. 简单使用idea Spring Boot搭建项目
  12. python汉化包放哪_python环境搭建和pycharm的安装配置及汉化(零基础小白版)
  13. python读取xps文件_Python操做PDF-文本和图片提取(使用PyPDF2和PyMuPDF)
  14. 虚拟机上用U盘安装系统
  15. [leetcode] 69 Sqrt(x)
  16. 【完结】囚生CYの备忘录(20220525-20220813)
  17. 调和级数 java,再探π^2/6
  18. OpenStack之八: network服务(端口9696)
  19. java maptodouble_Lambda表达式mapToDouble.sum精度问题
  20. 2021年5月ccaa审核员考试管理体系认证基础真题

热门文章

  1. 【美团校招笔试题】去除字符串首尾空格,中间多个空格只保留一个
  2. php rewrite
  3. 计算器 - 栈的应用
  4. java8循环_Java8里请不要再使用循环语句
  5. buck变换器设计matlab_在数字控制系统中实现LLC变换器的电流模式控制的思考
  6. Linux——RHCE试题与答案详解
  7. stack 和 heap区别
  8. php mosquitto,mosquitto 扩展安装php客户端库-Go语言中文社区
  9. java jpeg压缩算法_在创建JPEG时,我可以更改Java的ImageWriter使用的压缩算法吗?
  10. vscode python debug venv_Visual Studio Code Python开发调试环境设置