前端学习笔记

在码代码中，下载SVG并引入时，有时候会出现CSS无法更改SVG的颜色情况， 于是我打开svg文件，找到了其中的原因 这里的path标签里的fill是填充颜色的意思，只要有这个属性，更改CSS就不会对

此代码为学习过程中遇到的问题，最后找到了一个很好的解决方案，此代码可将一个目录里同一个后缀的文件，全部统一引入到当前文件

hash 使用条件：任何情况都能做前端路由 缺点：SEO不友好（根源：服务器收不到hash） 浏览器不会把 # 之后的内容发给服务器 比如说，用户访问baidu.com/#1或baidu.com/#x

Vue的双向绑定如何实现？ v-model可以实现绑定一个变量 在变量变化的时候UI会变化 用户改变UI的时候数据也会变化 举例 v-model 本质 这就是v-model的本质，且这样仍能完成双向绑

举个例子 又到了我最喜欢的举例子环节 一个场景： 像大多数学生，还没有经济独立，要花钱咋办？ 那还不简单，找他爸啊， 他爸已经准备好了10000块，用于给儿花销， 但是怕儿子一下子把钱全花光了，于是没

computed computed是计算属性的意思，根据一个属性计算出一个值，它会根据你所依赖的数据动态显示新的计算结果。这个结果会根据依赖自动缓存（依赖不变computed的值就不会重新计算） co

Vue的data的BUG Object.defineProperty的问题 Object.defineProperty(obj,'n',{...}) 这里必须要有一个'n'，才能监听&代理obj.n

引子 先来一个例子 按照常理来说，第一次打印应该得到{n:0}，第二次应该是{n:10}才对， 经过验证，第一次打印如下： 把 myData.n += 10传给new Vue之后，再次点开{n:0}

el 挂载点 data 内部数据 应该优先使用函数，为何？ 如上，如果通过import Demo from './Demo.vue'引入，那么Demo.vue里的data必须是函数 因为这里的Demo

Vue被分为两个版本，即完整版（vue.js）和非完整版（vue.runtime.js） 1.完整版 完整版含有编译器（compiler）和runtime 编译器可以将模板字符串编译为JS渲染函数（r

目标五：引入SCSS 安装 把之前src/x.css直接改成src/x.scss src/x.js中的import也做更改 进入webpack.config.base.js,添加module yarn

目标四：用webpack引入CSS 在src文件夹中创建一个x.css，写入 进入src/x.js，写入 安装css-loader与style-loader 修改配置文件，添加module 运行yar

首先安装webpack 之后创建一个webpack-demo，并进入这个文件 安装它的两个依赖 安装完成之后，就会多一个node_modules目录 接下来，分成几个小目标，逐步完成它们，从而学习we

什么是MVC？ M ：model, 即数据模型，负责数据相关的任务，包括对数据的增删改查 V ：view, 即视图层，即用户能看得到的界面 C ：Controller，控制器，负责监听用户事件，然后调

何为同源 window.origin或location.origin可以得到当前源 源 = 协议 + 域名 + 端口号 如果两个url的源（协议、域名、端口号）完全一致，那么这两个url就是同源 注意

什么是AJAX？ Async JavaScript And XML，意为异步JS与XML（但是目前我们一般会用JSON代替XML） 简单来说，就是用JS发请求和收响应 AJAX是浏览器是功能，主要用于

何为同步？何为异步？ 同步 能直接拿到结果，就是同步 比如在医院挂号，需要拿到号码我们才会离开窗口 同步任务可能消耗几毫秒到几秒不等，但有一个原则就是不拿到结果是不会离开的 异步 如果不能直接拿到结果

前言 如下代码 我们给三个div分别添加事件监听fnYeye/fnBaba/fnErzi 提问1： 点击文字，算不算点击儿子？ 点击文字，算不算点击爸爸？ 点击文字，算不算点击爷爷？ 答案：都算 提问

前言 马上就快到2022年了，jQuery已然过时，那我们新人是否还有学习jQuery的必要呢？ 我认为是有的，因为jQuery中也蕴含了很多编程套路，我们新人应该学习一些jQuery的思想，它可以作

由于原始的DOM提供的API过长，不方便记忆， 于是我采用对象风格的形式封装了一个DOM库->源代码链接 这里对新封装的API进行总结 同样，用增删改查进行划分，我们先提供一个全局的window.do