![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
斯昂
做一个有意思的人,写一些喜欢的代码,呆在一座温暖的城市,守护一个幸福的家庭
展开
-
第二天 webpack loader 的使用
webpack loader 的简单使用原创 2023-03-04 11:58:14 · 151 阅读 · 0 评论 -
前端复习第一天(webpack 工程化简单使用)
webpack 简单使用原创 2023-03-03 11:59:21 · 122 阅读 · 0 评论 -
[vue-cli3与vue-cli2的区别和vue-cli 怎么修改配置]
[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 文件名,生成的目录修改配原创 2021-01-20 16:07:34 · 224 阅读 · 0 评论 -
Vue-cli版本和使用
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 -原创 2021-01-20 16:06:53 · 1291 阅读 · 4 评论 -
npm 淘宝镜像安装
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...原创 2021-01-20 11:32:13 · 256 阅读 · 1 评论 -
vscode中创建vue快捷键
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原创 2020-12-04 17:02:18 · 2999 阅读 · 4 评论 -
vue项目中利用H5的语音合成实现语音播报
vue项目中利用H5的语音合成实现语音播报首先定义一个文字转语音的js文件const synth = window.speechSynthesis/** * 文字转语音 * @author 袁首京 */export default { /** * 语音提醒 * @param {String} text */ speek (text) { const ssu = new SpeechSynthesisUtterance(text) s原创 2020-12-04 16:51:01 · 1684 阅读 · 1 评论 -
vue setInterval 遇坑指南 及解决方案
vue setInterval 遇坑指南 及解决方案好久没更新过博客了,最近小编遇到了一个经典的vue bug , 这里就把这个脱坑指南,给大家分享一下,闲话不多说,上代码! mounted() { this.timer = setInterval(() => { this.timeout_ = this.timeout_ - 1 this.percent = (this.timeout_ / this.ti原创 2020-11-27 17:06:23 · 2803 阅读 · 1 评论 -
Leon 带你学 vue完结版
vue学习总结vue 优势 轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb; 简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习; 双向数据绑定:保留了angular的特点,在数据操作方面更为简单; 组件化:保留了react的优点(尤其是vue3 react化),实现了html的封装和重用,在构建单页面应用方面有着 独特的优势; 视图,数据,结构分离:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关 操作; 虚拟DOM:原创 2020-07-21 16:53:27 · 329 阅读 · 0 评论 -
Leon 带你学 vue(持续更新)
vue学习总结vue 优势 轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb; 简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习; 双向数据绑定:保留了angular的特点,在数据操作方面更为简单; 组件化:保留了react的优点(尤其是vue3 react化),实现了html的封装和重用,在构建单页面应用方面有着 独特的优势; 视图,数据,结构分离:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关 操作; 虚拟DOM:原创 2020-07-20 16:35:52 · 234 阅读 · 0 评论 -
用git 给项目打标记(tag)
用git 给项目打标记(tag)参考API Git标签通常在发布软件的时候我们都会用git里面的 tag 打一个标记,tag会记录版本的commit号,方便后期回溯版本。常见命令:git tag // 列出已有的tag ***加上-l命令可以使用通配符来过滤taggit tag -l "v1" // 他就会匹配 包含 v1 的 所有标记git tag v1.0 ...原创 2020-03-30 16:16:04 · 1759 阅读 · 0 评论 -
vue cli 3 项目命令创建详解
vue cli 3 项目命令创建详解创建项目:vue create item_name默认模式或手动模式 【手动】安装模式选择安装特性 【如图】安装特性路由配置,Y为history,N为hash 【n】路由配置Eslint 【Standard config为标准模式】Eslint样式的检查是在save时还是在commit时 【save】样式检查配置文件是独立还是全...原创 2020-03-24 12:00:30 · 951 阅读 · 0 评论 -
你不得不看的状态管理 干货 API store.js - 实现本地存储(LocalStorage)
store.js - 实现本地存储(LocalStorage)对于一些状态不复杂的 vue 单页面 项目 ,没有必要用到vuex,毕竟它并不是那么的 足够简便。这里介绍一种 类库 store.jsstore.js 是一个兼容所有浏览器的 LocalStorage 包装器,不需要借助 Cookie 或者 Flash。store.js 会根据浏览器自动选择使用 localStorage、globa...原创 2020-03-24 10:52:33 · 764 阅读 · 1 评论 -
vue 十分钟后自动返回首页登录页操作
vue 十分钟后自动返回首页/登录页操作 该上线了,产品经理提出一个 新需求,要求所有页面,在无任何操作停留10分钟后,自动返回首页。这让我想到了 导航守卫 做 一段时间后登陆过期,返回登录页的 需求。 我看了文档 afterEach 全局后置钩子 是导航后置守卫 跟咱常用的 beforeEach 前置守卫 基本用法 一直 就是没有next 方法。 说实话我对它不太熟,文档介绍的...原创 2020-03-20 17:38:33 · 1752 阅读 · 0 评论