Web技术分享
文章平均质量分 94
八了个戒
愿代码之火永不熄灭,技术之光照耀前行!
展开
-
关于嵌套使用 iFrame 出现 Refused to display in aframe 拒绝连接访问 和 ‘X-Frame-Options‘ to ‘SAMEORIGIN‘ 的解决方案【已解决】
目录问题描述原因分析问题解决总结今天在迁移旧项目时,出现了如下错误提示:Refused to display in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'问题描述当前项目是一个生产环境正常运行的项目,由于我们要迁移服务器并且部署 k8s,所以需要重新部署上线该项目。使用 iframe 的场景就是在一个容器中展示另一个页面(也是我们自己的页面,只不过域名不同)才会抛出这个错误。这个项目的在测试环境和生产环境都是可以正原创 2022-05-26 17:32:02 · 27083 阅读 · 2 评论 -
JavaScript 常用数组方法及使用技巧「数组的力量隐藏在数组方法中,必收藏」
JavaScript 中常用的数组的方法基本上也就这些了,大概整理了有27个。如果我们能够充分掌握,那么,在我们的项目开发过程中可能会大大提高我们的开发效率。原创 2022-01-24 18:09:54 · 1058 阅读 · 0 评论 -
软考中级之软件设计师复习备考策略分享——2021.11【资料分享】
前言由于经历过上一次毫无准备的裸考之后,决定下半年要好好准备一下,突然发现离考试就剩下一个多月的时间了。相信大家准备考试一般都需要一份明确的复习计划,那么,它来了。如果觉得有用,不用忘记点赞收藏哦~话不多说,先来一份软件设计师考点体系图:考试介绍考试全称:全国计算机技术与软件工程专业技术资格考试,分为初、中、高级,详细介绍可以 百度一下软件设计师考试属于软考中的中级考试,一年两次,考试时间一般在5月底和11月初。软件设计师考试分上午场和下午场考试,上午场:考点:综合知识(详细可参原创 2021-09-22 22:31:49 · 3001 阅读 · 1 评论 -
【面试总结系列】CSS 预编译器 Sass、Less、Stylus 三者之间的比较详解
想要查看关于 CSS 的相关面试题,请移步至 面试题 - CSS 篇 查看,其他内容面试题请移步至 2021 最新最全的前端面试题集锦 查看。CSS-当前主流的三种预编译器什么是预编译器:CSS预编译器用一种专门的编程语言,进行Web页面样式设计,然后再编译成正常的CSS文件,以供项目使用;优点:可以让我们的CSS代码更加简洁、适应性更强、可读性更佳,更易于代码的维护等诸多好处。当前主流的三种预编译器:SassLessStylus比较:比较一:基本语法首先 Sass 和 .原创 2021-07-09 10:20:32 · 911 阅读 · 0 评论 -
JavaScript 数组相关操作方法(数组去重、Array 常用方法 API)【详细总结,值得收藏】
一、数组去重的方法ES6 Set 去重function unique (arr) { return Array.from(new Set(arr)) // Array.from() 方法从一个类似数组或可迭代对象创建一个新的}var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];cons原创 2021-07-13 15:24:23 · 335 阅读 · 1 评论 -
前端常见登录实现方案 + 单点登录方案
登录是每个网站中都会用到的一个必备功能,但是如何实现一个优秀的登录功能,如何根据自己的项目来选择一个适合自己的登录方案?今天我们就来介绍几种常用的登录方案。Cookie + Session 登录Token 登录SSO 单点登录OAuth 第三方登录一、Cookie + Session 登录HTTP 是一种无状态的协议,客户端每次发送请求时,首先要和服务器端建立一个连接,在请求完成后又会断开这个连接。这种方式可以节省传输时占用的连接资源,但同时也存在一个问题:每次请求都是独立的,服务器端无法原创 2021-02-25 16:04:27 · 8144 阅读 · 1 评论 -
ES5 规范之严格模式详解
前言ECMAScript 5最早引入了 “严格模式”(strict mode)的概念。通过严格模式,可以在函数内部存在的错误,及时捕获一些可能导致编程错误的 ECMAScript 行为。理解严格模式的规则非常重要,ECMAScript 的下一个版本将以严格模式为基础制定。支持严格模式的浏览器包括 IE10+、Firefox 4+、Safari 5.1+ 和 Chrome。严格模式的目...原创 2020-03-08 21:01:20 · 399 阅读 · 0 评论 -
前端工程化工具gulp之工具下载失败解决方案
大家在使用前端工程化工具gulp的时候总是会出现下载失败的问题,那么下面我来告诉你,如何自己轻松解决。换个热点重新下载;执行指令 npm cache clear --force , 重复1;如果2不生效,找到 npm 的缓存文件删除掉;(npm 的缓存文件默认在路径 C:\Users\Administrator 中)找到 npmrc | nrmrc 直接删除,再从1 开始重新尝试;如...原创 2020-04-09 19:51:14 · 415 阅读 · 0 评论 -
微信小程序安全浅析
引言近期微信小程序重磅发布,在互联网界掀起不小的波澜,已有许多公司发布了自己的小程序,涉及不同的行业领域。大家在体验小程序用完即走便利的同时,是否对小程序的安全性还存有疑虑。白泽日前对微信小程序进行初步的安全技术分析,在此整理出来抛砖引玉,如有描述不当的地方,欢迎纠正,轻拍。本文中,大白将从小程序的框架、功能模块安全、账户使用安全方面进行剖析,希望能为各位泽友带来不一样的认知。一、小程序框架概述在第一部分小程序框架概述中,将介绍小程序抽象框架、小程序调用框架和小程序初始化流程。下面让大白来逐转载 2020-11-10 14:01:09 · 3181 阅读 · 0 评论 -
CSS选择器的优先级的计算方法以及特殊情景分析【精华版】
最近在整理关于 CSS 的面试题,不免就会涉及到 css 的选择器的相关问题,所以就拿出来单独分析一下,特此整理,不论是在实际开发中还是面试中,都是非常有用的,希望可以帮助到大家。2021 最新最全的前端面试题集锦之 CSS 篇 。一、CSS优先级比较!important > 内联样式 > id > class > 标签 > 通配符 > 继承 > 默认二、CSS权重值计算我们把特殊性分为五个等级,每.原创 2021-01-18 14:26:08 · 233 阅读 · 0 评论 -
Vue3应用之使用Vite搭建Vue3项目以及TypeScript、Vue Router、Vuex、Ant Design的使用
尤大的 Vue3.0 已经发布有一阵子了, 已经很成熟了。今天想起来,是时候该上手体验分享一波了。前言大家都知道,在 Vue3 生态系统中有一个新构建工具 Vite ,它的开发服务器比 Vue CLI 快 10 ~ 100倍,是不是很好奇?具体的内容可以移步至:迟到的 Vue3.0 与 Vite 的体验学习总结 的 七、Vite 与 Vue CLI 阅读。本文将主要分享如何使用 Vite 来创建一个 Vue3.0 的项目,并且结合相关内容(TypeScript、Vue Router、Vuex、An.原创 2021-01-05 18:06:59 · 15096 阅读 · 11 评论 -
迟到的 Vue3.0 与 Vite 的体验学习总结
尤大的 Vue3.0 已经发布有一阵子了, 已经很成熟了。今天想起来,是时候该上手体验一波了。Vue3中文文档 - vuejsVue3.0 亮点Performance:性能更比Vue 2.0强;Tree shaking support:可以将无用模块“剪辑”,仅打包需要的;Composition API:组合式API;Fragment, Teleport, Suspense:“碎片”,Teleport 即 Protal 传送门,“悬念”;Better TypeScript support.原创 2020-12-29 11:20:40 · 1181 阅读 · 7 评论 -
最新最全的前端面试题集锦之 CSS 篇
最新最全的前端面试题集锦之 CSS 篇原创 2021-01-20 14:10:06 · 1043 阅读 · 0 评论 -
最新最全的前端面试题集锦之 HTML 篇
最新最全的前端面试题集锦之 HTML 篇原创 2021-01-15 11:33:56 · 1429 阅读 · 1 评论 -
微信小程序优化之函数节流与函数防抖(代码封装)
小程序开发完成,闲来无事想要优化一下,就要用到这个函数节流和函数防抖了。这两个内容也算是老生常谈的问题了,他们都能优化js的性能,减少函数触发,减少页面请求。原创 2020-12-16 10:08:25 · 736 阅读 · 0 评论 -
微信小程序开发之分享转发功能多种实现方案(论函数复用的几大姿势)
本文主要用来实现微信小程序的分享转发功能,是将一个小程序转发给其他朋友或者是群聊中,并且目前在微信小程序中如果想要设置全局转发,那又该如何操作呢,关于这个问题,我将分享一篇文章【论函数复用的几大姿势】,下面我也会详细进行介绍。官方文档:微信小程序 · 转发情景一:不带参数直接转发onShareAppMessage: function() { return { title: '转发标题', path: '/pages/index/index', success: function(re.原创 2020-11-04 14:26:56 · 2064 阅读 · 0 评论 -
【亲自实践总结】微信小程序WebSocket通信之TCP通信demo(协议分析 + 前端小程序代码 + 后端node.js代码)
文章目录原创 2020-10-28 14:56:42 · 7955 阅读 · 4 评论 -
高级Web前端JavaScript面试题
JavaScript 常见面试题高级Web前端必会面试题知识点一、浅拷贝 VS 深拷贝,手写一个深克隆其实深拷贝和浅拷贝都是针对的引用类型,JS中的变量类型分为值类型(基本类型)和引用类型;对值类型进行复制操作会对值进行一份拷贝,而对引用类型赋值,则会进行地址的拷贝,最终两个变量指向同一份数据,此时如果对其中一个进行修改,就会影响到另外一个。根据拷贝的层级不同可以分为浅拷贝和深拷贝,浅拷贝就是只进行一层拷贝,深拷贝就是无限层级拷贝。浅拷贝:实现方式很简单,实现原理就是遍历对象属性。slice原创 2020-09-08 08:31:34 · 383 阅读 · 0 评论 -
浅拷贝 VS 深拷贝,并且手写一个深拷贝(深克隆)
1. 首先使用JSON.parse来实现一个深拷贝let test = { x : 1, y : 2, z : { a : 4, b : 5 }}// 深拷贝let result = JSON.parse(JSON.stringify(test));// 改变拷贝后的值result.z.a = 40;console.log(test);console.log(result);2. 手写实现深拷贝在这里插入代码片...原创 2020-06-24 08:30:48 · 1139 阅读 · 1 评论 -
前端常见浏览器跨域请求解决方案
参考文章:https://segmentfault.com/a/1190000011145364参考文章:https://www.cnblogs.com/PheonixHkbxoic/p/5760838.html在浏览器请求中,出现跨域访问资源的问题,我们肯定会遇到。如果跨域请求被阻止,有可能导致css、js 、ajax请求、font字体等资源出现无法正常访问的问题。跨域跨域是指一个域下的文档或者脚本试图去请求另一个域下的资源。广义的跨域资源跳转:a链接跳转、重定向、表单提交;资源嵌.原创 2020-09-03 21:54:46 · 1103 阅读 · 0 评论 -
CSRF攻击与防御,值得一看
参考原文内容:https://blog.csdn.net/xiaoxinshuaiga/article/details/80766369本文章已根据自己理解进行更改CSRF概念CSRF 跨站点请求伪造(Cross—Site Request Forgery),跟XSS攻击一样,存在巨大的危害性,你可以这样来理解:攻击者盗用了你的身份,以你的名义发送恶意请求,对服务器来说这个请求是完全合法的,但是却完成了攻击者所期望的一个操作,比如以你的名义发送邮件、发消息,盗取你的账号,添加系统管理员,甚至于购买.转载 2020-09-03 20:02:49 · 355 阅读 · 0 评论 -
Cookie、Session和Token认证详解
前言:HTTP是一种无状态的协议,为了分辨链接是谁发起的,需要浏览器自己去解决这个问题。不然有些情况下即使是打开同一个网站的不同页面也都要重新登录。而Cookie、Session和Token就是为了解决这个问题而提出来的两个机制用户通过浏览器登录一个网站,在该浏览器内打开网站其他页面时,不需要重新登录。而HTTP是无状态的协议,那么网站后端是如何判断用户已经登陆了呢?不同的网站,判断用户登录状态的方法都不一样。有的网站是通过session来验证用户的登录状态,有的网站是通过token来验证用户的登录状.转载 2020-09-03 19:38:21 · 1348 阅读 · 0 评论