「已注销」-CSDN博客

原创深入理解URL

????????????url就是因特资源网的标准化名称。URL指向一条电子信息片段，告诉你它们位于何处，以及如何与之进行交互 ——《http权威指南》???? 1、URL和URI说起URL,我们不得不提起URI。URI是一类更通用的资源标识符，URL实际上是它的一个子集。URI包含URL和URN，URL是通过资源位置来标识资源的，而URN是通过名

2021-08-17 01:26:23 363

????????如果说http是因特网的信使，那么http报文就是他用来送信的包裹了(1)????什么是报文在度娘的介绍中????报文(message)是网络中交换与传输的数据单元，即站点一次性要发送的数据块。报文包含了将要发送的完整的数据信息，其长短很不一致，长度不限且可变。也就是说http报文是在http应用程序之间发送的数据块，，它包裹着我们进行请求数据交换的信息✔。(2)????报文的组成部分????2.1 报文基本结构http报文是简单的格式化数据块，它有三个部分组成。对报文进

2021-08-04 01:15:08 884

原创 React SSR 服务端渲染

再看react ssr 之前，我们先来看一个使用react ssr 实现的应用，感受一下它飞一般的渲染速度 https://m.xin.com/ 看过之后我们再来看文章。????导读关于服务端渲染（SSR）、客户端渲染（CSR）和同构渲染，我在next.js从入门到实战这篇文章中开头有详细的介绍，还不了解这三种渲染方式的可以简单了解一下。但只实现 SSR 没什么意义，技术上没有任何改进，否则 SPA 技术就不会出现????。但是单纯的 SPA 又不够完美，所以最好的方案就是这两种技术和体验的结合。

2021-06-30 00:09:10 470

原创前端性能优化——浏览器缓存机制

????(一)浏览器缓存概览关于前端性能优化，一直是一个老生常谈的话题，在性能优化的诸多方法中，缓存可以说是性能优化中简单高效的一种优化方式了。????那么浏览器缓存可以在哪方面给我们带来实质性的性能优化呢？????我们知道从我们从输入 URL 到页面加载完成，大致可以分为5个步骤DNS 域名解析建立TCP 连接HTTP 请求抛出服务端处理请求，HTTP 响应返回浏览器拿到响应数据，解析响应内容，把解析的结果展示给用户浏览器缓存可以帮助我们在第3和第5步骤中优化性能。利用浏览器存储机制

2021-06-21 22:43:51 525

原创什么是单元测试，如何去写一个单元测试

相信单元测试是属于那种没有用过也听过的技术（如果你是大佬，听过也用过，欢迎提出宝贵的意见????‍♀️????‍♂️）。那么到底什么是单元测试，单元测试在实际项目开发中能给我们带来什么样的好处？我们站在前端开发的角度一起来聊一聊单元测试。????（一）什么是单元测试????单元测试概念单元测试是指对软件中最小可测单元进行检查和验证；c语言中单元指一个函数，java中指一个类。图形化软件中可以指一个窗口或者一个菜单。总的来说，单元就是认为规定最小的被测试模块。这个便是对百度百科上对单元测试的介绍，那

2021-06-20 13:16:14 6464 5

原创前端的单点登录

参考链接:https://blog.csdn.net/ban_tang/article/details/80015946https://www.jianshu.com/p/75edcc05acfd一、什么是单点登录单点登录（Single Sign On），简称为 SSO，是目前比较流行的企业业务整合的解决方案之一。SSO的定义是在多个应用系统中，用户只需要登录一次就可以访问所有相互信任的应用系统。SSO一般都需要一个独立的认证中心（passport），子系统的登录均得通过passport。子系统

2021-04-06 23:27:00 661 1

原创前端网络面试知识整理

网络相关的知识也是面试时经常会被问到的问题，面试官很有必要确认面试者是否只会使用$.ajax()方法，还是真正了解网络请求的原理。问题列表get和post的区别websocket是否了解http 2.0对于http 1.x有哪些优点？jq的ajax返回值是什么？说一说你知道的HTTP状态码jsonp的原理跨域请求资源有哪几种方式？他们的优缺点是什么？XML和JSON的区别？1. get和post的区别get和post的区别这题看上很简单，你肯定能答出1个以上的区别，但是面试官往.

2021-03-17 17:46:54 201 1

原创 TS - interfaces 初探

