- 博客(32)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 免费部署平台
免费部署平台Github Pages免费部署平台Github PagesVercelServerlessGithub Pages把dist目录发布到gh-pages分支.gitignore中不能忽略dist目录把dist目录
2021-03-26 12:30:53
275
原创 Nuxt.js综合案例
Nuxt.js综合案例案例介绍项目初始化案例介绍案例名称:reaWorld一个开源的学习项目,目的就是帮助开发者快速学习新技能GitHub仓库在线实例项目初始化
2021-03-18 14:34:14
753
原创 Nuxt.js基础
Nuxt.js基础Nuxt.js介绍Nuxt.js介绍一个机基于Vue.js生态的第三方开源服务端应用框架它可以帮我们轻松的使用Vue.js技术栈构建同构应用官网
2021-03-16 14:12:03
270
原创 服务器端渲染基础
概念随着前端技术栈和工具链的迭代成熟,前端工程化,模块化成为了当下主流技术方案,在这比技术浪潮中,涌现了诸如Anfular,React,Vue等基于客户端渲染的前端框架,这类框架所构建的SPA单页面应用的优缺点如下优点1.1 用户体验好1.2 开发效率高1.3渲染性能好1.4可维护性好缺点2.1 首屏渲染时间长 => 与传统服务器端渲染直接获取2.2...
2021-03-15 11:44:03
217
1
原创 Vuex状态管理
Vuex状态管理课程目标组件内状态管理流程状态管理的组成课程目标Vue组件间通信方式回顾Vuex核心概念和基本使用回顾购物车案例模拟实现Vuex组件内状态管理流程状态管理概念:Vue中最核心的功能分别是数据驱动和组件化,使用基于组件化的开发可以提高我们的开发效率,带来更好的可维护性,通过下面代码看下组件的基本结构new Vue({ // state data() { return { count: 0, }; }, // view te
2021-03-13 14:56:23
187
原创 组件化
组件化组件化回顾组件注册组件注册方式全局组件局部组件组件化回顾一个Vue组件就是一个拥有预定义选项的一个Vue实例一个组件可以组成页面上一个功能完备的区域,组件可以包含脚本,样式,模板组件注册组件注册方式全局组件方法Vue.component()我们首先来观察Vue.component()的实现我们再观察initAssetRegisters函数的实现我们再重点观察this.options._base.extend(definition)的实现方式,也就是Vue.extend()
2021-03-12 15:21:29
123
1
原创 模块3-1 作业
一、简答题1、当我们点击按钮的时候动态给 data 增加的成员是否是响应式数据，如果不是的话，如何把新增成员设置成响应式数据，它的内部原理是什么。let vm = new Vue({ el: '#el' data: { o: 'object', dog: {} }, method: { clickHandler () { // 该 name 属性是否是响应式的 this.dog.name = 'Trump' } }})name不是响应式数据。响应式对象和响应式
2020-12-23 15:09:47
213
原创 谷歌打断点调试位置不对的问题
谷歌打断点调试位置不对的问题经常调试源码的时候,出现断点不准确的问题,因为我们在源码中写了注释,如果想断点正确1:,重启一个没加任何注释的源码2:在源码中添加的注释不要单独占一行
2020-12-22 16:30:43
1471
原创 VueRouter 原理实现
Vue Router 基础回顾vue.use()的作用:注册插件VueRouter参数是函数的话,vue.use()调用这个函数来注册组件参数是对象的话,vue.use()调用这个对象的 install 方法注册组件创建路由规则 routes创建路由对象 router,将路由规则作为参数传递进来const router =new VueRouter({ routes})<!-- 导出这个路由对象 -->export default router在
2020-12-01 20:07:36
389
1
原创 模块化开发
模块化开发模块化的演变CommomJs 规范模块化标准规范最佳实践ES Modules基本特性模块化的演变CommomJs 规范一个文件就是一个模每个模块都有单独的作用域通过module.exports导出成员通过require函数载入模块注意点: CommonJ是以同步模式加载模块模块化标准规范最佳实践在浏览器端中使用ES Modules(很多浏览器都支持)在Node中使用CommonJs(因为是Node内置模块系统)ES Modules基本特性因为现在浏览器基本都支持E
2020-11-18 22:37:50
355
原创 前端工程化
前端工程化主要解决的问题工程化表现主要解决的问题传统语言会语法 传统语言无法使用模块化/组件化重复机械式工作代码风格统一,质量保证依赖后端服务接口支持整体依赖后端项目工程化表现一切以提高效率,降低成本,质量保证为目的的手段都属于工程化...
2020-11-10 12:29:16
353
2
原创 JavaScript性能优化2
// 执行速度快const a1=[1,2,3]// 执行速度慢const a2=new Array(3)a[1]=1a[2]=2a[3]=3
2020-11-08 18:12:48
107
原创 JavaScript性能优化1
JavaScript性能优化JavaScript内存管理内存管理介绍JavaScript中的内存管理JavaScript中的垃圾回收JavaScript中的可达对象GC算法的介绍GC定义和作用GC里的垃圾时什么常见的GC算法JavaScript内存管理内存管理介绍内存:由可读写单元组成,表示一片可操作控件管理:认为的去操作一盘控件的申请,使用和释放内存管理:开发者主动申请空间,使用空间,释放空间管理流程:申请-使用-释放JavaScript中的内存管理申请内存空间使用内存空间释放内
2020-11-06 22:44:28
205
原创 TypeScript简介
TypeScript概述TypeScript快速上手概述JavaScript的超集,在JavaScript基础上对了一些特性TypeScript=JavaScript+类型体统+ES6TypeScript=>编译=>JavaScript最低可以编译到ES3的版本,不需要通过babel处理兼容问题因为最终会被编译成js运行,所以任何一种js运行环境都能支持,例如浏览器环境和Node环境TypeScript快速上手Typescript本身是一个npm的模块,我们需要安装这个模块
2020-11-05 16:14:31
980
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人