weixin_46336091的博客

原创 10题前端面试

20.get和post的区别21.var let const的区别22.闭包23.介绍一下防抖和节流，应用场景24.0.1+0.2 ！=0.3问题25.sessionStorage localStorage 和cookie的区别26.flex:1的原理27.数组的常用方法28.移动端的适配问题29.回流和重绘

原创 100题前端面试[题目+答案] -- 自用

instanceof 利用原型链，查找构造函数的prototype是否出现在实例对象的原型链上，如果有就返回true，如果一直查找到最后一层都没有找到，返回false。在基本数据类型调用方法的时候，后台会为他创建一个相对应的基本包装类型，根据基本数据类型的值实例化出一个实例，然后通过这个实例去调用指定的方法，结束后会销毁实例。包装对象 就是和 数值，字符串，布尔值相对应的Number，String，boolean三个原生对象，这三个原生对象可以把原始类型的值包装成对象。history 使用时遇到什么问题？

原创 event loop - 面试自用

如果进入这个阶段的时候没有设置timer的话，会判断poll的队列是否为空，如果不为空，会遍历回调队列并同步执行，知道队列为空或者达到系统限制，如果poll队列为空，且有setImmediate回调需要执行，poll阶段会停止并且进入到check阶段执行回调，如果没有setImmediate回调需要执行，会等待回调被加入队列中并且立即执行回调，这里有一个超时时间设置防止一直等待下去。JS是单线程的，当执行JS代码的时候，首先会执行一个main函数，然后执行代码，根据先进后出的原则，先执行的函数会先弹出栈，

原创 前端性能优化

一个完整的HTTP请求需要 经历 DNS 查找，TCP 握手，浏览器发出 HTTP 请求，服务器接收请求，服务器处理请求并发回响应，浏览器接收响应等过程。

原创 前端面试（2）

一些不会渲染输出的节点，比如 script、meta、link 等。一些通过 css 进行隐藏的节点。比如 display : none。注意，使用 visibility 和 opacity 隐藏的节点，还是会显示在渲染树上的（因为还占据文档空间），只有 display : none 的节点才不会显示在渲染树上。Promise 是异步编程的一种解决方案：从语法上讲，promise是一个对象，从它可以获取异步操作的消息；从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。

原创 前端面试题（1）

由于在JS中，变量的作用域属于函数作用域，在函数执行后作用域就会被清理、内存也随之被收回，但是由于闭包是建立在一个函数内部的子函数，由于其可访问上级作用域的原因，即使上级函数执行完，作用域也不会随之销毁，这时的子函数—也就是闭包，便拥有了访问上级作用域中的变量的权限，即使上级函数执行完后，作用域内的值也不会被销毁。

原创 Vue组件间传值

只读父组App.vue子组件child.vue。

原创 Vue的组件

分全局注册，局部注册和动态注册。

原创 Vue网络请求-Axios

一个基于promise的网络请求库，作用域node.js和浏览器中，是同一套代码可以运行在浏览器和node.js中。在服务器使用原生node.js的http模块，而在客户端(浏览器端)则使用 XMLHttpRequests。// axios.post('/mock/users.json', {id: 1, name: 'aaa'}) // post请求。//添加一个默认的域名配置。//设置额外的请求头信息。

原创 Vue生命周期

Vue的生命周期，指的是vue实例从创建到销毁的过程。在这个过程中他经历了从开始创建，初始化数据，编译模板，挂载dom，渲染->更新 ->渲染，卸载等一系列过程。// 也有一些人写网络请求在此处，因为此处它有真实的dom，可以在此处还可以进行dom的操作。这里的销毁是利用$destroy进行销毁的，属于组件内部销毁自己，内部销毁不会移除dom。销毁vue实例化对象 【这里为了控制台简介，重复了上述操作取消了dom测试】==>// 生命周期中的方法，你无须手动去触发，组件自动去触发执行的。

原创 Vue插件的使用

