°PJ想做前端攻城狮_前端,JS,Vue 从0到1-CSDN博客

转载 ACM模板

目录 STL 标准模版库 STL 简介STL pairSTL setSTL vectorSTL stringSTL stackSTL queueSTL mapSTL bitsetSTL iterator简介STL algorithm Number 数论欧拉函数PHIGCD 修改 2018.6.1线性方程组（高斯消元）模线性方程（组）素数相关合数相关组合数学相关Polya计数最大1矩阵约瑟夫环...

2021-05-15 15:03:10 314 6

转载 ACM算法训练

看完人家的博客，发现任重道远。。。一位高手对我的建议：一般要做到50行以内的程序不用调试、100行以内的二分钟内调试成功.acm主要是考算法的，主要时间是花在思考算法上，不是花在写程序与debug上。下面给个计划你练练：第一阶段：练经典常用算法，下面的每个算法给我打上十到二十遍，同时自己精简代码，因为太常用，所以要练到写时不用想，10-15分钟内打完，甚至关掉显示器都可以把程序打出来....

2019-09-14 13:38:11 4562 2

原创小程序之定位语音识别=＞插件：微信同声传译

说明:文章部分内容及图片出自网络，如有侵权请与我本人联系(主页有公众号:小攻城狮学前端)作者：小只前端攻城狮、主页：小只前端攻城狮的主页、首发：掘金GitHub：P-J27、CSDN：PJ想做前端攻城狮著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。引言这是在我做毕设时，涉及到的一个功能点，在小程序上做语音录入&识别。这里把如何实现给大家分享一下。有做过wx小程序应该都知道，官方文档说的话==没说。如果有人以后需要做类似的功能，希望有帮助。避免在官方文档上.

2022-05-02 15:42:26 2478 3

原创小程序之定位签到打卡=＞腾讯地图SDK

小程序上做`定位签到打卡`。这里把如何实现给大家分享一下。有做过wx小程序应该都知道，`官方文档说的话==没说`。如果有人以后需要做类似的功能，希望有帮助。避免在官方文档上浪费大把时间。

2022-04-22 16:54:11 4176

原创 CSS的伪类/元素选择器，我也想你知道！！！

说明:文章部分内容及图片出自网络，如有侵权请与我本人联系(主页有公众号:小攻城狮学前端)作者：小只前端攻城狮、掘金：小只前端攻城狮的主页、GitHub：P-J27、CSDN：PJ想做前端攻城狮著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。场景引入前端攻城狮们大都或多或少地接触过CSS伪类和伪元素，比如最常见的:focus,:hover以及<a>标签的:link、visited等，伪元素较常见的比如:before、:after等。这些在真实场景上出现的...

2021-09-08 11:19:26 356 20

