米斯特曹

本文介绍一款移动端 / PC端非常不错的适配解决方案：postcss-px-to-viewport 【进入官网】在此之前为解决适配问题“普遍”会给html根节点设置font-size来计算单位值，兼容多端适配问题。开发者需要实时换算单位、还需要精确到六七位小数点。这样的解决方案在现在看来似乎不是最简洁高效的方案。希望有这样一种方案：首先、不论转换是否方便，我就是不想在开发代码的时候换算这些单位，更不想去操心什么转换系数（根节点单位） 我会考虑某些属性不需要转换为REM、VW等，如果统一...

前言：产品性能优化是每个开发者老生常谈的话题，优秀的产品之所优秀，绝不单单只是因其功能强大、背景稳定，用户对于产品的交互体验、视觉效果恰恰占很大的分值。试想以下两款产品，作为用户的你更倾向于使用哪款？产品A：界面简洁清晰，色系搭配完美，既能体现各模块数据增长趋势，又能迅速把使用者眼球聚集到绿色增长的具体数字重点区域。产品B：一眼瞅上去全是满屏文字在密密麻麻排挤，操作栏根本不知道可以点击，页面按钮采用的原生样式，菜单全部展开给用户增加了很多额外操作。web前端已..

前言：本文详细介绍在开发过程中前端如何与后端配合实现文件下载至本地，并详细说明特殊格式文件如何处理。如果你是一名前端开发者，恰好需要实现后端文件下载至本地的需求，那么恭喜你本篇文章一定会帮到你！需求：实现二进制下载、URL下载、跨域下载后端：Spring前端：Vue要点：后端返回文件流还是URL下载地址？一、解析：二进制式下载流程：后端返回二进制文件流的情况下，我们前端需要...

尤大大10月22日把脚手架更新到了4.0.5版本，新项目入手4.0版本开发，随后会持续记录4.x版本的坑（只有永远躺在泥坑里的人,才不会掉进坑里）每次看到尤大大在笑我就想哭...，因为又要学新的了.....代码：Login: { user: "", //用户名 password: "" //密码 },------------...

目录一、概念1.1、什么是单页面应用（SPA）？概念：整个web项目只有一个页面，使用路由机制进行组件之间的切换；优点：客户端渲染、数据传输量小、减少服务器端压力、交互/响应速度快、前后端完全分离；缺点：首屏加载慢、对SEO不友好，不利于百度，360等搜索引擎收录快照；1.2、什么是服务端渲染（SSR）？概念：将组件或页面通过服务器端生成HTML字符串，再发送到...

目录需求：根据单价、数量、优惠金额计算/处理之后得出合计金额；export default { data() { return { discounts: 50, //优惠券 Money: null, //单价 Num: null, //数量 Total: 0 //合计 }; },};这时候至少有四种方式可以实...

需求：Vue开发过程中，通常会把后台数据特意处理之后再展示在页面上，例如展示百分比 / 时间戳 / 计算结果等...如果选择特意在methods中处理就会显得代码比较凌乱，且每个实例下面都需要复制该方法，无论是从性能上还是代码可维护性上来讲都不是很好的解决办法！filter：Vue提供的过滤器（filter）可以很好的解决这个问题，且允许自定义过滤规则、可全局使用、可维护性很高。w...

一、 简介使用Vue开发项目时，数据请求不再使用原生的ajax来请求数据，Vue官方库提供的vue-resource已经不再更新和维护，现在新项目基本都以axios作为主要请求方式；二、使用本例以POST单例请求为例axios({ method: "POST", //请求方式 url: baidu.com, //请求地址 data: this....

前言：Vue+ElementUI开发项目，使用Dialog作为子组件时，父组件初始化子组件内部未能获取到dom元素； 假设 在父组件初始化完成之后，从后台异步拿到数据传递给子组件； 子组件接收到父组件数据之后，做某种处理 返回给父组件 用于展示； 比如我需要做一个修改功能，整个页面作为父组件、Dialog作为子组件、并且嵌套级联面板用于勾选数据（也可以想象一下嵌套的是一个...

前言：使用Vue进行项目开发的时候，通常会用到Vue提供的组件化机制封装开发所需要的组件以达到开发项目的需求，大到项目中的一快筛选模块、数据表格，小到分页面板、级联面板、乃至一个小小的button按钮，之所以组件化也是为提高我们实际的开发效率，那到底什么是组件化呢？参考一张尤玉溪大大的图就会很快明白；简单来讲一个完整项目会分为很多部分，每个部分都会有各自独立的功能，每个独立的功能组件又是由...

目录：前言：不知道大家有没有遇到这样的情况，A组件需要v-model绑定一个依赖于Vuex的数据，通常会直接绑定至Vuex数据源，如下所示是正常的处理流程；data：-------- trimesterId: "", //学期ID-------- computed: { Term() { return this.$store.state.Term; //返回...

**本篇博客主要记录个人在开发过程中遇到的难点问题，万分期待大家的讨论以及弥补短缺之处！**首先看看elementui提供的table组件，直达【官网】**文档说明**官方文档中指出el-table组件接收一个"span-method"属性，属性值是一个回调函数，四个参数分别返回当前行、列、行号、列号，该回调函数需返回合携带rowspan、colspan的一组对象！ ...

简单介绍一下Vue全局定义方法以及如何使用！1、首先在src目录下新建一个commonjs（用来写多个js文件）2、文件内部安排上封装好的代码3、最后在main.js引入 并且挂载到prototype原型上然后就可以正常在项目中使用了！除了在组件上直接使用以外，还可以在其他函数中直接使用，Vue的router、router、router、emit等等就是这么来的；-------...

Vue3.x项目中官方已经删除了vue.config.js配置文件，但是我们仍然需要配置跨域、打包、静态资源目录等问题，这时候仍然需要在vue项目中创建vue.config.js配置文件。需要注意的是创建vue.config.js时，我们无需再次导入该文件，该文件创建在与“src”同级目录下文件配置详解：出口： 整个文件需要以module.exports = { … }作为出口配置项；...

（近期公司用Vue开发后台管理系统，顺便做一些Vue方面的记录，本人菜鸟一枚 希望大家多多指正；）众所周知，前端开发中“数据模拟”是很重要的，今天探讨一下关于Vue加载本地json报404错误的解决方案！Vue-cli3.x中删除了static、 vue.config.js 等，个人感觉cli2.x和cli3.x改动还是特别大的，3.x中加载本地json只需要把json数据放在public文件...