vue插件的作用：主要是用于增强功能，可以把他看作是一个工具库，可以提供很多强大的功能，比如一些强大的自定义指令，一些强大的工具方法，过滤器等。Vue.js官方提供的一些插件，例如vue-router在检测到Vue是可访问的全局变量时是会自动调用Vue.use的。install方法的第一个参数是Vue构造函数，第二个参数及其以后的参数是插件使用者传递的数据。如果use传入过来的是一个对象，则此对象中一定要有一个属性方法是install。的对象，也可以直接是一个安装函数本身。一个插件可以是一个拥有。

原创 Vue的mixin

混入中的配置选项，它和new Vue选项几乎是一样，只是 el选项不能用,data选项必须要有函数且函数必须要返回一个对象(复用时，如果为对象引用问题，函数返回对象，它在复用时，返回的都是一个新对象)js它是一个单继承，但是有时候我就需要有多继承，它时可以通过混入方案来完成。混入: 对象1 + 对象2 => 新对象3 实现混入，类似于多继承。} 和 对象合并 Object.assign。全局混入 和 局部混入。

原创 vue过滤器

在数据被渲染之前，可以对其进行进一步的处理，比如将字符截取或将小写同意转换为大写等等，过滤器本身就是一个方法。定义好后在模板中使用 表达式 | 过滤器1 | 过滤器2 …全局：Vue.filter(‘过滤器名称’,回调函数)过滤器可以定义全局或局部。

原创 Vue侦听器

当需要监听一个对象的改变时，普通的watch方法无法监听到对象内部属性的变化，只有data中的数据才能监听到变化，此时就需要deep属性对对象进行深度监听。当使用watch侦听data中的数据的变化，watch中的属性一定是data中已经存在的数据。watch它没有缓存，它一般用于业务逻辑使用，不在模板中使用,做的是数据的监听处理。实现一个基本的watch监听。==》实现对引用类型的监听。【js修改watch部分】==》通过api实现监听。

原创 Vue中的计算属性

aa => data{aa} ==> this.aa ==> 计算属性它虽然绑以data中，但它不能直接去修改 =》 defineProperty。-> 脏检查[dirty] -> 读取数据时，加一个标识位，如果这个标识位为true,则走缓存，为false，重新计算。-> 把原本写在视图代码中的运算，提取到js代码中来完成，而且多次调用，只要依赖项没有改变，它还有缓存。计算属性它是具有缓存，如果它里面的依赖项没有发生改变，则在下一次调用时，会走缓存数据。

原创 vue局部指令

定义在组件内，写法上最大的不同是定义时directives，而不是Vue.directive。

原创 自定义指令获取data数据

在vue自定义指令中的this指向的是window，无法通过this获取实例中的da数据而自定义指令中的回调函数有里有两个参数参数1是指令绑定的dom对象参数2是指令绑定的对象在指令中若想地道道vue实例中的data数据，可以通过绑定值得方案传入【html】< div id = " app " > < div v-title = " title " > 我是标题

原创 前端练习1117

1.vue购物车板块--只有选中才进行累加2.xhr中的readystate状态3.常见到的http状态码值

原创 vue的常用指令【v-bind v-for v-on v-model 自定义指令】

除了用内置的指令完成vue工作需要后，还可以根据vue提供的方案完成自定义指令自定义指令：操作domdom对象.style.color='red'自定义指令它提供了5个钩子函数，它可以帮我们实现所需要的各种业务场景el 当前绑定到指令元素的dom对象,bindings 修饰符和传入的值bind 第一次绑定到元素时调用inserted 被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)update 数据更新时调用。

原创 数据分析达人赛2：产品关联分析

目录大赛地址：https://tianchi.aliyun.com/competition/entrance/531891/introduction赛题背景赛题数据赛题任务实现大赛地址：https://tianchi.aliyun.com/competition/entrance/531891/introduction赛题背景赛题以购物篮分析为背景，要求选手对品牌的历史订单数据，挖掘频繁项集与关联规则。通过这道赛题，鼓励学习者利用订单数据，为企业提供销售策略，产品

原创 数据分析达人赛1：用户情感可视化

