ES6

2020-04-10
阅读 5 分钟
1.1k
Symbol ES6 引入了一种新的原始数据类型 Symbol,表示独一无二的值。 基本用法 1.Symbol 函数栈不能用 new 命令,因为 Symbol 是原始数据类型,不是对象。 {代码...} 2.可以接受一个字符串作为参数,为新创建的 Symbol 提供描述,用来显示在控制台或者作为字符串的时候使用,便于区分。 {代码...} 3.如果 Symbol 的参数...

移动端适配相关问题

2020-04-10
阅读 10 分钟
3.3k
逻辑像素(设备独立像素):独立于设备的用于逻辑上衡量像素的单位。在移动Web开发中就是指的CSS的逻辑像素。css像素:web编程用到的,在JS和CSS中使用就是CSS像素,是可变的。设备像素比(dpr):用来描述单一方向上,设备物理像素的点数/逻辑像素的点数的比率。值越高,屏幕密度越大。常说的两倍屏、三倍屏,这里面的倍...

8.网络模块封装

2020-04-07
阅读 5 分钟
1.7k
传统的Ajax是基于XMLHttpRequest(XHR)。配置和调用方式等非常混乱。所以真实开发中很少直接使用, 而是使用jQuery-Ajax。

7.vuex

2020-04-06
阅读 8 分钟
1.2k
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用 集中式存储管理 应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。Vuex是一个提供在多个组件间共享...

6.vue-router

2020-04-06
阅读 8 分钟
1.8k
维基百科:路由(routing)就是通过互联的网络把信息从源地址传输到目的地址的活动。路由是决定数据包从来源到目的地的路径.转送将输入端的数据转移到合适的输出端.路由中有一个非常重要的概念叫路由表。路由表本质上就是一个映射表, 决定了数据包的指向。

5.Vue-cli

2020-04-06
阅读 2 分钟
1.5k
vue-cli 3 是基于 webpack 4 打造,设计原则是“0配置”,移除的配置文件根目录下的build和config等目录。vue-cli 3 提供了 vue ui 命令,提供了可视化配置,更加人性化。移除了static文件夹,新增了public文件夹,并且index.html移动到public中。安装Vue脚手架

4.Webpack详解

2020-04-06
阅读 9 分钟
4.3k
通过模块化开发完成项目后,还需要处理模块间的各种依赖,并且将其进行整合打包。而webpack其中一个核心就是让我们可能进行模块化开发,并且会帮助我们处理模块间的依赖关系。而且不仅仅是JavaScript文件,我们的CSS、图片、json文件等等在webpack中都可以被当做模块来使用。这就是webpack中模块化的概念。

3.Vue组件开发

2020-04-05
阅读 10 分钟
1.3k
如果我们将一个页面中所有的处理逻辑全部放在一起,处理起来就会变得非常复杂,而且不利于后续的管理以及扩展。但如果,我们讲一个页面拆分成一个个小的功能块,每个功能块完成属于自己这部分独立的功能,那么之后整个页面的管理和维护就变得非常容易了。组件化是Vue.js中的重要思想。它提供了一种抽象,让我们可以开发...

Vue基础语法

2020-04-04
阅读 16 分钟
1.3k
插值语法(Mustache) Mustache 数据是响应式的。 {代码...} v-once 数据不是响应式的 {代码...} 当在控制台 app.message = 'hello' 时,页面中的数据不会发生改变。 v-html 该指令后面往往会跟上一个string类型,会将string的html解析出来并且进行渲染。 v-text v-text作用和Mustache比较相似:都是用于将数据显示在界...

1.vue简介

2020-04-04
阅读 4 分钟
919
Vue引入 1. Vue.js Vue是一个渐进式的框架,渐进式意味着你可以将Vue作为你应用的一部分嵌入其中。 2. Vue 安装 方式一:直接CDN引入 {代码...} 方式二:下载和引入 {代码...} 方式三:NPM安装 3. Vue的options 在创建Vue实例的时候,传入了一个对象options。options中可以包含的选项:el: 类型:string | HTMLElement作...

移动端适配与响应式

2020-03-20
阅读 3 分钟
2.8k
物理像素(device pixel,dp),不可变。是屏幕中的发光的点数。如分辨率为:640 x 1136px。横向有640个发光的点,纵向有1136个发光的点。

vue计算属性和监听属性

2020-03-19
阅读 2 分钟
3.8k
计算属性在处理一些复杂逻辑时是很有用的。我们可以使用 methods 来替代 computed,效果上两个都是一样的,但是 computed 是基于它的依赖缓存,只有相关依赖发生改变时才会重新取值。而使用 methods ,在重新渲染的时候,函数总会重新调用执行。可以说使用 computed 性能会更好,但是如果你不希望缓存,你可以使用 metho...