- 博客(12)
- 资源 (1)
- 收藏
- 关注
原创 浏览器三种存储方式之间的区别
参考链接:浏览器三种存储方式之间的区别为什么要进行数据存储随着Web应用程序的出现,慢慢的也开始产生了对于能够直接在客户端上存储用户信息能力的要求,我们知道当我们访问某个页面的时候,很多东西都需要从服务器端进行加载,如果这个时候能将一些东西存储在客户端的话,是不是就可以直接拿来用啦,方便快捷,速度又快,又可以节省了很多不必要的请求,为什么不用呢?当某条广告更新的时候右上角出现小红点,用户点击过后就不出现小红点,直到广告更新的时候小红点再出现,这个功能当时我就用到了客户端数据存储来实现啦,其实像一些登
2021-11-01 12:38:49
1328
原创 回流与重绘
写在前面在讨论回流与重绘之前,我们要知道:浏览器使用流式布局模型 (Flow Based Layout)。浏览器会把HTML解析成DOM,把CSS解析成CSSOM,DOM和CSSOM合并就产生了Render Tree。有了RenderTree,我们就知道了所有节点的样式,然后计算他们在页面上的大小和位置,最后把节点绘制到页面上。由于浏览器使用流式布局,对Render Tree的计算通常只需要遍历一次就可以完成,但table及其内部元素除外,他们可能需要多次计算,通常要花3倍于同等元素的时间,这也
2021-11-01 12:37:47
146
原创 跨平台开发解决方案浅谈
跨平台开发解决方案浅谈前言本文所讨论技术都是基于大前端生态下的本文所指跨平台概念无特殊说明时泛指跨安卓和ios用前端工程化技术开发出app也是本文所讲重点作为用户来说,当然希望使用App的时候能够顺畅流利,不可否认的是,使用iOS和Android开发出来的应用非常流畅而且高效,但是缺点就是需要耗费较长的时间来开发,比如同一个App,需要在Android和iOS两端各自开发一遍,确实比较耗费人力和财力。所以人们希望选择使用跨平台应用来解决这一问题。一、什么是跨平台应用开发框架?开发人员可
2021-11-01 12:37:29
5186
原创 浅析node.JS中的Crypto模块
浅析node.JS中的Crypto模块包括hash算法,HMAC算法,加密算法知识,SSL协议hash算法1.创建hash实例通过crypto.createHash()函数,,创建一个hash实例,但是需要调用md5,sha1,sha256,sha512算法来实现实例的创建。const hash = crypto.createHash('md5')MD5是最常用的,但是他有一定的碰撞的问题,也可以使用更新的sha1算法2.加密数据通过hash.update('需要加密的字符串')函数,实
2021-10-31 15:24:52
976
原创 微任务、宏任务与Event-Loop
首先,JavaScript是一个单线程的脚本语言。所以就是说在一行代码执行的过程中,必然不会存在同时执行的另一行代码,就像使用alert()以后进行疯狂console.log,如果没有关闭弹框,控制台是不会显示出一条log信息的。亦或者有些代码执行了大量计算,比方说在前端暴力破解密码之类的鬼操作,这就会导致后续代码一直在等待,页面处于假死状态,因为前边的代码并没有执行完。所以如果全部代码都是同步执行的,这会引发很严重的问题,比方说我们要从远端获取一些数据,难道要一直循环代码去判断是否拿到了返回结果么?
2021-10-31 15:24:16
160
原创 常见网络攻击及防御方法总结(XSS、SQL注入、CSRF攻击)
从互联网诞生之初起,无时无刻不存在网络攻击,其中XSS攻击和SQL注入攻击是网站应用攻击的最主要的两种手段,全球大约70%的网站应用攻击都来自XSS攻击和SQL注入攻击。此外,常用的网站应用攻击还包括CSRF、Session劫持等。1、 XSS攻击 XSS攻击即跨站点脚本攻击(Cross Site Script),指的是攻击者通过篡改网页,注入恶意的HTML脚本,在用户浏览网页时,控制用户浏览器进行恶意操作的一种攻击方式。 常见的XSS攻击类型有两种,一种是反射型,攻击者诱使用户点击一个嵌入恶.
2021-10-31 15:23:10
3307
1
原创 react脚手架配置代理总结
react脚手架配置代理总结方法一在package.json中追加如下配置"proxy":"http://localhost:5000"说明:优点:配置简单,前端请求资源时可以不加任何前缀。缺点:不能配置多个代理。工作方式:上述方式配置代理,当请求了3000不存在的资源时,那么该请求会转发给5000 (优先匹配前端资源)方法二第一步:创建代理配置文件在src下创建配置文件:src/setupProxy.js编写setupProxy.js配置具体代理规则:const
2021-10-31 15:21:40
92
原创 react-ts项目使用地图
react-amap使用教程参考链接地理/逆地理编码REACT-AMAP问题描述boss直聘移动端页面展示的是一个地图图片我们决定展示地图,可以缩放,中心坐标为职位工作地点方案管理员发布职位时填写工作地址:省份+城市+区县+城镇+乡村+街道+门牌号码根据结构化地址信息请求高德地图接口,返回地理编码例如:结构化地址举例:北京市朝阳区阜通东大街6号转换后经纬度:116.480881,39.989410地标性建筑举例:天安门转换后经纬度:116.397499,39.908
2021-10-31 15:20:51
486
原创 React hook笔记
React hook笔记第一至九阐述hook基本概念,并以useEffect()为例子辅助理解第十和十一讲解react默认提供的四个钩子和创建自己的钩子,所以关于useEffect()会重复讲,但是代码十里不同,更有利于理解一、React的两套API类(class)和钩子(hooks)API任何一个组件,可以用类来写,也可以用钩子来写class Welcome extends React.Component { render() { return <h1>He
2021-10-31 15:17:56
115
原创 mongodb-node连接mongodb
MongoDB基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。NoSQL(NoSQL = Not Only SQL ),意即"不仅仅是SQL"。分布式系统是建立在网络之上的软件系统。正是因为软件的特性,所以分布式系统具有高度的内聚性和透明性。node中使用MongDBNoSQL的优点/缺点优点:- 高可扩展性- 分布
2021-10-31 15:16:16
441
原创 H5APP
H5app手机现在是互联网的最大入口。截至2021年6月,我国手机网民规模10.07亿,较2020年12月新增手机网民2092万,网民中使用手机上网的比例为99.6%。参考链接:H5 手机 App 开发入门:概念篇H5 手机 App 开发入门:技术篇一、H5 的含义表面上看,手机 App 都是同样的东西,就是手机上的应用程序,点击图标就能运行,但是它们的底层技术不一样。按照开发技术,App 可以分成三大类。原生应用(native application,简称 native App
2021-10-31 15:14:16
4352
1
原创 axios
axiosAxios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。npm axiosyarn add axiosnpm install --save axios vue-axiosimport axios from ‘axios’;暂不涉及一些拦截请求、取消请求等特性从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 J
2021-10-31 15:13:14
259
1
C语言/C++课程设计线性表集合交并差_代码+报告+讲解视频
2022-06-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人