中年抠脚程序猿

未归档

Java(2) 前端(1)

/ 注册

全部文章 / 未归档（共34篇）

JavaScript实现锁功能，同一时间多次异步请求函数都取到返回值，只触发一次异步请求

问题有个需求，某个异步请求函数可能被多次调用，重复调用消耗资源，需要对其进行优化每次调用该函数都能取到返回值只发送一次异步请求这个和节流、防抖功能不一样，节流防抖会丢弃掉中间的请求，中间的请求获取不到返回值，这里要求每一个函数调用都能取到返回值。方案一很容易想到使用同步...

2021-12-08

0 1152

手写时钟

代码 <!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <title>Clock</title> &l...

2021-12-08

0 458

JS重写Date函数，兼容IOS系统

IOS系统Date的坑要创建一个指定时间的new Date对象时，通常的做法是： new Date("2020-09-21 11:11:00") 这行代码在 PC 端和安卓端都是正常的，而在 iOS 端则会提示 Invalid Date 无效日期。在IOS年月日中间的横...

2021-12-08

0 613

Vue在路由中懒加载并创建组件，省去写页面的步骤

需求现在有一个公共组件，在多个端都需要使用，但传入组件的参数不同，每个端都要写个vue的页面或是component有点麻烦。 <template> <child blPath="/patient/record" nextPatientPath=&quo...

2021-12-08

0 405

Vue Cli3 添加Loader和plugin

添加loader 在vue.config.js中的chainWebpack中添加配置： chainWebpack: config => { // my-loader为loader的别名，./src/myLoader.js是loader的位置 config.resolveLo...

2021-12-08

0 923

Vue项目自动设置版本号，版本号变更清空缓存

需求项目中在cookie和localStorage中，存储了不少信息，希望每次发布后能清空cookie和localStorage，避免缓存和版本不一致带来的影响。方式一自定义webpack的plugin，在afterPlugins钩子函数中修改package.json文件版本号，使用...

2021-12-08

0 1783

一键publish的node脚本

需求背景公司有8个前端项目，共使用四个公共包，基础包（baqi）、医生公共包（baqi-doctor）、患者公共包（baqi-patient）、聊天包（baqi-chat）。开发分支上使用file引入公共包（file引入的方式可以查看这一篇），到测试和生产上需要使用版本号来引入这几个公共包。这...

2021-12-08

0 434

Vue自定义指令加订阅发布模式处理按钮权限问题

需求现在有个需求，需要设置每个用户的按钮级权限。也就是说需要根据某个用户的角色权限来判断页面上某些按钮能不能点击，或者是否展示这些按钮。这里选择第二种，也就是当用户没有按钮权限时，移除这个按钮。实现假设后端权限接口接口返回是这样的数据： { "permissi...

2021-12-08

0 497

使用flex解决overflow需要设置固定高度的问题

背景通常在页面上的某一部分，需要超出滚动的情况，我们会设置固定高度或者宽度，但这样设置固定高度或者宽度很不灵活，当页面需要隐藏某一部分，就需要重新计算固定的高度或者宽度，很繁琐且容易出错。这里可以使用flex弹性布局来解决overflow需要设置固定高度的问题。实现假设我们要实现以下页...

2021-12-08

0 1383

封装promise，实现ajax请求全局异常处理和个性异常处理（若有，覆盖全局异常）

背景现在有个需求，要求封装axios，实现全局异常处理和个性异常处理，若有个性异常处理覆盖全局异常处理。假如约定正常返回码为0000，后端不为0000的异常返回，前端全局异常处理为toast这个异常。这个使用axios的response拦截器很容易实现。 request.intercepto...

2021-12-08

0 463