Vue-cli 梳理

[sfsoul]

• 聊聊Vue中title的动态修改
• 基于Vue CLI3 搭建五脏俱全的移动端H5应用

[sfsoul]

移动端适配

[sfsoul]

Axios 的统一封装

• Vue Axios封装

[sfsoul]

全局的遮罩层

• 如何用Vue实现一个弹窗

[sfsoul]

过滤器 filter

[sfsoul]

自定义指令 directive

• vue input 进入页面自动获取input输入框焦点

[sfsoul]

函数防抖与节流在 Vue 中的使用

• vue防抖与节流的最佳解决方案---函数式组件
• 函数防抖节流的理解及在Vue中的应用

[sfsoul]

Vue.config.js 配置

• vue-cli 3.0配置baseUrl等
• Vue 环境变量和模式

[sfsoul]

devServer 配置

• vue.config.js中devServer配置

[sfsoul]

Vue watch 高级用法

• vue.js 中watch的高级用法

[sfsoul]

css 实现文字多行截断

• 纯 CSS 实现多行文字截断

[sfsoul]

Vue 文件中如何使用less变量

• 下载 less：npm i less-loader less --save-dev;
• 再下载 style-resources-loader：npm i style-resources-loader --save-dev;
• 在 vue.config.js 进行如下配置：

function resolve(dir) {
  return path.join(__dirname, dir)
}

module.exports = {
    chainWebpack: config => { // CLI内部webpack配置
        const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
        types.forEach(type => addStyleResource(config.module.rule('less').oneOf(type)))
    }
}

// 全局样式 变量、函数
function addStyleResource (rule) {
  rule.use('style-resource')
    .loader('style-resources-loader')
    .options({
      patterns: [
        resolve('src/styles/variables.less'),
        resolve('src/styles/mixin.less'),
      ],
    })
}

[sfsoul]

Vue中的 htmlWebpackPlugin.options.title

• 关于vue的title标签中出现的htmlWebpackPlugin.options.title
• vue 中如何修改标题 <%=htmlWebpackPlugin.options.title %>

[sfsoul]

限制input输入字数

• vue input 输入限制
• 基于vue的限制输入框可输入字节数的解决方案

[sfsoul]

position: sticky

[sfsoul]

postcss-pxtorem 使第三方UI库不进行转换

• postcss-pxtorem 使第三方UI库不进行转换
• 设计稿是750px，根元素应该设置75，但是vant转换后好小，要改成35才行

[sfsoul]

无限加载

[sfsoul]

如何动态地设置页面title

• Vue 动态设置页面title

[sfsoul]

axios 跨域处理 & 让请求带上 cookie

• axios 跨域处理以及带 cookies 的请求
• Axios 发送跨域请求时，默认不携带cookie的问题解决示例

[sfsoul]

Vue 中引入图片路径的几种方式

• Vue 中引入图片路径的几种方式
• vue 动态加载图片 src 的解决方法

[sfsoul]

Vue 设置浏览器icon图标

• Vue项目设置浏览器icon图标

[sfsoul]

Vue 项目中出现 Loading CSS Chunk Failed 问题

• Vue项目中出现Loading chunk {n} failed问题的解决方法
• vue - router Error: Loading chunk * failed. 终极处理方案

[sfsoul]

Vue-cli 脚手架如何引入iconfont图标