前端架构
文章平均质量分 69
望京十三兄
这个作者很懒,什么都没留下…
展开
-
前端安全及加解密
信息系统中可选用的通用密码算法主要包括SM2、SM3、SM4 等,不应使用MD5、DES、SHA-1、RSA-1024 等被证明存在安全 风险的密码算法。信息系统使用了MD5、DES、SHA-1、RSA-1024 等密码算法的,应在系统升级改造时逐步替换成国产密码算法。原创 2024-03-07 17:33:55 · 398 阅读 · 1 评论 -
webpack认知与项目实践
webpack是一个前端模块化打包解决方案,又是一个可以融合运用各种前端新技术的平台,可以将零散的JS代码打包到一个JS文件中原创 2022-10-21 17:05:20 · 2301 阅读 · 0 评论 -
项目配置文件规范
Git忽略文件:.gitignore# Misc files*~~*._*.DS_StoreDesktop.iniThumbs.db.Spotlight-V100.Trashes # dependenciesnode_modules/.pnp.pnp.js # testing/coverage # Output filesdist/ # local env files.env.local.env.*.local # Log filesnpm-debu原创 2022-04-26 14:27:22 · 73 阅读 · 0 评论 -
READNE规范
Introduction——介绍项目首先,有一个项目名称,当然,如果有logo更好。Features再接下来,一个好的项目简介,能够帮助使用者了解他能够使用这个工具干什么,能不能满足自己的需求。一般来说,我们希望从简介中,了解下面一些信息:什么语言写的?Node、Python 还是其他什么 这个项目的用途是什么 最新版本信息 构建、测试结果等信息 Demo 演示地址或者官网Installation——安装这部分是告诉使用者如何快速开始使用。首先,告诉用户如何去获取以及初始化原创 2022-04-26 14:22:56 · 112 阅读 · 0 评论 -
前端性能优化
浏览器 加载和dom原创 2022-04-17 11:15:38 · 65 阅读 · 0 评论 -
前端离线存储
前端离线重要性离线优先是给用户体验最好的,不管是接口请求还是什么操作 Application Cache 与 Cache Storage 不管是浏览器缓存还是APP的缓存,都可以采用Application Cache或者 Cache Storage 缓存。请求接口,拿到后台数据进行与Application Cache进行比较,如果一样,直接展示,如果不一样,展示后台数据,同时异步进行更新Application Cache数据。 Application Cache 实现:开启缓存 <!D.原创 2022-04-14 20:40:37 · 860 阅读 · 0 评论 -
大起底 ajax 、axios 和fetch
1. ajax传统 Ajax 指的是 XMLHttpRequest(XHR), 最早出现的发送后端请求技术,隶属于原始js中,核心使用XMLHttpRequest对象,多个请求之间如果有先后关系的话,就会出现回调地狱。使用:var xhr = new XMLHttpRequest();xhr.open('GET','请求的服务器地址',true);xhr.setRequestHeader(header,value);xhr.onreadystatechange = function()原创 2021-08-29 22:18:03 · 228 阅读 · 0 评论 -
对 Promise 的若干次重试
问题描述:实现一个 retry 方法可以对 promise 进行重试若干次,要求- 如果 promise 正常返回结果,那么直接返回正常的结果- 如果 promise 出错并且没有达到重试上限,进行重试- 如果达到了重试上限还是出错,将错误抛出......原创 2021-05-12 10:54:17 · 529 阅读 · 0 评论 -
JS 知识点总结归纳(中高级)
1. 如何判断当前脚本运行在浏览器还是 node 环境中?(阿里)this === window?'browser':'node'通过判断 Global 对象是否为window,如果不为window ,当前脚本没有运行在浏览器中。2. IE 和标准下有哪些兼容性写法?var ev = ev || window.eventdocument.documentElement....原创 2020-04-06 21:25:08 · 775 阅读 · 1 评论 -
前端面试题(中高级)
面试题1、 请详细说明在哪些情况下会出现跨域问题?解决跨域的方案有哪些?解答:浏览器执行的一个脚本与其他资源如果不同源即为跨域。解决方式有Jsonp:利用script标签src外联引入文件不受同源策略限制,可以在页面动态添加script ,引入后端api接口地址,并以get的方式将前端回调处理函数名称告诉后端,后端响应请求时将回调返回,并将数据以参数形式传递回去 document..........原创 2019-09-07 16:50:01 · 3520 阅读 · 0 评论 -
React 一些重要知识总结
1. 对比真实DOM和虚拟DOMReal DOM: 更新缓慢;可以直接更新HTML;如果元素更新,则创建新DOM;DOM 操作代价很高;消耗内存较多。VirtualDOM :更新更快;无法直接更新 HTML;如果元素更新,则更新 JSX;DOM操作非常简单;很少的内存消耗。2.React 有什么特点?React 的主要功能有:使用虚拟 DOM 而不是真正的 DOM ; 可以进......原创 2020-04-03 15:54:53 · 359 阅读 · 1 评论 -
浏览器相关知识点总结
判断浏览器内核判断是否原生Chrome:只有原生Chrome中存在一种MimeType“application/vnd.chromium.remoting-viewer”,由此可以判断浏览器是加壳Chrome或是原生Chrome。判断是否为IE浏览器:只有IE内核的浏览器存在ActiveXObject对象。由此可以判断是否为IE浏览器.........原创 2021-02-27 18:56:43 · 859 阅读 · 1 评论 -
redux 的用法
redux 的用法import {createStore} from 'redux'const store = createStore(counter);store.dispatch({type:'INCREMENT'});const counter =( state =0,action)=>{ switch(action.type){ case 'INCREMENT': return state+1 default..原创 2021-01-06 22:38:17 · 183 阅读 · 0 评论 -
前端中高级-网络篇
一、浏览器中输入:“`www.xxx.com`” 之后都发生了什么?请详细阐述?解析:经典的网络协议问题。答:由域名→IP地址 寻找IP地址的过程依次经过了浏览器缓存、系统缓存、hosts文件、路由器缓存、 递归搜索根域名服务器。 建立TCP/IP连接(三次握手具体过程) 由浏览器发送一个HTTP请求 HTTP协议是一种基于TCP/IP的应用层协议,进行HTTP数据请求必须先建立TCP/IP连接 可以这样理解:HTTP是轿车,提供了封装或者显示数据的具体形式;Socket是发动机,提供了网络原创 2020-08-01 10:53:08 · 2533 阅读 · 0 评论 -
loader 和 plugin 区别和自己手动实现
loader loader从字面的意思是加载。 由于webpack 本身只能打包commonjs规范的js文件,对css、图片等格式的文件无法打包,就需要引入第三方的模块进行打包。 loader虽然是扩展了 webpack ,但是它只专注于转化文件(transform)这一个领域,完成压缩,打包,语言翻译。 loader是运行在NodeJS中,仅仅只是为了打包。 如:css-loader和style-loader模块是为了打包css的 ...原创 2020-07-31 09:53:58 · 624 阅读 · 0 评论 -
react 高阶组件的两种写法
代理方式高阶组件 export default ()=> WrappedComponent => class A extends Component { render (){ const { ...otherProps } = this.props return <WrappedComponent {...otherProps}/> }} 继承方式高阶组件 export default ()=> WrappedComponent =>原创 2020-07-06 21:37:18 · 739 阅读 · 0 评论 -
TypeScript中的泛型的理解
把类型当作是参数一样传递 <数据类型>只能是引用类型定义泛型:function identity<T>(arg: T): T { return arg;}我们把这个版本的identity函数叫做泛型,因为它可以适用于多个类型。使用泛型:两种方法第一种是,传入所有的参数,包含类型参数let output = identity<string>("myString"); // type of output will be 's...原创 2020-05-23 12:07:50 · 335 阅读 · 0 评论 -
什么网站能赚钱
现在都已经2020年了 ,还能通过网站赚钱吗?今天就说说哪些类型的网站是可以赚钱的。专业知识类型网站。如:木匠教学网站、分享美食做法的网站、知乎是这方面的网站也开始赚钱 工具类型网站。 排列组合内容型网站。如:手机号码排序查询并显示归属地等、电话号码查询、拼音查询、邮编查询等、查询有关春天的诗句、最佳进球排行榜查询、中国排名网站 chinaTop100.com how to 类型网站。 weiki 类型网站。如:维基百科再创新类型、表情介绍网站 产品资料介绍网站。对产品汇总介绍,可结合内容原创 2020-05-14 22:24:20 · 412 阅读 · 0 评论 -
异步编程的回调函数形式和发布订阅模式
1. 回调函数形式:function f1(callback){ callback();}function f2(callback){ callback();}function f3(callback){ callback();}f1(f2(f3));这种方式优点是思路清晰,以串行的方式进行编程。缺点是会形成回调地狱,过多的回调使代码难以理解,难...原创 2020-04-06 11:08:15 · 658 阅读 · 0 评论 -
js设计模式
设计模式都是面向对象的工厂模式 function newObj(name,age){ var o = new Object(); o.name = name; o.age = age; return o; } var obj = newObj(); 工厂函数就是做一个对象创建的封装,并将创建的对象 return 出去。 单例模式 var Instance =...原创 2019-09-28 16:54:38 · 88 阅读 · 0 评论