响应式设计

一个创建友好移动端网站的初学者教程.

“响应式设计”意味着你的网站显示在各个端应该都相似.他是一个网站设计和开发消除差异化的过程.

响应式通过media queries css完成.media queries检测用户设备告诉浏览器什么忽略或者什么显示什么.

继续阅读“响应式设计”

vue cli 3.0 引入 jQuery 插件

虽然说,jQuery可以做到的,都可以用vue做到.

但是有时候用习惯了有些还是想用下jQuery.

不说废话了.网上都是cli2 的教程,我就写一下3.0的改法.

步骤其实很简单,首先安装

npm install jquery --save

第二步改配置vue.config.js

 

增加

chainWebpack: config => {
    config
        .plugin('provide')
        .use(webpack.ProvidePlugin, [{
            $: 'jquery',
            jquery: 'jquery',
            jQuery: 'jquery',
            'window.jQuery': 'jquery'
        }]);
  },

例子

// vue.config.js
const webpack = require('webpack');

module.exports = {
  // options...
  assetsDir: 'vasset',

  lintOnSave: undefined,
  chainWebpack: config => {
    config
        .plugin('provide')
        .use(webpack.ProvidePlugin, [{
            $: 'jquery',
            jquery: 'jquery',
            jQuery: 'jquery',
            'window.jQuery': 'jquery'
        }]);
  },

  pluginOptions: {
    i18n: {
      locale: 'zh',
      fallbackLocale: 'zh',
      localeDir: 'locales',
      enableInSFC: false
    }
  }
  
}

就可以了.