原创 ☀️详解Flex布局，从理论到案例实践(二）

前言上一篇说到了容器属性，本文就接着来讲项目属性。上一篇传送门如何理解容器属性和项目属性？容器属性是加在容器上的，那么项目属性呢，就是写在项目上的，就好比容器属性给ul，项目属性给li。ul这个容器里面放了很多li项目。我是这么来理解的。好了，言归正传，xdm准备好了么？项目属性order取值：默认0，用于决定项目排列顺序，数值越小，项目排列越靠前。flex-grow取值：默认0，用于决定项目在有剩余空间的情况下是否放大，默认不放大；注意，即便设置了固定宽度，也会放大。假..

2021-08-07 14:55:56 325 27

原创 ☀️详解Flex布局，从理论到案例实践(一)

前言最开始接触flex布局，就是在接触居中布局时，看见 justify-content:center与align-items:center。完全看不懂。于是就去学flex。我想除了我之外的大部分人，也都是在被flex垂直水平居中方式所惊艳后才对其有所了解，以至于在日常开发中对于flex的使用，也确实更偏向于元素对齐方式的使用。这里我就想做一个系列来好好的讲一讲flex布局。Flex布局是什么？Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。..

2021-08-05 17:45:37 292 35

原创 ☀️BFC是什么？如何触发？有什么应用场景？

面试官：说一说BFC吧我：??那是啥…????BFC是什么BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与，它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。BFC是一个独立的布局环境，其中的元素布局是不受外界的影响，并且在一个BFC中，块盒与行盒（行盒由一行中所有的内联元素所组成）都会垂直的沿着其父元素的边框排列。触发条件一个HTML元素要创建BFC，

2021-08-01 14:25:32 435 28

原创什么是重绘和重排？如何去避免？

前言面试官：既然你刚刚提到了重绘和重排，那就说一说吧。我：。。。????我们首先来回顾一下渲染流水线的流程:回流首先介绍回流。回流也叫重排。触发条件简单来说，就是当我们对 DOM 结构的修改引发DOM 几何尺寸变化的时候，会发生回流的过程。比如以下情况一个 DOM 元素的几何属性变化，常见的几何属性有width、height、padding、margin、left、top、border 等等, 这个很好理解。使 DOM 节点发生增减或者移动。读写 offset族、scroll族

2021-07-28 13:32:06 1112 26

原创 ☀️Rest参数和扩展运算符

面试官：说说你知道es6的新特性我：比如扩展运算符和rest参数面试官：好，那你说说他们的区别?我：…????????前言ES6中的三个点 … 有两个名字:rest参数和扩展运算符.当用在函数定义时的形参前面时,称为rest参数,当函数调用时,用于接收不确定的参数.当与解构赋值组合使用时,称为rest参数,用于接收剩余的值,存储在数组中.当用在字符串或数组前面时称为扩展运算符,将数组或字符串进行拆解.rest参数ES6 引入 rest 参数，用于获取函数的实参，用来代替 arg

2021-07-27 11:01:53 217 13

原创 ☀️作用域是什么？作用域链又是什么？你怎么理解？

面试官:跟我说说你对作用域和作用域链的理解吧。我：。。。????作用域作用域就是代码的执行环境，全局执行环境就是全局作用域，函数的执行环境就是私有作用域，它们都是栈内存。执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象，环境中定义的所有变量和函数都保存在这个对象中。虽然我们编写的代码无法访问这个对象，但解析器在处理数据时会在后台使用它。全局作用域最外层函数和最外层函数外面定义的变量拥有全局作用域所有未定义直接赋值的变量自动声

2021-07-25 10:14:58 392 10

原创 JS如何实现数组扁平化？不同的方法有什么区别？

面试官:给我手写一个数组扁平化吧，我不要flat。我：。。。????前言数组扁平化？听起来好像灰常的好大上？真的吗？那数组扁平化到底是什么？怎么实现呢？数组的扁平化处理，其实就是多维数组转化为一维数组。如下，将上面这个数组转化为下面的数组那怎么去实现呢？别着急。我们一个一个说。ES6的flatary = arr.flat(Infinity)console.log([1, [2, 3, [4, 5]]].flat(Infinity))Array.protype.flat().

2021-07-24 14:38:45 276 31

原创 ☀️数字图像处理期末复习宝典(再也不用熬夜复习了)

填空均值滤波用3*3的模版对图像进行均值滤波，如图所示，求该图像块的中心点滤波后的像素值。答案：均值滤波后，中心点像素值为5。 3*3个格子求和求均值为中心点像素。中值滤波用3*3的模版对图像进行均值滤波，如图所示，求该图像块的中心点滤波后的像素值解：中值滤波后，中心点像素值为5。将3*3个格子顺序排列取中值。2、3、4、4、5、6、6、7、8水平方向一阶锐化对图像进行水平方向的一阶锐化，水平方向一阶锐化的系数矩阵为H=[1 2 1; 0 0 0; -1 -2 -1]。某3*

2021-07-01 22:01:58 1815 16

原创 ☀️数据挖掘期末复习汇总（再也不用熬夜复习了）

填空题欧几里得距离（欧氏距离）例题：测试样本，属性为：[1,0,2]，训练样本，属性为：[2,0,2]，求测试样本到训练样本的欧氏距离。答案：1公式参考余弦相似度例题：x=[3,2,0,5,0,0,0,2,0,0],y=[1,0,0,0,0,0,0,1,0,2],求两者之间的夹角余弦相似度答案：0.31公式参考简单匹配系数例题：x=[0,1,1,0,0],y=[1,1,0,0,1],求两者之间的简单匹配系数答案：0.4公式参考Jaccard系数例题：x=

2021-06-26 18:07:23 4291 16

原创 ☀️什么是CSRF攻击？要如何来防范？

前言面试官：给我讲讲网站常会受到哪些攻击，怎么去防范呢我：比如XSS攻击，SQL注入等还有CSRF。面试官：好，你给我详细说说CSRF吧。我：????????。。。。什么是 CSRF跨站请求伪造（英语：Cross-site request forgery），也被称为 one-click attack 或者 session riding，通常缩写为CSRF 或者 XSRF，是一种挟制用户在当前已登录的 Web 应用程序上执行非本意的操作的攻击方法。如:攻击者诱导受害者进入第三方网站，在第三

2021-06-23 10:18:12 313 8

原创 ☀️什么是XSS攻击？怎么来防范？

什么是 XSS 攻击？XSS 全称是 Cross Site Scripting(即跨站脚本)，为了和 CSS 区分，故叫它XSS。XSS 攻击是指浏览器中执行恶意脚本(无论是跨域还是同域)，从而拿到用户的信息并进行操作。这些操作一般可以完成下面这些事情:窃取Cookie。监听用户行为，比如输入账号密码后直接发送到黑客服务器。修改 DOM 伪造登录表单。在页面中生成浮窗广告。通常情况，XSS 攻击的实现有三种方式——存储型、反射型和文档型。存储型存储型，顾名思义就是将恶意脚本存储了...

2021-06-20 22:13:26 478 35

原创 ☀️post和get到底有哪些区别？

前言面试官：说一说get和post的区别吧。我：????…从应用层次上来说，post和get主要有着以下的几类的区别。大小区别： Get 传递的内容一般存在大小限制， Post 理论上没有。因为浏览器对 URL 存在限制的（谷歌:8kb,火狐:7KB,IE:2kb的长度），超出 URL 长度的，就会对 UR 字段进行截取。缓存区别： Get 请求会出现浏览器把请求内容缓存下来(这个缓存不一定是304)， POST 是没有缓存的。解决缓存问题，一般会在 URL 后边加一个随机数

2021-06-15 16:43:26 18260 32

原创 ☀️七分钟学会手写防抖和节流

前言面试官：来手写一个防抖和节流吧。我：????…防抖 (debounce)防抖，顾名思义，防止抖动，以免把一次事件误认为多次，敲键盘就是一个每天都会接触到的防抖操作。想要了解一个概念，必先了解概念所应用的场景。在 JS 这个世界中，有哪些防抖的场景呢登录、发短信等按钮避免用户点击太快，以致于发送了多次请求，需要防抖调整浏览器窗口大小时，resize 次数过于频繁，造成计算过多，此时需要一次到位，就用到了防抖文本编辑器实时保存，当无任何更改操作一秒后进行保存代码如下，可以看出来防

2021-06-14 11:54:43 428 20

原创 ☀️HTTP和HTTPS的区别？HTTPS怎么加密的？

前言面试官：谈谈http和https吧。那https是怎么加密的？我：????…基本概念HTTP互联网上应用最为广泛的一种网络协议，超文本传输协议，是一个基于请求与响应，无状态的，应用层的协议，常基于TCP/IP协议传输数据, 是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。HTTPS是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是SSL，

2021-06-10 19:46:37 4109 89

原创 ☀️Vue2.0为什么不能检查数组的变化？又该如何解决？

前言我们都知道，Vue2.0对于响应式数据的实现有一些不足：无法检测数组/对象的新增无法检测通过索引改变数组的操作。分析无法检测数组/对象的新增？Vue检测数据的变动是通过Object.defineProperty实现的，所以无法监听数组的添加操作是可以理解的，因为是在构造函数中就已经为所有属性做了这个检测绑定操作。无法检测通过索引改变数组的操作。即vm.items[indexOfItem] = newValue？官方文档中对于这两点都是简要的概括为“由于JavaSc...

2021-06-08 21:53:20 689 16

原创 ☀️七分钟教会你手写call、apply和bind

前言面试官：如何改变 this 的指向？以及三者的共同点和不同点我们：我们可以通过调用函数的 call、apply、bind 来改变 this 的指向。面试官：来实现其中一个。我们：…????温习一下call、apply、bind的异同共同点：功能角度：三者都能改变this 指向，且第一个传递的参数都是 this 指向的对象。传参角度：三者都采用的后续传参的形式。不同点：传参方面： call 的传参是单个传递（序列），而 apply 后续传递的参数是数组形式。而 bi

2021-06-07 20:17:51 239 12

原创 JavaScript基础--typeof和数据类型转换

????前言变量的数据类型转换：将一种数据类型转换为另外一种数据类型。通常有三种形式的类型转换：转换为字符串类型转换为数字型转换为布尔型你会专门把某个数据类型转换成 null 或者 undefined 吗？不会，因为这样做，没有意义。????typeof 运算符我们先来讲一下 typeof，再讲类型转换。typeof()表示“获取变量的数据类型”，返回的是小写，语法为：（两种写法都可以）// 写法1typeof 变量;// 写法2typeof(变量);ty

2021-06-02 15:42:41 330 17

原创 JavaScript基础--变量的数据类型

????变量的数据类型✨为什么需要数据类型在计算机中，不同的数据所需占用的存储空间不同，为了充分利用存储空间，于是定义了不同的数据类型。而且，不同的数据类型，寓意也不同。我们都知道，无论这个变量是字符串类型，还是数字类型，我们都可以直接用 var 去定义它。比如：var a = 'hello word';var b = 123;为什么可以这样做呢？这是因为：JavaScript 是一种「弱类型语言」，或者说是一种「动态语言」，这意味着不需要提前声明变量的类型，在程序运行过程中，类型会自动被确

2021-06-01 23:55:30 253 22

原创 JavaScript基本数据类型之Null和Undefined

????前言很多其他的语言中，只有 null；但 JS 语言中，既有 null，又有 undefined。很多人会弄混，由此觉得 JS 语言很麻烦。其实不然，学习完这篇文章后，你会发现 null 和 undefined 的区别很容易理解。????Null：空对象null 专门用来定义一个空对象（例如：let a = null）。如果你想定义一个变量用来保存引用类型，但是还没想好放什么内容，这个时候，可以在初始化时将其设置为 null。比如：let myObj = null;cosole.log

2021-05-31 20:58:41 436 18

原创 JavaScript基本数据类型之Number

????数值型：Number在JS中所有的数值都是 Number 类型，包括整数和浮点数（小数）。 var a = 100; // 定义一个变量 a，并且赋值整数100 console.log(typeof a); // 输出变量 a 的类型 var b = 12.3; // 定义一个变量 b，并且赋值浮点数 12.3 console.log(typeof a);上方代码的输出结果为：numbernumber再次补充：在 JS 中，只要是数，就是 Number 数值型的。无论整浮、浮

2021-05-31 10:15:23 690 22

原创 JavaScript基本数据类型之String 和 Boolean

????String 字符串✨语法字符串型可以是引号中的任意文本，其语法为：双引号 "" 或者单引号 ''。来看个示例。下面的这些，都是字符串： var a = "abcde"; var b = "地球炒蛋"; var c = "123123"; var d = '哈哈哈哈哈'; var e = ""; //空字符串 var f = haha; // 没使用引号，到这里会直接报错。因为会被认为是js代码，但是之前并没有定义 haha。✨引号的注意事项1、单引号和双引号不能混用

2021-05-30 22:48:51 375 26

原创 ☀️看完这篇深浅拷贝（js版），再也不怕面试官了。

面试官：写个深浅拷贝吧。我：…????(原地爆炸)什么是深浅拷贝？对基本类型的拷贝就是对值复制进行一次拷贝，而对于引用类型来说，拷贝的不是值，而是值的地址，最终两个变量的地址指向的是同一个值。还是以前的例子：要想将 obj1 和 obj2 的关系断开，也就是不让他指向同一个地址。根据不同层次的拷贝，分为深拷贝和浅拷贝。浅拷贝：只进行一层关系的拷贝。深拷贝：进行无限层次的拷贝。浅拷贝：只考虑对象类型。function shallowCopy(obj) { if (type

2021-05-28 10:53:41 263 38

原创 ☀️知道这些HTTP状态码，再也不怕面试官了。

面试官：说一说常见状态码代表不同的含义？RFC 规定 HTTP 的状态码为三位数，被分为五类:1xx: 表示目前是协议处理的中间状态，还需要后续操作。2xx: 表示成功状态。3xx: 重定向状态，资源位置发生变动，需要重新请求。4xx: 请求报文有误。5xx: 服务器端发生错误。接下来就一一分析这里面具体的状态码。1xx: 信息性状态码。100 ：接收的请求正在处理。101 : Switching Protocols。在HTTP升级为WebSocket的时候，如果服...

2021-05-26 21:02:09 610 49

原创【前端面试--JS】=＞谈谈事件冒泡、事件捕获和事件委托

前言事件冒泡、事件捕获、事件委托、事件绑定可以说是JavaScript基础中最为重要的知识点公司：腾讯DOM事件流事件流描述的是从页面中接收事件的顺序。事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即DOM事件流。包括三个阶段：事件捕获阶段处于目标阶段事件冒泡阶段我们知道，在dom模型中，html是多层次的，当一个html元素上产生事件时，该事件会在dom树元素节点之间按照特定的顺序去传播。传播路径的每一个节点，都会收到这个事件，这就是dom事件流。当事件发生后，

2021-05-26 00:08:59 1295 28

原创【前端面试--JS】=＞关于async/await、promise和setTimeout的执行顺序

前言之前面试遇到这样一个题目。关于async/await、promise和setTimeout的执行顺序，当时没做对。后来查了查是非常经典的题目。也给大家解疑答惑一下，说出自己的理解。题目是看代码写结果。async function async1() { console.log('async1 start'); await async2(); console.log('asnyc1 end');}async function async2() { console.log('async2

2021-05-25 11:37:46 917 28

原创 Typora+PicGo+Gitee做图床

前言一直都在使用Typora写个人笔记，但是markdown里面经常有很多配图，之前采用本地存储的方式，但是这样很容易丢，而且上blog的时候很多平台因为防盗链的原因，体验很不好，以前就知道图床，但是没有自己用过。今天特意写一篇关于建立图床的。这里采用Typora+PicGo+Gitee,全白嫖，之所以选择gitee，因为github太慢了，而且还经常被墙。难受????。一. 环境准备Typora : 好用的Markdown编辑器Gitee账户 : 创建图床仓库PicGo ：自动上传图片并返回m

2021-05-25 09:40:21 784 29

原创【夯实基础--CSS】=＞ px、em、rem和rpx的区别

在css中单位长度用的最多的是px、em、rem，这三个的区别是：px是固定的像素，一旦设置了就无法因为适应页面大小而改变。em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。em是相对于其父元素来设置字体大小的，一般都是以<body>的“font-size”为基准。这样就会存在一个问题，进行任何元素设置，都有可能需要知道他父元素的大小。而Rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值。总之

2021-05-15 20:05:10 358 5

原创【夯实基础--CSS】=＞高级技巧（雪碧图/滑动门/CSS三角形/字体图标(iconfont)等）

CSS高级技巧CSS用户界面样式所谓的界面样式，就是更改一些用户操作样式，比如更改用户的鼠标样式，表单轮廓等。但是比如滚动条的样式改动受到了很多浏览器的抵制，因此我们就放弃了。防止表单域拖拽鼠标样式cursor设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。cursor : default 小白 | pointer 小手 | move 移动 | text 文本鼠标放我身上查看效果哦：<ul> <li style="cursor:d

2021-05-15 19:37:23 397

原创【夯实基础--CSS】=＞元素的显示和隐藏(display / overflow/ visibility)

元素的显示与隐藏目的: 让一个元素在页面中消失或者显示出来场景: 类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现！1.1 display 显示（重点）display设置或检索对象是否显示或如何显示。display: none 隐藏对象特点：隐藏之后，不再保留位置。display: block 除了转换为块级元素之外，同时还有显示元素的意思。实际开发场景：配合后面js做特效，比如下拉菜单，原先没有，鼠标经过，显示下拉菜单，应用极为广泛1.2 visib

2021-05-15 18:54:15 443

原创【夯实基础--CSS】=＞背景(background)

CSS背景(background)「1. 背景颜色」background-color: 颜色值; 默认的值是 transparent 透明的「2. 背景图片(image)」语法：background-image : none | url (url) ;例如:background-image: url(images/1.png);「3. 背景平铺（repeat）」background-repeat : repeat | no-repeat | repeat-x | repeat-y

2021-05-15 18:26:33 271

原创【夯实基础--CSS】=＞标签显示模式(display:inline || blcok || inline-block)

标签显示模式(display)标签显示模式是标签以什么方式进行显示。HTML标签一般分为块标签和行内标签两种类型，它们也称为块元素和行内元素。标签显示模式转换 display块转行内：display:inline;行内转块：display:block;块、行内元素转换为行内块：display: inline-block;「1. 块级元素(block-level)」常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、&

2021-05-15 18:16:42 268

原创【夯实基础--CSS】=＞字体样式（font）、外观属性(行高)

CSS字体样式font字体「1. font-size」font-size属性用于设置字号(字体大小)谷歌浏览器默认的文字大小为16px不同浏览器可能默认显示的字号大小不一致，我们尽量给一个明确值大小，不要默认大小。一般给body指定整个页面文字的大小。p { font-size:20px; }单位相对长度单位、绝对长度单位「2. font-family」font-family属性用于设置哪一种字体。p { font-family:"微软雅黑";}指定多个字体，如果

2021-05-15 18:03:55 878

原创【夯实基础--CSS】=＞基础选择器

文章目录CSS基础选择器CSS选择器作用CSS基础选择器「1. 标签选择器」「2. 类选择器」「3. id选择器」「4. 通配符选择器」「5. 基础选择器总结」「6. 团队约定-选择器」CSS基础选择器CSS选择器作用找到指定的HTML页面元素，选择标签。CSS基础选择器「1. 标签选择器」标签选择器（元素选择器）是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。作用：可以把某一类标签全部选择出来。优点：快速为网页中同类型的标签统一样式缺点：不能设

2021-05-15 17:27:51 208

原创【夯实基础--CSS】=＞复合选择器

CSS复合选择器复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的「1. 后代选择器」又称为包含选择器用来选择元素或元素组的子孙后代其写法就是把外层标签写在前面，内层标签写在后面，中间用「空格」分隔，先写父亲爷爷，再写儿子孙子。子孙后代都可以这么选择。或者说，它能选择任何包含在内的标签。父级子级{属性:属性值;属性:属性值;}.class h3 {color:red;font-size:16px;}当标签发生嵌套时，内层标签就成为外层标签的后代。子孙后代都可以

2021-05-15 17:21:22 248

原创【夯实基础--CSS】=＞定位(position)

定位(position)「1. 定位详解」将盒子「定」在某一个「位」置自由的漂浮在其他盒子(包括标准流和浮动)的上面。所以，我们脑海应该有三种布局机制的上下顺序????????标准流在最底层 (海底)浮动的盒子在中间层 (海面)定位的盒子在最上层（天空）定位是用来布局的，它有两部分组成：定位 = 定位模式 + 边偏移在 CSS 中，通过 top、bottom、left 和 right 属性定义元素的「边偏移」：（方位名词）边偏移属性示例描述

2021-05-15 01:13:57 199 6

PengJian.zip

空空如也