目录一.赛题与数据赛题背景赛题数据赛题任务二.python实现画图结果源代码以及相关文件下载地址：一.赛题与数据赛题背景赛题以网络舆情分析为背景，要求选手根据用户的评论来对品牌的议题进行数据分析与可视化。通过这道赛题来引导常用的数据可视化图表，以及数据分析方法，对感兴趣的内容进行探索性数据分析。赛题数据数据源： earphone_sentiment.csv，为10000+条行业用户关于耳机的评论使用天池实验室打比赛即可直接在no...

原创 手撕K-means聚类算法

一.数据集来源本博客采用的数据集来源于uci公开数据集（wine数据）http://archive.ics.uci.edu/ml/datasets/Wine数据集属性：1）酒精2）苹果酸3）灰分4）灰分的藻盐度5）镁6）总酚7）黄烷类化合物8）非黄烷类酚9）原花青素10）颜色强度11）色相12）稀释葡萄酒的OD280 / OD31513）脯氨酸二.数据读取从网站上下载的源文件格式是.data，我不...

原创 K-means算法（知识点梳理）

目录一.K-means算法的原理和工作流程1.算法原理2.工作流程二.K-means中常用的距离度量方法1.欧几里得距离（欧氏距离）2.曼哈顿距离3.切比雪夫距离三.K-means算法中K值的选择1.手肘法 手肘法的实践2. 轮廓系数轮廓系数的实现四.初始点的选择1.随机选择2.最远距离 3.层次聚类或canopy预处理五.陷入质心的循环停不下来怎么办1.原因2.怎么办六.K-me...

原创 Python之Numpy

什么是NumPyNumPy(Numerical Python) 是Python中用于科学计算和数据分析的基础包，是绝大多数数据分析包的基础。NumPy的核心基础是N维数组（N-dimensional,ndarray）,即由类型相同的元素组成的N维数组。如何导入NumPy在anaconda中，numpy包已经集成在系统中，无需另外安装，所以可以直接使用import命令导入numpy包。import numpy #或者import numpy as npNumPy的使用1.创建多维数组数组

原创 美团秋招笔试 #1小美的用户名

题目小美是美团的前端工程师，为了防止系统被恶意攻击，小美必须要在用户输入用户名之前做一个合法性检查，一个合法的用户名必须满足以下几个要求：用户名的首字符必须是大写或者小写字母。用户名只能包含大小写字母，数字。用户名需要包含至少一个字母和一个数字。如果用户名合法，请输出 “Accept”，反之输出 “Wrong”格式：输入：输入第一行包含一个正整数 T，表示需要检验的用户名数量。接下来有 T 行，每行一个字符串 s，表示输入的用户名。输出：对于每一个输入的用户名 s，请输出一行，即按题

原创 JAVA的输入输出

1.Java的输出System,out,println(); //输出且换行System.out.print(); //输出不换行System.out.printf(); //提供字符格式化示例class Output{ public static void main(String args[]){ System.out.println("1.println"); System.out.println("2.println"); System.out.print("1.pr

原创 【JAVA基础】类与对象

原创 【JAVA练习】理解对象的上转型对象

理解对象的上转型对象1.概念上转型对象就是把子类创建的对象的引用放到父类对象的身上；若子类创建的对象为a，父类创建的对象为b；a=b;称a是b的上转型对象此时通过a调用的方法是子类继承或重写的方法，但是调用的属性还是父类的属性；2.补充可以将对象的上转型对象强制转化到一个子类对象，这时，该子类对象又具备了子类所有的属性和功能；若子类重写了父类的静态方法，那么子类对象的上转型对象不能调用子类重写的静态方法，只能调用父类的静态方法；不能将父类创建的对象的引用赋值给子类声明的对象；3.实例

原创 【JAVA练习】理解Java的数据类型和数组

工具：eclipse题目： 判断用户输入的一个整数是否在已知的组块中import java.util.*;public class Exdate_1 { public static void main(String arg[]) { int start=0,end,middle; int a[]= {12,45,67,89,123,-45,67}; int N=a.length; for(int i=0;i<N;i++) { //从小到大排序 for(int j=

原创 【JAVA基础】子类与继承