杨晓风 迷迭香的记忆

背景开发toc应用，开发调试和线上问题解决避免不了需要使用代理工具，进行抓包查看具体的url来确定接口、页面地址等一些内容。代理工具有Charles、W配置教程一、简介Charles是一款代理工具，通过拦截客户端（PC或者手机等终端设备）向后台服务器发送的请求，通过它向服务器发送请求，然后再将服务器返回的响应返回给客户端。通过这个工具可以实现截取请求和请求结果达到分析抓包的目的。二、下载安装安装链接：https://www.charlesproxy.com/或者其他的链接下.

背景为适应业务需求，规则说明的固定内容转换为由接口动态获取，这就要求前端对规则说明的渲染改变技术方案~其中使用v-html渲染文本，需要注意的是顺序标签的渲染~技术点Vue渲染文本的方式 style属性scoped相关技术点解析Vue渲染文本的方式v-text {{}} v-htmlv-text将元素当成纯文本输出 相对比较安全 可简写为{{}}，支持逻辑运算 且不会出现{{}}一闪而过之后消失，重新渲染元素的体验，但是使用起来不如{{}}方便 <p v-t

背景网页的开发，经常需要了解某个元素是否进入了“视口”，即用户能不能看到它技术实现方案：监听scroll事件 Intersection Observer API第一种，传统的实现方案计算量很大，容易造成性能问题；第二种名为“交叉观察器”，可以自动“观察元素”是否可见。接下来，将深入看看此APIAPIConstructor IntersectionObserver() 监听目标元素的可见部分穿过一个或多个阈时，会执行指定的回调函数 属性 root 监

前言： 在软件开发中，前端为了实现某些效果，需要给后端返回的数据中动态添加属性，本文中就来具体阐释下如何给对象数组动态添加属性的问题正文： 需求： 布局如上图所示，基本需求为：每张银行卡有自己的名字、logo、银行卡号、背景色，前后端的交互数据结构为：bankCardList: [ { key:...

前提： 官方地址：http://mockjs.com/ Getting Started：https://github.com/nuysoft/Mock/wiki/Getting-Started Mock 数据是前端开发过程中必不可少的一环，是分离前后端开发的关键链路。通过预先跟服务器端约定好的接口，模拟请求数据甚至逻辑，能够让前端开发独立自主...

前言： 函数防抖：规定函数至少间隔多久执行，利用闭包进行封装，减少事件处理程序的调用频率 ~函数执行过一次后，在n秒内不能再次执行，否则推迟函数执行 ~下一次函数调用将清除上一次的定时器，并用setTimeout重新计时 应用场景：当我们只需要处理最后一次触发事件时，用函数防抖正文： 防抖函数的封装-deb...

前言： 在mac上安装tomcat+jdk，用以部署vue工程 安装步骤：https://www.jianshu.com/p/fe807440fda1 vue工程打包：npm run build 部署：将打包后的vue工程---dist，放在tomcat-webapps下 启动tomcat：cd tomcat...

前言： nprogress是页面跳转时出现在浏览器顶部的进度条 官网：http://ricostacruz.com/nprogress/ github：https://github.com/rstacruz/nprogress正文： 一。在vue工程中下载nprogress依赖包 npm install ...

前言： 根据Element-UI的官网对Switch开关进行使用，可是发现却不起作用，接下来看小编是如何来斩妖除魔的吧正文： 首先，Switch的开关控制，官网提供有三种数据类型：boolean / string / number 所以出现Switch开关没有正确的效果，第一要考虑双向绑定数据类型的问题 其次，官网提供的实...

前言： 本项目采用前端框架为Vue，组件库为Muse-UI，出现问题的控件为日期控件，在ios上日期会少一天，安卓手机正常。前后端以时间戳进行交互正文： 问题描述：时间戳为零点的情况 问题定位：时区问题 巨人肩膀...