汇总

初探Vue源码(一)前言        这段时间因为忙着秋招，好像很久都没有更新过了，现在秋招也没个着落，花了几天的时间看了一下Vue的源码，当然是跟着视频教程走的，但是视频有几节没有，所以还是挺遗憾的，知识点还是比较多的，这里做个总结，希望能够帮助到后面的面试。        一上手就直接翻Vue源码的话，还是比较痛苦的，这里采用的是另一种方式，先对后面出现的相关知识点进行整理，最后再来看源代码部分，这样会好很多，视频也是按照这样的流程走的，还是比较易于理解的。(Vue版本：2.6.12) 第一部分 如何将模板与数据相结合首先我们回顾一下Vue的使用方式 123456789101112131415161718<!-- 1. 写模板 --><div id="root"> <p>`{{name}}`</p> &l ...

Vue.js学习第一天初体验 学完了Ajax，再来学习一下前端的三大框架吧，第一个就是Vue.js 💪 1. 认识 Vue.js Vue是一个渐进式的框架，什么是渐进式呢？简单来说，就是它可以做到一点一点把原本使用的技术替换成Vue的，两种技术可以共存，例如从jQuery慢慢地过渡到Vue.js。它意味着你可以将Vue作为你应用地一部分嵌入其中，带来更丰富地交互体验，或者如果你希望将更多的业务逻辑使用Vue实现，那么Vue的核心库以及其生态系统，比如Core+Vue-router+Vuex也可以满足你的各种需求。Vue有很多特点和Web开发中常见的高级功能： 解耦试图和数据 可复用的组件 前端路由技术 状态管理 虚拟DOM 2. 安装 Vue.js 安装这里就不赘述了，详情可以见官网 3. 一些注意事项 老师说接下来会使用ES6的语法，我之前接触的很少，所以以后每天我都会把今天用到的ES6记录下来 var => let(变量) / const(常量) 然后是最简单的一个Vue大概的样子 12345678910111213141516171819202122232425 ...

Vue.js学习第十五天Vuex中各个属性的使用 今天的学习围绕一张图片展开(图片引用自Vuex官方文档)，当我们的项目比较大时，Vuex为我们在可以在组件外部管理状态提供了条件一、 State      【解释】状态的意思，顾名思义，这里就是存放状态的地方，简单来说，就是存放你需要共享的某些变量的地方      【使用】当我们在state中设置了相应的变量后，我们就可以来引用它们了，之前说过，当我们安装了Vuex后，会在全局生成一个store对象，我们可以使用，我们就可以使用这个store对象来访问我们的变量，如<h2>{{$store.state.counter}}</h2>,couter我已经在state中添加了它的值      【相关知识】 State单一状态树(Single Source of Truth)又叫做单一数据源，也就是说Vu ...

Vue.js学习第八天webpack中的loader、配置vue及插件使用 - webpack中的loader 昨天我们学习了webpack中的css-loader和style-loader，今天我们来学习剩下常用的几个loader 1. less-loader顾名思义，这个loader模块是用来加载less文件的，安装命令为npm install --save-dev less-loader less 前一个less-loader是用来加载less文件，后一个less是为加载less提供的支持文件，用来转化less成css，安装完成后进行相应的配置即可，配置在webpack中的loader里都有，不过这里我还是贴一下好了 12345678910{ test: /\.less$/, use: [{ loader: "style-loader" // creates style nodes from JS strings }, { loader: "css-loader" // tr ...

Ajax学习第一天•传统网站中存在的问题 网速慢导致的页面加载时间过长 表单重填问题 页面的跳转问题(有时候页面中只需要某个特定部分实现改变而使整个页面发生跳转)以上的问题导致用户体验不佳，故提出Ajax解决方案，它是浏览器提供的一套方法，实现页面无刷新更新数据，它是运行在客户端上的。 •应用场景 页面上拉加载更多数据 列表分页 表单验证 搜索框提示文字下拉列表 •运行环境 Ajax技术需要运行在网络环境中才能生效(以域名的方式进行访问) •运行原理 在传统的浏览器端与服务器端直接进行交互之间增加Ajax 使开发人员对整个过程可控。 •实现步骤 创建Ajax对象var xhr = new XMLHttpRequest(); 告诉Ajax请求地址及请求方式xhr.open('get','http://www.example.com'); 发送请求xhr.send(); 获取服务器端给与客户端的响应数据xhr.onload=function(){ console.log(xhr.responseText);
...