Leon_940002463的博客

webpack loader 的简单使用

webpack 简单使用

[vue-cli3与vue-cli2的区别和vue-cli 怎么修改配置]vue-cli3是基于webpack4打造，vue-cli2是基于webpack3vue-cli3的设计原则是“0配置”，移除（隐藏）配置文件build和config等目录vue-cli3提供了vue ui 命令，提供了可视化配置vue-cli3移除了static文件夹，新增了public文件夹，并且将index.html移动到public中使用vue-cli3初始化项目 vue create 文件名，生成的目录修改配

Vue-cli版本和使用安装vue-cli（默认安装最新版）3.0以下版本npm install vue-cli -g3.0以上版本npm install -g @vue/cli创建初始化项目//name是项目名称，可以任意命名非中文名称(不能有大写)//3.0以下版本初始化项目是用vue init webpack name//3.0以上版本初始化项目是用 vue create name 或 vue ui 进入图形化操作页面更新1.先查看当前版本是否需要进行更新vue -

npm 淘宝镜像安装安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org更换npm源(默认是https://registry.npmjs.org/)npm config set registry https://registry.npm.taobao.org // 配置后可通过下面方式来验证是否成功npm config get registry// 或npm info express...

1.安装Vetur插件（扩展里面直接搜）2.vscode 界面里面左上角选则 文件=> 首选项=> 用户代码片段=>新建全局代码片段=>在输入框中新建名称为vue.json3.删除里面的注释，当然你也可以留着，把下面的代码粘贴进去！{ // Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and // descri

vue项目中利用H5的语音合成实现语音播报首先定义一个文字转语音的js文件const synth = window.speechSynthesis/** * 文字转语音 * @author 袁首京 */export default { /** * 语音提醒 * @param {String} text */ speek (text) { const ssu = new SpeechSynthesisUtterance(text) s

vue setInterval 遇坑指南 及解决方案好久没更新过博客了，最近小编遇到了一个经典的vue bug , 这里就把这个脱坑指南，给大家分享一下，闲话不多说，上代码！ mounted() { this.timer = setInterval(() => { this.timeout_ = this.timeout_ - 1 this.percent = (this.timeout_ / this.ti

vue学习总结vue 优势​ 轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；​ 简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；​ 双向数据绑定：保留了angular的特点，在数据操作方面更为简单；​ 组件化：保留了react的优点（尤其是vue3 react化），实现了html的封装和重用，在构建单页面应用方面有着 独特的优势；​ 视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关 操作；​ 虚拟DOM：

vue学习总结vue 优势​ 轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；​ 简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；​ 双向数据绑定：保留了angular的特点，在数据操作方面更为简单；​ 组件化：保留了react的优点（尤其是vue3 react化），实现了html的封装和重用，在构建单页面应用方面有着 独特的优势；​ 视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关 操作；​ 虚拟DOM：

用git 给项目打标记（tag）参考API Git标签通常在发布软件的时候我们都会用git里面的 tag 打一个标记，tag会记录版本的commit号，方便后期回溯版本。常见命令：git tag // 列出已有的tag ***加上-l命令可以使用通配符来过滤taggit tag -l "v1" // 他就会匹配 包含 v1 的 所有标记git tag v1.0 ...

vue cli 3 项目命令创建详解创建项目：vue create item_name默认模式或手动模式 【手动】安装模式选择安装特性 【如图】安装特性路由配置，Y为history，N为hash 【n】路由配置Eslint 【Standard config为标准模式】Eslint样式的检查是在save时还是在commit时 【save】样式检查配置文件是独立还是全...

store.js - 实现本地存储（LocalStorage）对于一些状态不复杂的 vue 单页面 项目 ，没有必要用到vuex，毕竟它并不是那么的 足够简便。这里介绍一种 类库 store.jsstore.js 是一个兼容所有浏览器的 LocalStorage 包装器，不需要借助 Cookie 或者 Flash。store.js 会根据浏览器自动选择使用 localStorage、globa...

vue 十分钟后自动返回首页/登录页操作​ 该上线了，产品经理提出一个 新需求，要求所有页面，在无任何操作停留10分钟后，自动返回首页。这让我想到了 导航守卫 做 一段时间后登陆过期，返回登录页的 需求。 我看了文档 afterEach 全局后置钩子 是导航后置守卫 跟咱常用的 beforeEach 前置守卫 基本用法 一直 就是没有next 方法。 说实话我对它不太熟，文档介绍的...