1 前 言 1.1 CreateJS介绍 CreateJS是基于HTML5开发的一套模块化的库和工具。 基于这些库，可以非常快捷地开发出基于HTML5的游戏、动画和交互应用。 A suite of modular libraries and tools which work together or independently to enable rich interactive content on open web technologies via HTML5. 包含4类工具库 EaselJSTweenJSSoundJSPreloadJS1.2 CreateJS版本 1.2.1 GitHub 地址： https://github.com/CreateJS 以 ...
官方网址：http://mockjs.com/ mockjs是用来模拟产生一些虚拟的数据，可以让前端在后端接口还没有开发出来时独立开发。我们可以使用真实的url，mockjs可以拦截ajax请求，返回设定好的数据。使用方式 这里主要讨论在vue项目中，使用axios发送ajax请求，mock.js模拟数据的流程。 vue-cli搭建项目后，安装axios和mock.js npm install -S axios npm install -D mockjs在项目中新建mock.js文件夹，来设置要产生的模拟数据的格式。3. 设想...
公司使用 vue-cli 创建的 vue项目 在初始化时并没有做多页面配置，随着需求的不断增加，发现有必要使用多页面配置。看了很多 vue多页面配置 的文章，基本都是在初始化时就配置了多页面。而且如果使用这些实现，需要调整当前项目的目录结构，这点也是不能接受的。 最后，参考这些文章，在不调整当前项目目录结构实现了多页面的配置的添加。这里做下记录、总结，方便以后复用。如果还能有幸帮助到有同样需求的童鞋的话，那就更好了。...
前言 在vue项目中，需要实现某些特定的功能时，使用mvvm模式不易实现。因此引入jquery包来完成需求 jquery中的触发事件可以自己定义在mounted中，如果需要使用vue中data的数据，直接使用this.msg是无法使用的，需要另外定义const _this = this, 存储this.之后便可以在事件中使用_this.msg数据了。 需求：在品牌处可以输入，并且会有模糊搜索的下拉框，也可下拉选择，在输入完毕后检验值是否在下拉框中存在，聚焦时蓝色边框，change...
简易搭建ESLint官网网址 ESLint中文官网 如果你是想在自己的项目里搭建ESLint，就可以按照官网的指示， 以全局安装举例， npm install -g eslint然后初始化 eslint --init它会问你一些问题，你可以按照你的喜好进行配置，我选的是popular下面的standard，生成的文件是js格式，那么就会创建出eslintrc.js文件： module.exports = { "extends": "standard" }; 然后就可以简单的lint某个文件了： $ eslint yourfile.js在vue的项目里新...
一 概述 随着sass/less等css预处理器的出现，编写css变的越来越有乐趣。所以现在越来越多的人在项目中喜欢使用scss或者less。（我自己就是一个）。由于最近在写一个vue项目。所以就把写项目期间每天的一些知识点写在博客里。所以最近的博客应该都会和vue有关。今天要和大家分享的就是如何在vue项目中引入scss（引入less也类似） 二 vue中引入scss 2.1 vue-loader 在讲如何在vue项目中使用scss之前，我们先来简单了解一个概念，那就...
在终端中运行以下命令: vue create xxx // xxx为项目名称，例如 vue-project然后，系统会提示我们选择默认预设或手动选择功能。使用向下箭头键，我们手动选择功能，然后按Enter键。然后，我们将看到一系列功能选项。使用向下箭头键，我们将向下移动并使用空格键选择需要的功能，然后按回车键。Linter / Formatter 就是代码风格。 我们将使用 ESLint + Prettier我们将在保存时添加Lint的附加功能。我们将选择单独的配置文件。我们...
下载安装并配置VSCode 随便百度上搜个最新的VSCode安装好后，点击Ctrl + Shit + X打开插件扩展窗口进行插件扩展，这里要安装两个插件。 1、vetur插件的安装 该插件是vue文件基本语法的高亮插件，在插件窗口中输入vetur点击安装插件就行，装好后点击文件->首选项->设置 打开设置界面，在设置界面右侧添加配置 "emmet.syntaxProfiles": {"vue-html": "html","vue": "html" }2、eslint插件的安装 eslint智能错误检测插件，在具体开发中...
微信授权后还能通过浏览器返回键回到授权页在导航守卫中可以在 next({}) 中设置 replace: true 来重定向到改路由，跟 router.replace() 相同 router.beforeEach((to, from, next) => {if (getToken()) {...} else {// 储存进来的地址，供授权后跳回setUrl(to.fullPath)next({ path: /author, replace: true })} })路由切换时页面不会自动回到顶部const router = new VueRouter({routes: [...],scrollBehavior (to, from, savedPosi...
1、鼠标悬浮显示不同的背景图片，代码如下：效果如图，页面初始效果：鼠标悬浮后效果：2、for 循环发送axios遇到的问题 问题背景： 在声动语商项目中，需求更改后，出现一个：教师发布课程的时候要求一个课程同时发送给多个班级。 现在的接口：每次只能发送一个班级的id,也就是：classesId字段只能传一个班级的id，因此为了满足这个新需求就想着：将select修改为多选，使用for循环循环用户选中的班级数组，使用axios发送创建课程请...
Vue项目尤其是基于.vue单文件格式的项目部署，在build成js文件后发布到服务器上，一般都是通过nginx反向代理到跟文件目录后直接访问，然而由于很多时候没办法使用更多的子域名（比如微信公众号只能有一个域名），所以急需将服务器部署到子目录。本经验以一次成功的系统部署为例，讲解子目录方式部署Vue工程。 首先介绍一下Poi，我们的项目没有使用webPack进行前端工程项目管理，使用了Poi进行管理：Develop web apps with no build...
项目需求中有一个日期选择限制的功能点：今天之前不可选，周末不可选。 传统的input type=date无法做到，所以使用了这个插件来实现功能。 1.引入vue-datepicker loader：npm install vue-datepicker 2.引入moment loader：npm install moment --save 因为vue-datepicker是依赖vue和moment的,所以也应提前 引入moment； 3.在用到该插件的地方引入： import myDatepicker from vue-datepicker/vue-datepicker-es6.vue; /* vue 2.0 */...
很偶然的今天想开个自己的小项目，记录一下最近项目工程上实现的一个小交互。按照之前运行非常流畅的配置走一遍，打包遇到各种坑。只好根据命令行的报错逐个排查，发现babel升级了一个大版本，已经到7.x了。看来每日沉迷项目，已经跟不上节奏了。这里记录一下遇到的问题以及解决方案。 1.webpack 4.x 插件 extract-text-webpack-plugin(node:2628) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` ins...
Vue 的用法没有变化: <template lang="pug">transition(name="sider")div.helloh3 {{msg}}p(:style="{color:#000}", :htmlData="msg") p labelbutton(@click="clickMe") clickTest </template>要注意的一点是: 标签后面如果有属性(括号内的) 他和括号之间不要加空格,加了空格就会被当成字符串解析 vue-cli 2+ 配置: 下载包: npm i -D pug pug-html-loader在build/webpack.base.conf.js 的 module 中添加规则: module: {rules: [{te...
公司前端界面用的是vue，我要嵌入到Android中生成App第一步：安装nodenode安装：直接进入官网https://nodejs.org/zh-cn/，下载最新版本安装。安装之后在命令行中使用”node -v” 检查安装是否成功。npm安装：由于新版的nodejs已经集成了npm，所以node安装时npm也一并安装好了。同样可以通过输入 “npm -v” 来测试是否成功安装。第二步：安装cordova1. 打开cmd 输入命令：npm install -g cordova .安装cordova2. 验证是否安装成功，...