小小前端攻城狮的博客

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

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

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

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

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

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

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

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

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

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

填空均值滤波用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*

填空题欧几里得距离（欧氏距离）例题：测试样本，属性为：[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=

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

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

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

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

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

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

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

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