weixin_42754922的博客

/ 添加点标记'';// Marker经纬度content: markerContent, // 将 html 传给 contentoffset: new AMap.Pixel(-70, -46) // 以 icon 的 [center bottom] 为原点});

要想实现UI设计师设计的原型效果，有时候需要用到一些特殊的字体，在项目中就需要导入相关的字体文件。本文章以平方字体为例。

Vue 移动端、PC 端适配可以使用lib-flexible、amfe-flexible​​​​​​​、postcss-pxtorem​​​​​​​、postcss-px2rem、postcss-px-to-viewport这几个插件。

Vuex是一个状态管理工具，用于单个页面中不同组件（例如兄弟组件）的数据流通。它使用单一状态——用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 ”而存在。这也意味着，每个应用将仅仅包含一个 store 实例。npm 安装 Vuex:npm install vuex --save然后在项目的 src 文件目录下创建store 文件夹，在 store 文件夹中创建一个 js 文件，例如：index.js 。import...

每个 Vue实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。组件的生命周期分为四个阶段：create（创建）、mount（挂载）、update（更新）、destroy（销毁） 。每个阶段有"之前"、"之后"两个，总共有 8 个生命周期钩子函数。Vue 官网对生命周期的详细示意图：...

目录Vue 2Vue 3Vue CLIvue initvue create vue uiViteVue 2由于 npm 安装速度慢，可以淘宝的镜像及其命令 cnpm。安装cnpm：npm install -g cnpm --registry=https://registry.npmmirror.com这样就可以使用 cnpm 命令代替 npm 命令来安装模块了。# 安装...

key 特殊 attribute 主要用在 Vue 的虚拟 DOM 算法，在新旧 nodes 对比时辨识 VNodes。如果不使用 key，Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法。而使用 key 时，它会基于 key 的变化重新排列元素顺序，并且会移除/销毁 key 不存在的元素。具体示例如下：<template> <div id="app"> <div> <button @click=...

目录hash 模式Vue-router hashhistory 模式Vue-router传参在浏览器中改变地址栏url，将会触发页面资源的重新加载，这使得我们可以在不同的页面间进行跳转，得以浏览不同的内容。但随着单页应用的增多，越来越多的网站采用ajax来加载资源。因为异步加载的特性，地址栏上的资源路径没有被改变，随之而来的问题就是页面的状态无法被保存。这导致我们难以通过熟悉的方式（点击浏览器前进/后退按钮），在前后的页面状态间进行切换。为...

在vue项目中，我们常遇到以下路径引用的方式：在vue项目中，我们常遇到以下路径引用的方式：import './plugins/element.js'import '../router';import '@/scss/common/var';import 'common/flexible.js'./ 表示当前目录下../ 表示父级目录下@/ 是webpack设置的路径别名，代表什么路径，要看 webpack 的 ...

安装依赖（less 和 less-loader）：npm install less less-loader --save -dev安装好之后，如果报如下错误：“TypeError: this.getOptions is not a function”。 出现这个错误的原因是 less-loader 安装版本过高，最快的解决办法是重新安装较低的 less-loader 版本。// 卸载当前安装的 less-loadernpm uninstall less-loader// 安装低版本的 le

Chinese (Simplified) Language Pack for Visual Studio Code：适用于 VS Code 的中文（简体）语言包 vscode-icons：设置文件图标主题 Terminal：编辑器中内嵌一个似 cmd 终端程序 Live Server：为静态和动态页面启动带有实时重新加载功能的开发本地服务器 Path Intellisense： 自动完成文件名的Visual Studio代码插件 Auto Rename Tag：自动完成 HTML / ...

全局组件和局部组件Propsprops验证组件自定义事件自定义组件的 v-model全局组件和局部组件组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。注册一个全局组件语法格式如下：Vue.component(tagName, options)tagName 为组件名，options 为配置选项。注册后，我们可以使用以下方式来调用组件：<tagNa...

Vue 可以添加数据动态响应接口。Vue 不允许在已经创建的实例上动态添加新的根级响应式属性。Vue 不能检测到对象属性的添加或删除，最好的方式就是在初始化实例前声明根级响应式属性，哪怕只是一个空值。如果我们需要在运行过程中实现属性的添加或删除，则可以使用全局 Vue，Vue.set 和 Vue.delete 方法。Vue.set 方法用于设置对象的属性，它可以解决 Vue 无法检测添加属性的限制。Vue.del...