随笔分类 - 1.5 前端框架
摘要:参考: https://www.jianshu.com/p/fe084b0dae76 官网文档 项目实践
阅读全文
摘要:一:各个钩子的执行先后时机(全局钩子、路由钩子、组件钩子) 1.全局钩子:beforeEach beforeResolve afterEach 2.路由钩子:beforeEnter 3.组件钩子:beforeRouteEnter beforeRouteUpdate beforeRouteLeave
阅读全文
摘要:一:vue父子组件生命周期钩子执行先后顺序 代码 : 验证效果: 总结一: 1.父组件挂载前要先进行子组件的创建、挂载! 二:各个生命周期分别做了什么事情? 三:如何触发update类钩子? 缓存? 四:什么情况会执行destroy类钩子 缓存?
阅读全文
摘要:思考的问题: 1.vue是视图库,是数据驱动DOM的! 相对于jquery来说,代码结构清晰,容易维护! 2.前端工程化:项目构建,依赖管理,开发调试环境(dev-serve代理服务器) 3.前端组件化:对标后端java的微服务 分而治之,统一协作! 复杂问题的抽象分离! 代码块自治,数据通信,数据
阅读全文
摘要:1.服务端渲染? 服务端渲染框架? Next.js 二:官网好好学习! 1.vue官网 2.iview f7 webpack
阅读全文
摘要:1.是什么? a:一套基于Vue的UI组件库 b:iView 主要服务于PC界面的中后台业务 c:哦,就是封装好的组件,提供了配置参数,和bootstrap一样,只不过组件更细化,更体现数据驱动。 因为是以vue为基础开发的。 hello
阅读全文
摘要:1.!!的作用:用于转换boolean值,强制类型转换。 2.Object.entries(): 返回值是键值对数组 Object.entries(obj) 3.Object.create(proto, [ propertiesObject ]) 4.Object.assign(target, ..
阅读全文
摘要:1.什么是vuex? state:数据 状态 view:数据的呈现 actions:数据的变更 2.什么时候用? 答:多个组件共享数据(状态)的时候。 之前的单项数据流被破坏 代码的可读性 维护性下降。 简单的单页应用:直接一个global event bus即可! 复杂的大型单页应用:vuex 全
阅读全文
摘要:对上图的理解(个人理解,如有错误,欢迎批评指出) 创建、挂载、更新、 beforeCreate:组件初始化,但数据原生观测、自定义观测(event\watcher)没生成之前。 未完全创建阶段 created:组件创建后,但还未挂载 完全创建阶段 beforeMount:组件渲染后,挂载前。 渲染后
阅读全文
摘要:1.把一个普通 JavaScript 对象传给 Vue 实例的 data 选项,Vue 将遍历此对象所有的属性,并使用 Object.defineProperty 把这些属性全部转为 getter/setter。 2.组件实例的 watcher 实例对象, 二:创建的Vue组件实例上添加响应式属性。
阅读全文
摘要:目标:纳百家之长! 学习资料: 1.http://www.cnblogs.com/yes-V-can/p/6597120.html 2.https://github.com/hongchh/timeline-x 此项目值得学习哦! 非常有必要 http://blog.csdn.net/hongchh
阅读全文
摘要:一:知识点 (runnoob) 1.前言 渐进式框架 目的:响应的数据绑定和组合的视图组件。 响应的数据绑定:双向数据绑定。 视图组件:封装html。 2.项目的结构 nod_modules src 3.指令 模板里面用 自定义指令 (全局、局部) 指令定义函数 4.流程语句:条件 循环 5.计算属
阅读全文
摘要:1.菜鸟教程文档 OK 2.Vue资料 http://element.eleme.io/#/zh-CN
阅读全文
摘要:1.http://www.cnblogs.com/keepfool/p/5619070.html (好资料啊) 2.http://blog.csdn.net/playboyanta123/article/details/53375658(好文章,大方向)
阅读全文
摘要:一:单页web应用: web app 定义:SPA (single page web application) 只有一张Web页面的应用,这一切都由JavaScript来控制。 优点: 1.渲染更快 2.适配各种设备 跨平台(B/S具备的优势) 跨设备 3.更新方便:服务器端更新就可、更新迅速! 版
阅读全文
摘要:Bootstrap总结报告: 看源码学习哦!必须要做的事! 一:前言 1.兼容设备:桌面浏览器、平板电脑、手机 2.特色:响应式栅格、丰富组件、jquery插件! (布局、样式、交互) 3.get skill:图片文件压缩! 图标集:前端用到的哦! 4.先引入css,因为渲染引擎要用到哦! 放最上面
阅读全文
摘要:前言:浏览器兼容性 响应式的解决方案! 好好研究下吧! 一:全局CSS样式 1.<html lang="zh-CN"> 2.原生的感觉:<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=
阅读全文