- 博客(66)
- 收藏
- 关注
原创 笔记-前端
回流:浏览器中的页面是采用流式布局来绘制的,从左到右,从上到下,当其中一个节点的空间属性发生了变化,那么就会影响到其他节点的空间布局,需要重新收集节点信息,再进行绘制,而这个过程及回流的过程,页面节点重新调整排列,因此也叫重排。生成渲染树:从DOM树的根节点开始遍历每个可见节点,对于每个可见的节点,找到CSSOM树中对应的规则,并应用它们,根据每个可见节点以及其对应的样式,组合生成渲染树。重绘:我们对页面节点元素的外观做处理的过程,例如修改颜色,背景,阴影等。获取位置信息,因为需要回流计算最新的值。
2024-06-12 17:16:14
394
原创 js中的任务处理机制
众所周知(不知道的话去查),js是以单线程的方式执行的,在执行的过程中,某一时刻上只能执行一个任务,也就是说,我们写好了代码后执行的时候,程序是根据代码从上到下依次排队执行,只有上一个任务执行完以后才会继续执行下一个任务。但这带来了一个问题,如果执行的过程中,有一个任务需要花费很长事件去请求某一数据,按照单线程同步执行的规则,下面的任务就要等待这一任务执行完毕以后才会继续上任务栈执行,这肯定是不行的。那怎么解决呢?
2024-02-27 14:28:19
366
原创 vuex工作原理
Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。Vuex的数据流是组件中触发action,action提交mutations,mutations修改states。如果我们需要异步操作,就派发(dispatch)actions,本质上也是在action中去提交mutations。注意点:vuex中改变状态的唯一途径就是提交mutations。vuex是用来在开发中进行状态管理的工具,是一个状态管理器,
2024-02-20 12:10:43
384
原创 BFC和IFC问题梳理
IFC由只包含行内级盒子的块容器建立,各行内盒子一个接一个的排列,其排列顺序根据书写的设置来决定。BFC就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素,容器外的元素同样不会影响到里面的元素。BFC里的盒子左侧边缘不会超过BFC,除非这个盒子自己也变成了一个新的BFC。BFC是规则内部块级元素格式(摆放规则)的一个独立的环境,对于BFC内的所有的块级元素,有以下的约束规则。3.每个盒子的左外边缘包含块左边缘(对于从右到左的格式,右边缘),除非盒子建立了新的块级格式化上下文。
2024-02-19 15:08:48
337
原创 DOM事件流
通俗的讲捕获就是你所触发事件(例如点击事件),在触发开始后,这个事件会DOM顶层一步步向下找,知道找到触发了这个事件的那个元素。而冒泡则相反,是你所触发事件以后,从触发事件的这个元素上,一层层向父级元素传播,直到最顶层为止。stopPropagation的作用是终止当前事件流,也就是说,在那个步骤终止了事件,后面的时间都不会执行了,如果在事件捕获阶段调用了,那后面的目标阶段,冒泡都不会执行了。目标阶段:事件到达目标元素,如果事件指定不冒泡,那就会在这里中止。事件流:事件在目标元素和祖先元素间的触发顺序。
2024-02-19 10:41:15
396
原创 webpack知识点
webpack是一个模块打包器。通过使用webpack,我们可以将JavaScript文件打包在一起,打包后的文件可以在浏览器中使用。
2023-10-10 17:15:02
285
原创 spring学习笔记
在不同语境中,spring所代表的含义是不同的。1.广义上的spring可以表示以Spring Framework为核心的spring技术栈。经过多年的发展,Spring已经不再是一个单纯的应用框架,而是逐渐发展成为一个由多个不同子项目(模板)组成的成熟技术,例如Spring Framework,Spring MVC,SpringBoot,Spring Cloud,Spring Data,Spring Security等。2.狭义上说Spring就是指Spring Framework。
2023-07-06 21:21:57
258
原创 HTML 前导知识
在html页面中,带有“<>”符号的元素被称为HTML标签,例如, 等都是标签html中标签又分为双标签和单标签双标签<标签名>内容</标签名>形如,,等的往往是成对出现的标签叫做双标签<标签名>一般被称为开始标签(start tag),</标签名>表示给标签的作用结束一般被称为结束标签(end tag)单标签<标签...
2019-11-07 20:42:04
200
原创 响应式Web开发简介
1.什么是响应式Web开发响应式Web设计(Responsive Web design)的理念是:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用手机、笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以...
2019-11-07 20:17:45
2369
原创 数据结构-----线性表概述
线性表是数据结构中最基本的线性结构之一,是我们学习数据结构绕不开的一环在学习之前我们首先提出几个问题通过回答问题的方式来学习,并将他融会贯通。问题如下:1.线性表概述2.什么是线性表?3.线性表有什么特性?4.如何实现线性表?5.如何使用c++语言实现线性表?6.如何使用python实现线性表?7.线性表常见问题(考研总结)一,线性表概述 在学习一...
2019-10-22 21:06:26
230
原创 分类,聚类,回归
所谓聚类,即根据相似性原则,将具有较高相似度的数据对象划分至同一类簇,将具有较高相异度的数据对象划分至不同类簇。聚类与分类最大的区别在于,聚类过程为无监督过程,即待处理数据对象没有任何先验知识,而分类过程为有监督过程,即存在有先验知识的训练数据集。...
2019-08-01 16:38:07
711
原创 K—means(K-均值聚类算法)
K-means算法简介 K-means是一种无监督的聚类算法,其中的k代表类簇个数,means代表类簇内数据对象的均值(这种均值是一种队类簇中心的描述。K-means算法以距离作为数据对象间相似度的衡量标准,即数据对象间的距离越小,则它们的相似性越高,即它们越有可能在同一个类簇。k-means算法基本原理kmeans算法又名k均值算法。其算法思想大致为:先从样本集中随机...
2019-08-01 15:40:03
6917
原创 机器学习之梯度下降与线性回归问题
梯度下降(Gradient Descent)梯度下降是机器学习最基础的一个算法,在我们初次涉及机器学习时,我们学习的第一个基本算法可以肯定的说就是梯度下降,而梯度下降更是机器学习的支柱。接下来我将总结梯度下降的基本原理并给出相应的代码实现。往下看梯度下降法 梯度下降法又称最快下降法。1847年由数学家柯西提出。函数在某点的梯度▽是一个方向,...
2019-08-01 08:37:49
145
原创 贝叶斯个性化排序(BPR)
前言排序推荐算法历史很悠久,早在做信息检索的各种产品中就已经在使用了,排序推荐算法大体上可以分为三类 第一类排序算法类别是点对方法(Pointwise Approach),这类算法将排序问题被转化为分类、回归之类的问题,并使用现有分类、回归等方法进行实现 第二类排序算法是成对方法(Pairwise Approach),在序列方法中,排序被转化为对序列分类或对序列回归。所谓的pair就是成...
2019-07-31 16:15:47
570
原创 基于物品的协同过滤推荐系统(itemCF: ItemCollaborationFilter)
概念: 基于物品的协同过滤,是通过用户对不同物品的评分来预测物品之间的相似度,然后基于物品之间的相似度给用户做出推荐。 temCF算法的额核心思想是,给用户推荐那些和他们之前喜欢的物品相似的物品而UserCF的算法核心是向用户推荐和他们有相同兴趣爱好的用户喜欢的用品 我们这里暂时只介绍基于物品的协同过滤首先我们举一个简单的例子,如果用户A曾经购买过物品a,itemCF算法会向用户A...
2019-07-28 23:33:26
745
原创 基于用户的协同过滤推荐算法(User_CF)
前言协同过滤推荐算法是诞生最早,并且较为著名的推荐算法。主要的功能是预测和推荐。协同过滤推荐系统在我们的日常生活之中无处不在,例如,在电子商城购物,系统会根据用户的记录或者其他的信息来推荐相应的产品给客户。协同过滤算法通过对用户历史行为数据的挖掘发现用户的偏好,基于不同的偏好对用户进行群组划分并推荐品味相似的商品。协同过滤推荐算法分为两类,分别是基于用户的协同过滤算法(user-b...
2019-07-27 19:49:24
2311
原创 协同过滤相似度计算方法--欧几里德相似度,皮尔逊相似度,余弦相似度
一,欧几里德相似度(Euclidean Distance)欧几里德距离假设想,x,y是n维空间的两点,他们之间欧几里德的距离公式如下:d(x,y)=(xi−yi)2 d(x,y) = \sqrt{(x_i-y_i)^2} d(x,y)=(xi−yi)2我们可以看出当n = 2时,欧几里德距离就是平面上两点之间的距离欧几里德相似度计算公式如下:11+d(x,y) {\frac {\...
2019-07-25 10:45:25
2780
原创 CNN卷积神经网络(学习更新中)
卷积神经网络(Convolutional Neural Network,CNN)卷积神经网络是一种前馈神经网络,它的人工神经元可以响应一部分覆盖范围内的周围单元,对于大型图像处理有出色表现。目前, CNN 已经成为众多科学领域的研究热点之一, 特别是在模式分类领域, 由于该网络避免了对图像的复杂前期预处理, 可以直接输入原始图像, 因而得到了更为广泛的应用. 可应用于图像分类, 目标识别,...
2019-07-22 20:00:40
211
原创 loss(损失函数)在训练集(train loss)和测试集(test loss)上出现的问题总结
在机器学习的过程中,我们在模型建立时,在实际测试集和训练集上误差函数可能会出现变化不一致情况。下面我简单的总结一下在程序运行过程中当train loss不断下降,test loss也不断下降:网络仍在学习,让他继续学;train loss 不断下降,test loss趋于不变:说明网络过拟合;train loss 趋于不变,test loss不断下降:不用想数据集250%有问题;...
2019-07-22 16:43:09
22416
5
原创 监督学习,无监督学习和半监督学习
最近在学习的过程中,我常常会遇到监督学习和非监督学习,因此对这两个概念进行了一下总结,另外又补充了一下半监督学习的概念机器学习的常用方法,主要分为有监督学习(supervised learning)和无监督学习(unsupervised learning)。监督学习,就是我们常说的分类,通过已有的训练样本(即已知数据以及其对应的输出)去训练得到一个最优模型,再利用这个最优模型将所有的输入映射...
2019-07-22 15:27:20
439
原创 局部最优问题
什么是局部最优百科解释:局部最优,是指对于一个问题的解在一定范围或区域内最优,或者说解决问题或达成目标的手段在一定范围或限制内最优。我们先举一个简单的例子假如我们用梯度下降找上图中的最小值,实际解应该是d点,但由于图像波动幅度很大,在程序运行结束以后,我没呢求得的值是a,b,c中的一个,虽然a,b,c是也是图像的峰值,但并不是我们想要的最小值,这就是局部最优。相关链接https:/...
2019-07-20 11:55:06
743
原创 BP神经网络-神经网络前向传播和反向(BP)传播及其python实现
前言BP神经网络,可以理解为使用“BP算法进行训练”的“多层感知器模型”多层感知器(MLP)就是指得结构上多层的感知器模型递接连成的前向型网络。BP就是指得反向传播算法MLP这个术语属于历史遗留的产物,现在我们一般就说神经网络,而感知感知器是生物神经细胞的简单抽象,我们可以理解为神经网络中的一个神经元BP神经网络(BackPropagation Neuron NetWok...
2019-07-20 11:05:33
5860
原创 常用激活函数sigmoid,Tanh,ReLU
什么是激励函数激励函数一般用于神经网络的层与层之间,上一层的输出通过激励函数的转换之后输入到下一层中。神经网络模型非线性的,如果没有激励函数,那么每一层实际上就相等于矩阵乘法。而将过非线性的激励函数的作用,可以使神经网络拥有更过的表现力。下面我们具体的描述这一问题如下,加入x1,x2是神经网络输入层节点,net01是隐含层的一个节点,可以知道的是neto1 = x1*w1+x2*w...
2019-07-19 19:47:29
2773
原创 推荐系统之矩阵分解(MF)没废话,有代码
前言本文章,适合零基础学习MF(个人认为)数据集很小,只是简单但详细的讲解了矩阵分解,并给出了一个简单的代码推荐系统中最为主流与经典的技术之一是协同过滤技术(Collaborative Filtering),它是基于这样的假设:用户如果在过去对某些项目产生过兴趣,那么将来他很可能依然对其保持热忱。其中协同过滤技术又可根据是否采用了机器学习思想建模的不同划分为基于内存的协同过滤(Memo...
2019-07-18 22:34:23
3656
1
原创 L1正则化和L2正则化
前言在机器学习中存在过拟合的现象,而防止过拟合目前最常用的方法是正则化,即在cost Function中添加正则项下面是p-范数的表达式:首先,从正则化的目的角度:正则化是为了防止过拟合过拟合即学习模型在训练集样本中表现的过于优越,以至于学习模型在测试集中表现效果很差。正则化项L1和L2概括L1和L2正则化项,又称为L1范数L2范数,L1,L2正则化项都可以看做是损...
2019-07-18 20:16:32
165
原创 正则化防止过拟合
过拟合过拟合(over-fitting)就是所建立的机器学习模型或者是深度下降学习模型在训练样本中表现得过于优越,导致在验证数据集以及测试数据集中表现不佳。通俗点讲就是训练出来的模型在训练集上表现很好,但那是在测试集上表现较差的一种现象。比如是识别一只狗的模型,我需要对这个模型进行训练。但是很赶巧所给训练样本中的所有训练图片都是哈士奇,那么经过多次迭代训练之后,模型训练好了,并且在训练集中表现...
2019-07-18 10:54:39
493
转载 数据结构排序之快速排序算法
在排序中快速排序是在冒泡排序的基础上进行算法优化而得出的,很大程度上见减小了冒泡排序的时间复杂度。可以说快速排序算法无愧于它的名字,高速高效。接下来将介绍快速排序的思想以及相应算法快速排序快速排序的思想其实很简单,其实就是分治思想。大概的意思是在一组数中以一个数为基准,讲比它的数扔到它的两边,将小的扔到它的左边,将比它大的扔到它的右边(以升序为例),并持续这种操作,进而实现排序的目的。...
2019-06-01 18:49:45
17056
4
原创 CSS详解
1.什么是CSS这里不讲CSS的具体内容,只讲一下CSS的产生背景,以及其运用环境,我认为要学习CSS,HTML等,我们并不着急去学习他的内容,我们应该先了解一下他的背景,他是为了实现什么而产生,他是用来干什么的,以及CSS,HTML的区别,这并不会花费我们多少时间。如果我们在这个方面不做足功课,那么我们在学习完CSS的内容后,常常会出现,各种概念上的混淆。在这里要尤其区分,HTML和C...
2019-06-01 00:14:07
134
原创 KNN(k-nearest neighbor)k-最近邻矩阵
前言“物以类聚,人以群分”,同类东西常常放在一起,志同道合的人也常常走在一起。knn算法就是这种思想,要想知道一个东西的类别,可以通过它周围的事物来反映。knn算法是一种分类算法,基于实例的学习(instance-based learning)和懒惰学习(lazy learning)。概述K最近邻(kNN,k-NearestNeighbor)分类算法是数据挖掘分类技术中最简单的方法之一...
2019-05-27 00:48:58
4267
1
原创 html表格
表格提供了HTML中定义表格数据的方法。表格由行中的单元格表示。表格中没有列元素,列的个数取决于行的单元格数,html中表格无需纠结于外观,外观由CSS来编写结构如下<table border="1"> <caption>表格标题</caption> <thead><!--表格头部分--> <tr&...
2019-05-16 12:42:45
93
原创 HTML--列表标签
html中列表有无序列表和有序列表无序列表ul<ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> ... </ul>在<ul>中只能放<li>,虽然放其他标签浏览器也有可能解析...
2019-05-13 21:57:34
255
原创 HTML---base标签以及html中的一些特殊字符
<base> 标签为页面上的所有链接规定默认地址或默认目标。通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<...
2019-05-13 21:34:04
215
原创 HTML-----锚点定位
我们常用的链接大都是跳转到其他网页的,链接的是外部地址。在一些情况下,由于我们的篇幅过长,用户在查找时是非常麻烦的,而如果我们再往也的首端加入目录,并且点击目录用户可以直接到达网页中目录对应的地址,这在很大程度上提高了查找的效率,这种方法使用锚点定位实现的。下面将介绍锚点定位的实现方法锚点定位锚点其实就是可以让页面定位到某个位置上的点。在高度较高的页面中经常见到。锚点定位有很多种写法,下面...
2019-05-13 21:04:44
1356
原创 HTML链接
在HTML网页中我们经常会遇到链接,加下来是链接的实现链接标签<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>href:超文本引用,用于指定链接目标的url地址,当标签应用herf属性时,将具有超链接的功能。target:用于指定链接页面的打开方式,这里讲self和blank两种值,其中self是默认值把文档调入当前页...
2019-05-09 18:28:44
108
原创 HTML图片标签
图像标签img单词缩写imageHTML网页中我们会经常看到各种各样的图片,而这些图片都是使用图片标签<img>来实现的,图像标签<img>的基本语法格式如下<img src="图像的url" />在图像标签里拥有很多属性,如下<img />标签属性属性 属性值 属性含义 src URL(路径,这里指图片...
2019-05-09 17:46:27
1801
原创 文本格式化标签
1.粗体标签将文字以粗体方式表示<b>文本</b> <strong>文本</strong>文本加粗标签有两种,<strong>比<b>要强烈。开发中一般使用<strong>2.斜体标签将文字以斜体表示<i>文本<i/> <em...
2019-05-09 17:14:50
534
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人