- 博客(227)
- 收藏
- 关注
RSS订阅原创 HighLight组件封装
1.思路：自己在写HighLight组件的时候，是这样的思想：比如说有这么一段字：’王宝强好帅’，高亮词是[‘宝强’,’帅’]，那么我就去遍历这个数组，将数组的元素去匹配文本，将’宝强’和’帅’替换为<span>宝强</span>和<span>帅</span>，最后的结果就是得到这样一个字符串’王<span>宝强</span>好 <span>帅</span>’，再用div包裹一下，最后再通过div的dange
2022-05-08 00:17:26
263
原创 Webpack学习总结
前端项目的本质无非就是一个HTML文件。在前端刚兴起的时候，大家都将前端代码写在一个HTML文件中，里面的style标签用于写css样式或者使用link标签进行引入，script标签用于写js代码或者使用script标签进行引入。但是这样写代码会出现一些弊端，比如引用的css包和js包过多就会出现页面卡死和引用前后顺序难以管理等情况，这无疑是致命的缺点。于是人们都在想解决办法，后来AMD和commonJS应运而生，他们都致力于前端模块化开发，再到后来更加完整、强大、工程华、现代化的webpack诞生了。w
2022-01-04 11:24:24
420
原创 JS的this问题
daJS的this一共可分为四类。分别是：默认绑定； 隐式绑定（上下文绑定）； 显式绑定； new绑定；优先级：new绑定>显示绑定>隐式绑定>默认绑定那么什么是默认绑定、隐式绑定、显式绑定、new绑定呢？下面开始看例子：var name = 'jack';function person() { console.log(this.name); //jack}person();打印jack，这是因为person函数的调用环境是全局，也就是window，这
2021-11-25 17:33:02
286
原创 JS事件流
1.事件：事件是指JS与HTML的交互。2.事件流：IE的事件流是指事件冒泡，Netscape的事件流是指事件捕获。（Netscape是网景通信公司，曾是一家美国的计算机服务公司,曾是IE的竞争对手，在1998年11月被AOL收购）。事件冒泡是指自下而上，事件捕获是指自上而下。3.DOM事件处理：DOM事件处理分为4个级别，分别是DOM0，DOM1，DOM2，DOM3，其中DOM1级事件处理标准中没有定义相关的内容，所以就没有所谓的DOM1事件处理。DOM3级事件处理是在DOM2级事件处理的基础上添
2020-09-30 19:35:54
654
原创 call、apply和bind
function test(){ console.log(this) } test();//打印window var t=new test()//打印test(){}首先我们要明白上面这个this指向问题，普通函数调用，this指向window，而通过new来实例化一个构造函数的对象，则this指向函数。1.call、apply和bind 的相同点和不同点相同点：ca...
2020-09-30 14:20:13
4896
1
原创 JS的事件循环（Event Loop）
JS中的事件分为两种，一种是同步，一种是异步。首先执行同步事间，然后执行异步事件。在异步事件的任务队列中，又分为宏任务和微任务，先执行微任务再执行宏任务。宏任务主要包括script( 整体代码)、setTimeout、setInterval、I/O、UI 交互事件、setImmediate(Node.js 环境)；微任务主要包括Promise、MutaionObserver、process.nextTick(Node.js 环境)。下面看一段代码。 window.onload = fun
2020-09-30 12:25:53
145
原创 BFC
BFC（Block Formatting Context）块级格式上下文，它在网页布局中属于普通流。可通过一下方法来触发BFC：1.浮动元素：float 除 none 以外的值。2.绝对定位元素：position (absolute、fixed)。3.display 为 inline-block、table-cells、flex。4.overflow 除了 visible 以外的值 (hidden、auto、scroll)。下面我们通过一些具体的实例来理解BFC的作用。例一：问两个div上下
2020-09-30 09:09:56
105
原创 let、const与var
1.var只区分全局变量与函数变量，{var i=1}console.log(i)，会打印出1，可以看出{}是限制不了var的。let属于块级变量，即 {leti=1}console.log(i)会报错i未定义。2.var可以变量提升，即可以先调用后声明，比如i=1;var i;console.log(i);会打印1。let不可以，即i=1;let i;console.log(i)会报错不能在i初始化前访问i。3.var可以在相同作用域内重复使用，即{var i=1;var i=...
2020-09-22 21:53:13
174
1
原创 JS基本数据类型的介绍及其相关操作
JS的基本数据类型有null，undefined，number，string，boolean。若要判断一个元素的类型，可通过typeof来判断。比如说： var num=1; alert(typeof num);//弹出number var str="aaa"; alert(typeof str);//弹出string var bool=true; aler
2020-09-22 19:50:03
178
原创 CSS设置垂直居中和水平居中的方法
1.水平居中。（1）给父元素设置text-align:center；该方法只适合于行内元素。（2）给自己本身设置margin:0 auto;该方法只适合块级元素。（3）给父元素设置display:flex;justify-content:center;该方法适合块级元素和行内元素。（4）给自己本身设置margin-left:50%;transform:translateX(-50%);该方法适合块级元素和行内元素。其中transform:translateX(-50%);代表向左移动自身的一
2020-09-22 17:05:40
745
原创 闭包
1.什么是闭包？闭包就是能够读取其他函数内部变量的函数，比如函数a里面一个函数b，b引用了a的变量，这就形成了一个闭包，比如： function outer() { var a=0; return function inner() { a++; console.log(a) } }
2020-09-19 15:58:20
136
原创 JS的__proto__，prototype和constructor
function Test(){};var f1=new Test();test()是一个构造函数。引申：构造函数与普通函数：构造函数：1.用new关键字调用；2.函数内部可以使用this关键字；3.一般不使用return；4.函数名首字母大写普通函数：不需要使用new关键字调用；2.函数内部不建议使用this；3.可以使用return；4.函数首字母小写比如： window.onload = function (a,b) { /*1.普通函数
2020-09-12 13:54:21
213
原创 Promise总结
一.Promise产生的背景前言：JavaScript是单线程语言，所以在执行耗时较大的任务时会导致页面阻塞。为了解决页面阻塞，异步执行被提了出来(异步被放在任务队列中，当所有同步执行完毕再去执行异步，而任务队列的异步有不是依次执行，谁耗时少就先执行谁)。异步带来一个执行顺序的问题，要想按照顺序依次执行，怎么办呢？最传统的方法是使用回调函数，也就是callback，但是callback是嵌套型的，就产生了很多弊端，比如：代码耦合性强，阅读起来不直观。后来ES6新增了一个Promise，Promise的到
2020-09-09 16:27:26
379
原创 C盘清理
1.计算机→属性→高级系统设置→系统保护（选中C盘）→配置，然后选择关闭系统保护再点击删除，如图所示。2.下载dism++软件清理垃圾文件。
2020-08-19 19:16:46
260
原创 CUDA out of memory（CUDA显存不足）
1.查看CUDA使用情况。在C:\Program Files\NVIDIA Corporation\NVSMI位置打开命令行，然后输入nvidia-smi.exe -l 1，可每秒更新CUDA使用情况，如图所示。2.本机的CUDA显存为2048MiB，当前使用为67MiB，运行模型后，发现当前CUDA使用情况超过2048MiB，解决方法为减小batch_size的大小（减小后结果可能会变差），若减小batch_size后CUDA显存还是不足或者是结果很差，那么就放弃使用GPU，使用CPU就行了。
2020-07-21 22:05:13
18161
3
原创 python安装matlab.engine
大部分python库都是通过pip来安装的，而matlab自R2014b以后引入了MATLAB engine这一功能, 提供了对Python的支持，matlab.engine的安装不是通过pip安装的，具体安装流程如下：1.首先下载matlab2017b安装包并进行安装。（可通过微信公众号：软件安装管家进行安装）。2.找到matlab的安装位置，本人的为D:\Program Files\MATLAB\R2017b\extern\engines\python，在此处按下shift和鼠标右键，点击“在此
2020-07-07 18:36:38
3093
4
原创 win7下pytorch-gpu安装
一.概念NVIDIA：NVIDIA是一家人工智能公司，创立于1993年，1999年，NVIDIA定义了GPU。显卡：显卡是计算机最基本组成成分之一，用途是将计算机系统所需要的显示信息进行转换驱动显示器，主流显卡的显示芯片主要由NVIDIA（英伟达）和AMD（超微半导体）两大厂商制造。独立显卡顾名思义就是独立出来的显卡，在主板上有单独的显卡插槽是可以拆卸的，集成显卡的意思是集成在主板上的一种显卡，它使用的显存是系统的一部分内存，自身没有显存GPU：Graphics Processing Unit，
2020-07-06 16:59:33
1155
原创 CPU核心数、进程、多线程、单线程、同步、异步、并行、并发。
例子：一个火车站就是一个CPU，一个窗口（每个窗口对应一个售票员）就是一个CPU核心，窗口前排队数就是线程数。同步是指：一个窗口前排了一个队伍，售票员处理完前一个人的事情再去处理下一个人的事情。假设这个队伍有三个人，A被接待后需要2分钟考虑，B被接待后需要1分钟考虑，C被接待后需要3分钟需要考虑，那么同步一共需要2+1+3=6分钟时间，解决顺序为A、B、C，优点：顺便依次进行；缺点：耗时。异步是指A、B、C逐个被接待，但是你们一起到一边考虑去，考虑完了就给你解决，那么一共则需要3分钟，但是解决的顺序则是
2020-06-01 23:52:15
760
转载 promise
Promise是什么JS就是操作对象上的属性和方法，对于一个对象，想要了解，我们可以直接从其身上的属性和方法入手；直接使用console.dir(对象)打印出来Promise对象从上面打印出来的属性和方法，可以看到Promise是一个构造函数，有属于自己私有的all,reject,resolve,rece等方法，也有原型上面的，属于实例对象调用的方法then,catch...
2020-03-30 22:32:32
198
原创 C#打开txt文件的点数据，进行显示和一系列操作
1.using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawing;using System.Linq;using System.Text;using System.Threading.Tasks;using Sy...
2020-02-22 22:59:53
675
原创 前端小知识
小知识一：报错：Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.翻译：跨源请求只支持协议方案:http、data、chrome、chrome-extension、https...
2019-10-05 19:33:43
182
转载 OpenLayers 3 之 地图图层(Layers) 详解
如果不是专业的地图工作者，看到地图，可能觉得地图就是一张将三维世界映射到二维空间，很多信息混杂在一起表示空间信息的动态可交互图片，其实这只是表面现象。实际上地图是由一个或多个图层组成的，使用不同的图层存储不同类型的地物，比如由存储道路的图层，有展示拥堵情况的图层，通常还有一个含有基础地理信息（比如政区划分）的底图图层。在 OpenLayers 中，图层是使用 layer 对象表示...
2019-10-01 19:55:07
1986
转载 躺下来聊聊前端自动化—node.js、npm、webpack、gulp这些鬼
每次在文章前面总想bb叨些废话。从3月入门到如今仰头圆月的8月半，5个半月就决定了我未来几年的职业方向甚至说是未来几年的生活重心，选择和遇见真是个奇妙的事情，就像原本不合时宜的胃疼和恰如其分而来的草莓味奥利奥……在学习前端的前两个半月，按部就班的html、css、js、jq，恩，页面很好看了。然而一个周末的vue课程，当超哥带我们敲下cmd打开这个小小的黑框子时世界就不一样了，哦，当时并没有被...
2019-09-08 19:06:41
294
转载 npm的常识
npm 是干什么的?网上的 npm 教程主要都在讲怎么安装、配置和使用 npm ，却很少告诉新人「npm 是干什么的？」「为什么要使用 npm？」。今天我就来讲讲这个话题。本文目标读者是「不太了解 npm 的新人」，老司机请绕道。社区程序员自古以来就有社区文化。社区的意思是：拥有共同职业或兴趣的人们，自发组织在一起，通过分享信息和资源进行合作。虚拟社区的参与者经常会在线讨论相关话题，或...
2019-09-08 14:00:31
119
原创 JS数组去重方法
一.一维数组去重 var arr=[1,2,1,2]; //定义一个空数组 var arr1=[]; //遍历原始数组，若新数组中没有这个元素，那么就将该元素添加到新数组中 for (var i=0;i<arr.length;i++){ ...
2019-07-12 21:06:37
375
原创 PS.14-加深工具组
该工具组比较简单。加深工具组是处理图像的阴影区，使阴影区的颜色加深，使其立体效果更好。减淡工具与之相反。海绵工具中，若选择模式为加色，那么图像的饱和度越来越高，若选择为去色，那么涂抹的过程图像会逐渐变为黑白图像。...
2019-06-06 12:57:16
590
原创 13.PS-模糊工具组
该工具组比较简单，一般用于处理人物细节。模糊工具使图像变得模糊，锐化工具使图像变得清晰，涂抹工具像油彩画一样使图像的颜色某个地方的色料涂抹到其他地方。...
2019-06-06 12:52:50
662
原创 12.PS-渐变工具组
一.渐变工具是常用的工具组，比较简单。1选择色带。2.选择渐变的方式。3.勾选反向，则色带的颜色与原先相反。4.由于色带中含有某种颜色到透明的这种渐变，故勾选透明区域，才能显示这种透明的渐变。二.油漆桶工具用的比较少，该工具是用来进行颜色替换的，跟颜色替换工具的“取样：一次”略微相似。9中的颜色替换工具是用来进行颜色的叠加，而油漆桶工具直接进行颜色的替换，跟“取样：一次”很相似，即每次...
2019-06-06 12:49:28
453
原创 11.PS-橡皮擦工具组
一.橡皮擦工具是用来擦除像素的。1.常规的参数框，不透明度是指并没有完全擦除图案，有透明效果，需要注意的是刚开始打开的图片是锁着的，如果不把锁打开直接使用橡皮擦，会把背景色给涂抹上去，达不到擦除像素的效果。但再次锁定图层，橡皮擦工具显示不可用。2.若勾选抹到历史记录，则在删除像素的地方进行涂抹的时候是恢复原始像素。二.背景橡皮擦工具同样也是用来擦除像素的，但与橡皮擦工具不同的是：1中跟...
2019-06-05 20:52:15
1260
原创 11.PS-神奇的仿制图章
仿制图章工具和之前8中的修复画笔工具很相似，都是取样本，然后进行涂抹。1.注意这个硬度的调剂，若太大，涂抹后的图案会很生硬。2.这个工具可以记录多个样本源。3.对齐和之前讲的一样，勾选，鼠标松开接着画就会记录上次画的位置；不勾选鼠标松开会从样本源重新开始画。...
2019-06-05 18:07:22
322
原创 10.PS-铅笔工具
铅笔工具用的比较少。1.跟画笔工具很相似，但是铅笔工具没有硬度这个概念。2.若是勾选自动涂抹，那么首先画出的是前景色，鼠标松开，再次在原来的前景色上进行涂抹的时候，会在原来的图案上涂抹出背景色。颜色替换工具。颜色替换工具与画笔和铅笔不同的是，它的颜色不会遮盖住原来的颜色，会叠加上去。1.常用的一般是颜色和饱和度。2.这三个工具：第一个是“取样：连续”，即给涂到哪里哪里就会上色；第二个工...
2019-06-05 17:00:18
471
原创 9.PS-强大的画笔工具
画笔工具非常强大，1.选画笔的大小、硬度、笔尖样式等等。2.模式一般为正常。3.调节画笔的不透明度与流量。画笔工具最复杂的参数调节是右侧参数框，里面是对画笔的角度、颜色、透明度、纹理等等的设置。需要注意的是，画笔的颜色是前景色的颜色，而前景色吸取颜色有三种方法。第一，使用吸管工具。第二，点击画笔工具按着Alt键即可进行前景色的吸取。第三，点击前景色面板也可进行颜色的吸取。...
2019-06-05 16:19:37
474
原创 8.PS-快速掌握人物祛斑
一.污点修复画笔工具是用来给任务祛斑，1.表示祛斑范围的大小，祛斑的原理是根据圆周围的像素进行祛斑，故这个圆尽量不要太大，否则会破坏图像本身的纹理。2.模式一般默认正常即可。3.类型一般也是选为默认的内容识别。4.若勾选对所有图层取样，那么进行祛斑的时候，遮盖黑点的新皮肤像素会存在这个新的图层中，要学会善于使用图层。二.修复画笔工具也是用来祛斑的。1.圆的大小。2.这个工具的原理是通过...
2019-06-05 15:11:47
318
原创 7.PS-强大的画笔工具
1.吸管工具是为前景色吸取颜色的，按着Alt键是为背景色吸取颜色。取样大小是取颜色的方法，可以是像素级的，也可以是多个像素的平均值。样本是对吸取的图层进行设置。2.3D材质吸管工具现在用不着。3.颜色取样器工具是记录点击处的颜色信息，有RGB和CMYK。4.标尺工具是用来测量距离，可通过图像→分析→设置测量比例→自定义来通过像素长度设置逻辑长度和单位，以此来查看图像中局部的逻辑长度...
2019-06-05 11:23:18
294
原创 6.PS-裁剪和切片
裁剪工具是对图片进行裁剪。1.按比例进行裁剪。2.若图片倾斜，可以用此工具进行拉直，注意若点击拉直后光标显示的不是尺子，就关闭大写键。3.若勾选删除裁剪的像素单选框，那么在裁剪的时候，其余部分会被删除，若想恢复，只能通过撤销这种方法切片工具一般用于将一张图片切为多张图片，其中基于参考线的切片这个工具可以通过参考线来进行辅助切片，并且还可对每个切片添加超链接，方法为：右键图片→编辑切片选...
2019-06-05 10:51:53
409
原创 5.PS-快速选择和魔棒
同样，该工具还是用来抠图，该工具是最常用的抠图工具。需要注意的是1.激活快速选择工具，光标显示的是一个圆，若是一个十字星，关那么闭大写输入法即可。2.Shift键是加选择区，Alt键是减选择区。魔棒工具的容差是自动选择的阈值。...
2019-06-04 21:49:08
307
原创 4.PS-套索工具组
该工具是用来要求不高的抠图，其中套索工具是跟着鼠标绘制任意图形，多边形套索工具绘制的是线段，磁性套索工具是根据颜色差进行吸附，这个宽度代表鼠标抖动的范围，对比度代表色差范围，频率代表节点个数的频率。在通过磁性套索工具抠出来的图，有两个问题：第一，会有棱角，不光滑。第二：头发丝抠不出来，会带有其他颜色。解决这种问题是通过“选择并遮住”工具。首先选择视合适的图模式，然后可通过全局调整来...
2019-06-04 20:12:47
620
原创 3.PS-矩形选框工具组
该工具是用来抠图的。绘制一个形状之后，会获得一个蚂蚁线，然后ctrl+J，或者右键“通过拷贝的图层”来将选区拷贝出一个新的图层。1.是用来设置选择区的。2.是用来设置羽化像素的，若调为0，抠出来的图会比较生硬。3.是用来设置选择区的长宽比例的。扩充：1.选择区填充前景色快捷键：Alt+Del，选择区填充背景色快捷键：Ctrl+Del。需要注意的是，在给选择区填充前景色的时候，最好先新建...
2019-06-04 19:07:28
940
原创 2.PS-移动工具
1.自动选择：勾选自动选择，鼠标点击图片上的某个图案，该图案对应的图层就会被自动激活；否则，只能通过点击图层去激活图层。2.可选图层和组，组就是若干个图层的集合。3.图层的对齐方式。扩充：1.Ctrl+T，是图层的自由变换，即改变图片的大小，按着shift键，会等比例缩放。2.Ctrl+J，复制并粘贴当前图层。...
2019-06-04 17:51:45
331
原创 1.PS-打开、新建及存储
一.PS打开PS打开有三种方式。1.文件→打开 2.双击工作区 3.拖拽二.PS新建比如在制作海报的时候，需要自定义海报的尺寸，设置标题、宽高、分辨率、颜色模式和背景内容。其中颜色模式一般选RGB和CMYK，RGB分别指红、绿、蓝，代表工业界的颜色标准，CMYK代表青、洋红、黄、黑四种印刷专用的油墨颜色。三.存储保存常用格式为：JPG、PNG、PSD、TIFF。JPG：这是...
2019-06-04 17:07:44
362
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人