TS - interfaces 初探interfaces 是什么interfaces 怎么用对象 Interface函数 Interfaceinterfaces英文翻译为接口，百度百科上解释为interface是面向对象编程语言中接口操作的关键字，功能是把所需成员组合起来，用来装封一定功能的集合。那么它在ts这个语言中究竟扮演怎样的角色，有什么用途。interfaces 是什么根据介绍interfaces是一种约束形式，其中只包括成员定义，不包含成员实现的内容。也就是说interface其实是一

2021-02-24 00:42:29 388

原创 app沉浸式导航栏相关处理（适用于Hbuilder打包项目）

在移动端，很多的app都需要设置沉浸式导航栏，但是手机适配又成了一个很大的问题。所以通过获取手机状态栏高度，再增加页面padding的方法应该是最好的，可以适应各种妖孽手机。首先需要在HBuilder的配置文件中设置沉浸式导航，找到manifest.json件下的plus对象，然后贴如下面代码： "statusbar": { "immersed": true/*沉浸式状态栏*/ },下面代码片段是获取移动端状态栏高度的。注：此代码写在main.js中//由于plus模块需要加载，所以这

2020-12-15 15:57:24 1356

原创调用手机扫描二维码功能

在vue移动端开发时，很多时候需要调用手机底层的一些功能来实现业务，所以在使用Hbuilder打包的前提下调用Hbuilder的二维码plus模块来实现二维码扫描功能,二维码的状态和使用最好在vuex中赋值，以方便控制。在mounted阶段调用下面代码片段startRecognize(){ let that = this if (!window.plus) return // 使用vuex来创建scan二维码 that.$store.commit('changesc.

2020-10-26 14:25:14 987

原创 VUE页面后退无刷新

离开当前页面时记录当前位置，使用sessionStorage存储数据（其中 wrapbox 当前滚动页面最外层的div ,ref=wrapbox）beforeRouteLeave(to, from, next) { //记录离开时的位置__") sessionStorage.askPositon = this.$refs.wrapbox && this.$refs.wrapbox.scrollTop; if(to.name=='smission' ||to.name=='bu.

2020-10-26 14:24:29 297

原创基于HBuilder 开发项目之微信支付

@(HBuilder)[微信支付 |vue]此项目是基于vue开发的一款移动端app,然后基于HBuilder进行打包成apk文件。一、用户申请微信开放平台申请移动应用首先进入微信开放平台,如果有账号的话直接登录，没有的话则根据步骤申请一个账号登陆注册：首先进入微信开放平台,如果有账号的话直接登录，没有的话则根据步骤申请一个账号创建应用：可以根据提示一步一步操作**注意：**申请时需要用到app的包名和应用签名。应用包名：是在APP项目配置文件AndroidManifest.x

2020-10-26 14:23:49 630 1

原创手机网页版微信分享以及微信授权

微信分享，第一次接触会发现很多坑。网页版微信分享是不支持按钮去分享的，只能通过微信右上角的按钮去分享。通过按钮分享的目前只支持APP。其实这样一来H5的分享就简单了很多。只需要调用微信官方出的微信jssdk，加上些许配置，就可以实现h5页面在微信上的分享，点击进入官方api文档;注意：这里使用的都是微信官方最新的文档一、首先获取配置所需要的参数首先使用已有公众号的appid，然后根据这个appid和url向后端发起请求，拿到配置所需要的参数：timestamp( 时间戳)、noncestr(随机字符串

2020-10-26 14:22:26 645

原创 bat文件执行 npm run dev

发现每次运行项目都需要一步步进入到项目文件，然后点开cmd 执行npm run dev，确实很麻烦很多余，最近发现了bat脚本可以直接运行 npm run dev省了很多时间,下面是bat文件的代码，可以直接放在桌面上，双击既可运行项目；e: //项目放在E盘中cd work //E盘下面的文件夹cd woling_coach //我的项目文件夹cd wolingJL //我的项目名字set startDir=%cd% npm run dev //运行npm run dev使用时将文.

2020-10-26 14:16:56 4635

原创 Vuex-单项数据流

一、单项数据流概念：单向数据流指只能从一个方向来修改状态。下图是单向数据流的极简示意：于单项数据流对应的是双向数据流（也叫双向绑定）。在双向数据流中，Model（可以理解为状态的集合）中可以修改自己或其他Model的状态，用户的操作（比如输入框中输入内容）也可以修改状态。这使改变一个状态可能会触发一连串的状态的变化，最后很难预测最终的状态是什么样的。是的代码变得很难调试。与双向数据流比较，在单向数据流中，当你需要修改状态，完全重新开始走一个修改的流程。这限制了状态修改的方式，使状态变得可预测，容易调

2020-10-26 14:15:32 1338

weixin_44283145的博客