摘要: 引言 故事从一道经典面试题开始,从浏览器的地址栏输入https://www.baidu.com,到用户看到界面,这个过程到底都发生了什么? 答:URL解析->缓存检查->DNS解析->TCP三次握手->数据传输->TCP四次挥手->页面渲染 浏览器是如何渲染页面的 前置概念 基础知识1、什么是渲染 阅读全文
posted @ 2023-08-06 23:18 朝思暮想的虫 阅读(67) 评论(0) 推荐(0) 编辑
摘要: SOLID原则并非单纯的1个原则,而是由5个设计原则组成的,它们分别是单一职责原则,开闭原则,里氏替换原则,接口隔离原则和依赖反转原则。 单一职责原则(SRP) 定义:一个类或者模块只负责完成一个职责(或者功能)。 从定义来看,一个类只负责完成一个职责或者功能。也就是说,不要设计大而全的类,要设计粒 阅读全文
posted @ 2023-01-31 22:26 朝思暮想的虫 阅读(29) 评论(0) 推荐(0) 编辑
摘要: 先附上参考链接: https://juejin.cn/post/7068573328914513928 https://juejin.cn/post/6857135010882387981 https://www.cjavapy.com/article/2382/ 1、创建vue项目 vue cre 阅读全文
posted @ 2022-03-08 11:22 朝思暮想的虫 阅读(422) 评论(0) 推荐(0) 编辑
摘要: 我们在使用ajax向后端发送请求时,responseType可以设置返回数据的格式,它支持的格式有"text"、"arraybuffer"、"blob"、"document",返回的对应数据为DOMString、ArrayBuffer、Blob、Document 前端在请求二进制数据的时候需要将re 阅读全文
posted @ 2021-09-02 16:47 朝思暮想的虫 阅读(3566) 评论(0) 推荐(0) 编辑
摘要: 在开发管理系统中,导出excel最为常见。前端和后端都可以去实现。比较常见的需求有: 1、不存在分页情况下,当前页面展示的就是所有数据,导出全部和导出选中 2、存在分页情况下,当前页面展示的是当前页码对应的数据,导出全部和导出选中 前端实现导出功能有三种思路: 1、后端去处理导出,返回前端一个exc 阅读全文
posted @ 2021-08-10 16:59 朝思暮想的虫 阅读(2291) 评论(0) 推荐(0) 编辑
摘要: JS本身是基于面向对象开发的编程语言,面向对象开发中最重要的一个概念就是类。 类具有三大特性:封装、继承、多态 封装:类也是个函数,函数的目的是把一个功能代码进行封装,以此实现“低耦合高内聚” 多态:重载和重写 重写:子类重写父类上的方法(伴随着继承运行的) 重载:相同的方法,由于参数或者返回值的不 阅读全文
posted @ 2021-04-01 22:22 朝思暮想的虫 阅读(607) 评论(0) 推荐(0) 编辑
摘要: 在做项目的时候,会遇到很多下载的功能,有时候我们点击按钮或者图片就在浏览器新打开一个tab预览或者右键才能保存,当前需求是点击按钮实现图片的自动下载。 原生js实现: /** * name: 图片下载后的名字 * url:图片的地址 */ function downLoadImg(name, url 阅读全文
posted @ 2021-02-27 14:23 朝思暮想的虫 阅读(1014) 评论(0) 推荐(0) 编辑
摘要: 在开发项目得时候遇到这样一个需求,在移动端项目有个支付抽奖页面,大概效果图如下: 简单介绍一下需求,点击抽奖按钮转盘转动,转盘里边黄色块块是个整张背景图,里边的商品是从接口获取得,包括奖品名称和图片,商品和中奖概率后台可以动态修改,唯一确定得是永远有8个奖品。 1、布局样式 每个item对应一个奖项 阅读全文
posted @ 2020-12-03 14:38 朝思暮想的虫 阅读(7237) 评论(0) 推荐(0) 编辑
摘要: 功能背景: 基于微信公众号的h5商城页面,实现特定商品的分享,包括朋友圈和好友分享功能。 代码实现(以vue项目为例): 首先贴上官方开发文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html 1、引入j 阅读全文
posted @ 2020-09-29 11:31 朝思暮想的虫 阅读(1959) 评论(1) 推荐(0) 编辑
摘要: 在做公众号商城的时候,需要用到调用微信支付,这是微信官方文档教程 https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6,详细描述了怎么调起微信支付,以下代码是我的实际业务调用微信支付完整流程 到订单页面点击提交订单按 阅读全文
posted @ 2020-09-09 18:14 朝思暮想的虫 阅读(1764) 评论(0) 推荐(0) 编辑