最近项目的UI走查提出了选中上次记住的账号后，账号密码输入框样式改变的问题，记录一下最后找到的解决方案。vue项目使用此方法解决问题时，注意样式穿透问题，有时候此方法无效可能需要增加v-deep。...

双击nginx.exe或者执行 start nginx.exe 启动就可以。最后发现是因为nginx没有启动。

常听前端内存泄漏，但是一直不知道怎么看是否泄露，或者内存泄漏不大的时候体会不到内存泄漏问题。一个很简单的判断方式，在项目页面中F12打开控制台，找到Memory，此处就会显示当前页面的内存占用情况，图中我的项目由于嵌套了iframe页面，所以显示两个占用情况下图箭头指的位置可以清除部分能被清除的内存具体查看内存是否泄漏的方法是：首先在一个页面A中找到memory内存这里，清除能清除的内存部分，然后

大部分项目中，前后端交互只是前端请求后端接口，拿到返回的数据之后再处理即可，但是还是有些需要等待后端处理完成之后，主动通知前端，比如异步支付、消息通知等需求，或者前端自己两个页面间通信，尤其是那种需要实时更新却不方便通过传参等方式解决的，mqtt就可以很好的解决这些问题关于mqtt原理等的文章已经有很多，此文仅是记录前端在vue项目中使用的实例，方便刚接触mqtt的前端朋友快速入门使用1、使用前的

常听前端内存泄漏，但是一直不知道怎么看是否泄露，或者内存泄漏不大的时候体会不到内存泄漏问题。一个很简单的判断方式，在项目页面中F12打开控制台，找到Memory，此处就会显示当前页面的内存占用情况，图中我的项目由于嵌套了iframe页面，所以显示两个占用情况下图箭头指的位置可以清除部分能被清除的内存具体查看内存是否泄漏的方法是：首先在一个页面A中找到memory内存这里，清除能清除的内存部分，然后

1、class名只有一个，只不过是变量<template><div :class="classname"></div></template><script>export default {data() {return {classname: 'haha'}}}</script>2、通过对象形式此种方式适合针对固定的class名

使用element的table组件，如果还想要实现上下键选中行效果的话，可以试试以下方法，主要是通过监听键盘事件实现的如果还需要表格上下键时保持被选中行一直在视野中的话，可以在监听事件中根据当前行的位置动态设置表格的滚动距离实现，现在先不加了，等有时间再完善1、首先定义一个变量，来确定当前被点击行的index，再根据监听到的是上键或者下键，递减或递增此变量，通过element table的togg

1、使用插件lodashjs-pinyin2、下载npm install js-pinyin点击查看插件文档3、方法封装在js文件中引入两个插件，并初始化js-pinyin插件import Pinyin from 'js-pinyin'Pinyin.setOptions({ charCase: 1 })setOptions中传入对象，对象可传两个参数charCase参数：输出拼音的大小写模式，0-

大部分项目中，前后端交互只是前端请求后端接口，拿到返回的数据之后再处理即可，但是还是有些需要等待后端处理完成之后，主动通知前端，比如异步支付、消息通知等需求，或者前端自己两个页面间通信，尤其是那种需要实时更新却不方便通过传参等方式解决的，mqtt就可以很好的解决这些问题关于mqtt原理等的文章已经有很多，此文仅是记录前端在vue项目中使用的实例，方便刚接触mqtt的前端朋友快速入门使用1、使用前的

1、class名只有一个，只不过是变量<template><div :class="classname"></div></template><script>export default {data() {return {classname: 'haha'}}}</script>2、通过对象形式此种方式适合针对固定的class名