- 博客(37)
- 收藏
- 关注
RSS订阅原创 理解不了的__proto__和prototype
介绍prototype（函数的原型）只有函数才有protoype对象默认有两个属性：constructor 和 proto。prototype是为其他对象提供共享属性的对象proto所有对象都有，内置属性指向构造函数对象的原型对象（prototype）function Person(name, age) { this.name = name; this.age = age;}var person1 = new Person('tom', 2);// pers
2020-09-22 14:19:27
177
原创 referer拒绝了！
参考文章：https://h5jun.com/post/everything-you-could-ever-want-to-know-and-more-about-controlling-the-referer-header-fastmail-blog.htmlhttp://www.ruanyifeng.com/blog/2019/06/http-referer.html什么是referer请求头字段允许由客户端指定资源的 URI 来自于哪一个请求地址。作用让服务器能够拿到请求资源的来源，可以
2020-08-27 16:33:05
1526
原创 深入理解JSCore
文章链接：https://tech.meituan.com/2018/08/23/deep-understanding-of-jscore.htmlWebKit简介WebKit就是一个页面渲染以及逻辑处理引擎；输入：js、css、html输出：看到以及操作的Web页面组成WebKit Embedding API： 是负责浏览器UI与WebKit进行交互的部分WebKit Ports：底层接口适配层WebCore：将html、css，js处理为CSSOM树、dom树并合并为render
2020-08-20 21:59:49
1914
原创 代理模式
代理模式What: 为一个对象提供一个代用品或占位符，以便控制对他的访问where: 图片预加载,合并http请求（上传、切换页面请求数据）、防火墙代理、远程代理、保护代理（权限）、写时复制代理when:who:why:how:代理模式分类保护代理：过滤无效请求。虚拟代理：将一些开销很大的部分，延迟到需要时创建。为什么使用代理单一职责原则（功能分离，设置img和预加载分离），开放封闭原则（后期修改可分功能更改）。代理和本体接口一致性（使用方无感知），后期去除用户无感知应
2020-06-15 14:10:32
124
原创 策略模式
What: 定义一系列算法，把他们一个个封装起来，并且使他们可以相互替换（相互替换主要针对静态语言，对于js弱类型语言则不是很重要）where: 验证表单；运动函数；when:who:why: 优点：解决代码量、开放封闭（需要增加if else判断、缺乏弹性）（扩展性）、复用行性；缺点：必须了解所有策略才可以选择how: 将算法的使用和算法的实现分离出来(可以体现出多态性)eq1： 基于策略模式的编写方式：策略类：封装具体算法；环境类：接受客户请求，把请求委托给某一个策略；eq2：.
2020-06-03 16:26:39
106
原创 curl使用总结
curl is a tool to transfer data from or to a server, using one of the supported protocols (DICT, FILE, FTP, FTPS, GOPHER, HTTP, HTTPS, IMAP, IMAPS, LDAP, LDAPS, POP3, POP3S, RTMP, RTSP, SCP, SFTP, SMB, SMBS, SMTP, SMTPS, TELNET and TFTP). The command is d.
2020-06-02 21:17:16
142
原创 单例模式
What: 保证一个类仅有一个实例，并提供一个访问它的全局变量where: 登陆界面；遮罩层；线程池；全局缓存when:who:why: 避免dom类的返回重绘和多余；避免频繁创建和销毁实例，减少内存占用；不适用动态扩展对象，或需创建多个相似对象的场景how: 首推惰性单例eq1: 全局变量是否是单例：全局变量符合单例的定义，但是存在致命缺点（1. 被覆盖； 2. 污染全局；)简单版本实现var Singleton = function (name) { this.name =.
2020-05-27 17:07:23
99
原创 异步JS
参考资料：https://juejin.im/post/5a6ad46ef265da3e513352c8为何单线程的js存在异步：浏览器的内核是多线程的。包括渲染引擎线程、JS引擎线程、定时触发器线程、事件触发线程、异步http请求线程。消息队列与事件循环异步回调函数和事件Promise 对象Promise为一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操...
2019-12-12 20:00:58
103
原创 react入门一
简介react非完整MVC/MVVM框架，专注于提供清晰、简洁的view层解决方案，且包括view库和controller库。可根据应用场景搭配flux、redux、graphql/relay使用；virtual dom，react把真实dom对象转换为javascript对象树，每次更新对比上一次virtual dom，仅对发生变化的部分批量更新。且可使用生命周期函数减少不必要过程；函数...
2019-11-17 17:44:31
87
原创 javascript-对象构造2（原型继承）
javascript中没有传统的面向对象模型，不存在类的概念。在js中从其他对象中继承的行为，称为原型式继承。传统使用构造函数创建对象，每个对象都会重新存储构造函数中的属性和方法代码，造成存储冗杂。使用继承可以避免存储的冗杂。继承原理： 在实例中查找属性和方法时，会首先查找创建该实例构造函数。若没有查到，则沿着继承链上移查找。继承行为原型：行为被继承的对象称为原型。1. 使用构造函数构造一个对象f
2018-01-11 21:10:18
183
原创 javascript-函数进阶（闭包）
函数声明与函数表达式（匿名函数）函数声明具有函数名的函数声明，具有如下格式：function 函数名() { //code}js在初次处理代码时，会全部扫描代码，只查找函数声明。查找到函数声明后函数声明后，定义函数名并将函数的引用传递给函数名。再次扫描代码，按照顺序执行代码，用到已声明函数时，函数名即调用了函数的引用。函数表达式不具有函数名，即匿名函数。为了方便调用，有时将它传递给一个变量
2018-01-10 20:56:00
197
原创 javascript-异步编程
js是单线程，即所有任务按顺序进行。任务不止一个时，将会被放置到消息队列中，消息队列按照顺序执行任务。但一个任务执行时间过长时，页面将会失去响应。为了防止这种现象的发生，js采用异步编程。什么是异步编程：步编程通常是通过fire and forget方式实现，发射事件后即忘记，做别的事情了，无需立即等待刚才发射的响应结果了。(发射事件的地方称为生产者，而将在另外一个地方响应事件的处理者称为消费)。异
2018-01-10 10:38:43
141
原创 javascript-小总结1
面向对象对于js，侧重于面向对象的设计模式，也是为了后期的维护更便利。面向对象与面向过程区别主要在于，面向过程侧重于按顺序实现功能；面向对象则侧重于构造一个个对象，这个对象具有行为和变量，至于功能的实现则是调用对象的行为。js函数调用页面加载后，如何调用js实现功能。html是按照整个标记语言的顺序进行加载的，所以放在head中的js在整个页面加载后就不会再次调用。为了让整个页面加载后，调用js我们
2018-01-09 17:00:49
153
原创 javascript-作用域
分为全局变量，局部变量。在函数外声明的变量为全部变量，在函数内部可以直接引用数值和修改数值。在函数内声明的变量为局部变量，在函数销毁后变量销毁。注意在函数内部未声明而直接使用的变量为全局变量。
2017-12-25 12:11:15
109
原创 javascript入门
在html页面中加入行为，需要用到js。注意 1. js区分大小写。 2. 字符串引用单引号，双引号都可。 3. 空格无关紧要，字符串命名中除外。 4. js不能内部嵌套。加入方法：直接在html中加入：<script type="text/javascript> ...</script>在html引用外部js：<script type="text/javascript"
2017-12-25 12:04:05
127
原创 HTML-表单from
1 表单工作原理：当访问html页面时，填写表单，提交。浏览器将所有数据打包，发送到web服务器。web服务器接受数据，传给服务器脚本进行处理。web服务器脚本处理后，创建一个全新的html页面作为响应，传回给web服务器。浏览器收到响应，并显示页面。2 表单创建创建用form元素，再添加相应元素。<form action="web服务器URL／脚本所在文件夹／脚本名" method="
2017-12-15 09:53:00
1190
1
原创 HTML-表单table
tableHMTL有专门负责表格的元素，table。创建一个表格要使用四个元素：<table>,<tr>,<th>,<td>。格式如下：<table> <caption>The table</caption> /*表单标题，默认显示上方*/ <tr> ／*行*／ <th>City</th> ／*表头*／ <th>Date</th> <t
2017-12-14 11:53:12
1308
原创 HTML5-常用标签
<header>,<footer>，<aside>页眉，页脚，边栏。<artical>，<section>文章新闻，博客，帖子；文档主要区块。<time>时间，格式如下：<time datetime="2012-02-18">2/10/2012</time>datetime必须按照规定格式书写，不然元素内容需要采用官方iternet时间格式。若datetime按照规定书写，则元素内容格式任意。格式：
2017-12-14 09:57:45
169
原创 css-布局和定位
flow首先，我们说一下flow，实际上就是从HTML在上面开始，从上到下沿着元素流逐个显示。 对于块元素，从上到下布局。对于块元素中的內联元素，从左上方流向右下方。对于內联元素我们需要注意间距问题： 1. 对于并排放置的两个內联元素，中间外边距不会重叠。所以最终两个元素中间相差两个外边距之和。 2. 对于上下放置的两个內联元素，外边距会重叠。所以最终两个元素中间相差为最大外边距。 3. 对
2017-12-13 19:07:40
199
原创 css-@media媒体查询多个样式表
使用多个样式表，即在头部中加入多个link链接多个样式。其摆放顺序很重要，下一个样式表会覆盖上面样式表中的样式，所以可以用气修改想要修改的样式，而不改变原本样式表。同时，使用媒体查询，可以指定设备样式表。例如<link href="min.css" rel="stylesheet" media="print">匹配打印机时使用样式min.css。 主要选项有：screenprintall
2017-12-13 11:26:54
4817
原创 css-box盒子模型
盒子模型分为四部分：内容区，内边距，外边距，还包括内外边距间的边界。如图所示：1 Content每个元素的内容，如文本，图像。内容和盒子边缘没有空间。2 padding内容和边框之间的空间。内边距是透明的，没有颜色和装饰。如果元素使用背景，背景会延伸到内边距，到边界截止。padding: 0px;3 border元素可以有一个可选边框，可以使用不同颜色，宽度和样式。宽度： border-width
2017-12-12 09:23:06
205
原创 css-字体，颜色和图片
字体1. font-family 字体系列基本类型：sans-serif，serif，monospace，cursive，fantasy 格式：font-family: Verdana, Geneva, Arial, sans-serif; 以上为优先列表，第一种字体不存在时，使用第二种字体，以此类推。最后一种为通用字体，为一类字体的总称，匹配电脑默认该种字体。一般最后一个为基本字体。web字体防
2017-12-07 23:15:12
578
原创 HTML-css入门简介
在HTML中插入css两种格式：在内部插入，位于head中： ...在外部单独编写，内部链接，位于head中：type="text/css" rel="stylesheet" href="XX.css">type为html4的格式，在html5中可以省略。格式select{ attribute:value; attribute:valu
2017-12-06 23:15:59
183
原创 HTML-doctype,meta
doctypeHTML经历长久发展，产生了HTML4，HTML5，XHMTL1.0 在网页开头我们一般会使用doctype对文档进行版本声明。 HTML4<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0.1//EN" "http://www.w3.org/TR/html4/strict.dtd">XHMTL1.0 <!DOCTYPE html PUBLIC "
2017-12-05 09:12:12
261
原创 HTML-img
使用img插入图片，基本格式为<img src="..." alt="..." width=".." height=".." > 图片格式JPEG：照片，色彩丰富，有损， PNG ： 标志，色彩丰富，无损，透明度。GIF：标志，256位色彩，无损，单色透明度，动画。srcsrc后面添加图片地址，可以为相对路径（网站内部），URL（其他网站）。alt图片无法加载时，显示信息。不同浏览器显示
2017-12-04 10:51:33
221
原创 HTML-a
简介在HTML中插入链接或锚点 ，使用a href="..." target="..." >clicka> href ： 为超链接地址，可以为相对路径，URL，和id（添加id为 #id_name 锚点）target : 为新连接打开方式， 可以省略为当前窗口，_blank为新窗口，自命名。 注意：路径链接只用使用’/’，不能使用’\’。对于a我们经常使用伪类，即
2017-12-04 08:47:57
377
原创 javascript-data type
数据类型在javascript中不需要明确指定数据类型，可以根据赋值自动选择数据类型。数据类型一般分为六类numberbooleanstringnullundefinedobject 其中object为对象类型，其他为原始类型。object中又包括 function，array，date等。JavaScript中可以用‘+’‘-’进行隐式转换string + num = num （
2017-11-16 10:39:45
2745
原创 并行边缘检测 - 一阶微分算子
基本原理一阶微分算子（即梯度算子）利用灰度一阶导数的信息完成幅图像边缘的检测。代表Roberts，Kirsch，Prewitt，Sobel，Isotropic Sobel，Robinson，Frei，Chen等。计算一阶梯度，选取阀值，灰度梯度幅值大于阀值处点作为阶跃状边缘点检出。计算幅值常用近似方法： |∇f|=|Gx|+|Gy||\nabla f|=|G_x|+|G_y| |∇f|=max(
2017-11-13 10:48:24
2235
原创 图像退化
图像退化(image deterioration)图像在形成、记录、处理和传输过程中，由于成像系统、记录设备、传输介质和处理方法的不完善，导致图像质量的下降，这种现象叫做图像退化。数学模型 如下图，一个原始图像f(x,y)经过退化算子或退化系统h(x,y)作用，再和噪声n(x,y)进行叠加，形成退化后图像g(x,y)。 假设退化系统是线性和空间不变的，则连续函数的空间退化模型可表示为 g(x,
2017-11-12 11:15:38
7829
原创 噪声分类
噪音分类（一）1. 白噪声白噪声(白杂讯)，是一种功率频谱密度为常数的随机信号或随机过程，是功率谱密度在整个频域内均匀分布的噪声。此信号在各个频段上的功率是一样的，由于白光是由各种频率（颜色）的单色光混合而成，因而此信号的这种具有平坦功率谱的性质被称作是“白色的”，此信号也因此被称作白噪声。相对的，其他不具有这一性质的噪声信号(功率谱密度不均匀分布)被称为有色噪声。 理想的白噪声具有无限带宽，因而其
2017-11-10 20:09:08
21017
原创 图像平滑2-空间与低通滤波
频率域滤波可以用空间域卷积来实现。中值滤波（median filter）概念 中值滤波法是一种非线性平滑技术，它将每一像素点的灰度值设置为该点某邻域窗口内的所有像素点灰度值的中值。作用中值滤波对脉冲噪声有良好的滤除作用，特别是在滤除噪声的同时，能够保护信号的边缘，使之不被模糊。这些优良特性是线性滤波方法所不具有的。中值滤波法对消除椒盐噪声非常有效，在光学测量条纹图象的相位分析处理方法中有特殊
2017-11-10 16:25:46
911
原创 图像平滑1-邻域平均法
图像平滑消除或减少噪声污染，实际上为低通滤波，允许信号低频成分通过，阻截高频成分。注意，边缘属于高频成分，所以平滑会导致图像的模糊。常见算法：线性平滑，非线性平滑，自适应平滑。邻域平均法（均值滤波）利用邻域平均或加权平均抑制噪声污染。 邻域平均 g(x,y)=1M∑i,j∈sf(i,j)g(x,y)=\frac{1}{M}\sum_{i,j \in s}{f(i,j)} 加权平均 g(
2017-11-10 11:02:53
21076
原创 图像增强-直方图增强
灰度直方图###概念 对应每一个灰度值，统计该灰度值的像素数，据此绘制的像素数-灰度值图形。直方图均衡化（histogram equalization）意义得到灰度直方图均匀分布的新图像，灰度分布区域均匀，图像所占的像素灰度间距拉大，加大图像反差，改善图像视觉效果，达到增强效果。步骤计算原始图像直方图。 h(rk)=nkP(rk)=nk/nh(r_k)=n_k \\ P(r_k)=n_k
2017-11-09 21:46:24
10224
1
原创 图像预处理-基本概念
图像预处理-基本概念1. neighborhood, regionneighborhood: 邻域，附近像素形成的区域。常见四邻域，八邻域。region：区域，相邻相似性质点组成的集合。像素的连通集（connectedness）。连通集：同一区域中，任意两个像素点至少存在一条连通路径。四连通区域或四邻域，是指对应像素位置的上、下、左、右，是紧邻的位置。共4个方向，所以称之为四连通区域，又叫四
2017-11-09 14:33:46
2635
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人