VueRouter--前端路由 Vue-router 前端路由⭐ 前端路由核心: 改变URL,但是页面不进行整体的刷新。 1 单页面导航路径 URL.hash 和 HTML5 history URL.hash URL的hash也就是锚点(#), 本质上是改变window.location的href属性.我们可以通过直接赋值location.hash来改变href, 但是页面不发生刷新 路径 (使用 url.hash) 2020-09-26 vue #vue
Vue-Cli脚手架 Vue-CLI 脚手架⭐ Vue CLI 是 Vue 的脚手架工具,它可以帮助我们快速生成 Vue 基础项目代码,提供开箱即用的功能特性。 为什么需要使用 Vue-CLI 使用Vue.js开发大型应用时,我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。 如果每个项目都要手动完成这些工作,那无以效率比较低效,所以通常我们会使用一些脚手架工具来帮助完成这些事情。 1 2020-09-26 vue #vue
webpack webpack⭐1 什么是webpack? 官方解释: At its core, webpack is a static module bundler for modern JavaScript applications. 翻译: 从本质上来讲,webpack 是一个现代的JavaScript应用的静态模块打包工具 1.1 模块 前端模块化: 目前使用前端模块化的一些方案:AMD、CMD、Co 2020-09-25 vue #vue
vue插槽 编译作用域⭐ 根据以上图片代码, 可知 最后渲染出来的是 使用Vue实例的属性 结论: 官方给出了一条准则:父组件模板的所有东西都会在父级作用域内编译, 子组件模板的所有东西都会在子级作用域内编译 而我们在使用的时候,整个组件的使用过程是相当于在父组件中出现的。 那么他的作用域就是父组件,使用的属性也是属于父组件的属性。 因此,isShow使用的是Vue实例中的属性,而不是子组件的属性。 s 2020-09-25 vue #vue
Vue组件化开发 组件化开发 ⭐1. Vue 组件化思想⭐ 组件化是Vuejs中的重要思想 它提供了一种抽象,让我们可以开发出一个个独立可复用的小组件来构造我们的应用。 任何的应用都会被抽象成一颗组件树 组件化思想的应用: 有了组件化的思想,我们在之后的开发中就要充分的利用它。 尽可能的将页面拆分成一个个小的,可复用的组件。 这样让我们的代码更加方便组织和管理,并且扩展性也更强。 2.注册组件的基本 2020-09-25 vue #vue
Vue模板语法总结 模板语法⭐1.插值操作 如何将data中的文本数据,插入到HTML中呢? 我们已经学习过了,可以通过Mustache语法(也就是双大括号)。 Mustache: 胡子/胡须. 我们可以像下面这样来使用,并且数据是响应式的 1.1 on-once 的基本使用 在某些情况下,我们可能不希望界面随意的跟随改变 这个时候,我们就可以使用一个Vue的指令 1234567891011121 2020-09-25 vue #vue
filter()、map()、reduce()函数的使用 高阶函数 filter,map,reduce 的使用使用一个例子类说明 filter、map、reduce的使用及好处需求: 1. 将数组小于100的挑选出来需求: 2. 将挑选出来的数组的元素乘以 2需求: 3. 把最终的数组中的元素相加一、 用ES5基本语法来写1234567891011121314151617181920212223 const nums = [10, 15, 124, 2020-09-02 es6 #es6
babel转换器 一、配置文件.babelrcBabel的配置文件是.babelrc,存放在项目的根目录下。使用Babel的第一步,就是配置这个文件。 该文件用来设置转码规则和插件,基本格式如下。 12345{ "presets": [], "plugins": []} presets字段设定转码规则,官方提供以下的规则集,你可以根据需要安装。1234 2020-08-28 babel #es6 #babel
es6基础语法总结 ECMAScript 6 简介 本笔记相当于阮一峰老师的ES6教程进行了进一步浓缩 ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。 ECMAScript 是 JavaScript 语言的标注规范。 JavaScript 是 ECMAScript 规范的具体实现。 具体实现取决于各大浏览器厂商的支持进度 E 2020-08-27 es6 #es6 #babel
github Github 就是程序员的新浪微博它可以让你使用社交化的方式进行编程协作、 - 点赞 - 评论 - 转发 - etc.主要作用:可以免费在线托管你的仓库可以实现多人协作提供了一个可视化界面(Web Page)让你能直观清晰的了解你的项目源代码 基本使用 注册 登陆 创建远程仓库 通过 git clone 命令下载远程仓库到本地 git clone 会自动帮你把远程仓库下 2020-08-23 github #git #github #hexo