自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 资源 (1)
  • 收藏
  • 关注

原创 docker常用操作命令-杂记

docker日志如果没有挂载出来(docker-compose.yml中的volumes),就进入容器内查看。ps -ef |grep [容器ID] 查看该容器对应的进程信息,从中找到 进程ID,下一步备用;docker ps 查看所有已经启动的容器,从第一列找到一个[容器ID] ,下一步备用;实时查看指定日志内容:tail -f fileName |grep "指定内容"top -p 进程id 即可查看到进程运行相关cpu及内存信息。进入容器:docker exec -it 容器名 /bin/bash。

2024-04-12 10:14:10 358

原创 vim命令打开日志中文乱码问题解决

进入容器: docker exec -it name /bin/bash。查看编码方式:locale 查看结论基本上都是POSIX。失败理由:一旦退出容器,设置就失效,容器内又不能用vim查看日志。方案二:进入乱码文件,直接修改文件编码方式。方案一,进入容器,修改LANG环境变量。最终方案三成功,最简单也最方便。成功方案三:直接指定编码打开。

2024-01-22 14:33:08 475

原创 mongoDB查找某重复字段

释义:aggregate中第一个$match为查询的过滤条件,该语句作用为查找出数据库中国满足过滤条件的某字段(XX)重复 的所有值。

2023-07-24 17:01:52 227

原创 性能分析-pprof

2,调用后生成profile文件,可用 go tool pprof profile命令打开,top查看,top默认查看 前10条,想查看更多数据,直接topN,如前20:top20。http://localhost:部署IP(本地代理直接用localhost),部署到环境可以不用,默认部署地址ip。注意:1,一旦开始运行 4 中的指标采集后,一定要触发想要采集的方法事件。1,在需要做性能分析的方法内添加如下代码,并引入对应的包。6060:端口可自定义。

2023-07-14 14:30:30 136

原创 typescript面向对象

本文主要是总结ts面向对象的一些概念及常见的面试问题:interface:接口,只声明成员方法不做实现,类似模板的概念class: 类,声明并实现方法。二者关系:接口不能实现接口或者类,所以实现只能用于类身上,即类可以实现接口或类 接口可以继承接口或类 类不可以继承接口,类只能继承类 可多继承或者多实现implements实现,一个新的类,从父类或者接口实现所有的属性和方法,同时可以重写属性和方法,包含一些新的功能extends继承,一个新的接口或者类,从父类或者接口继承所有

2022-01-18 10:44:27 601 1

原创 前端质量总结

最近面试频频被问到如何保证前端质量问题,个人认为这是一个很难以描述齐全的东西。于是乎,只能尽量把自己能想到的点都记录下来,供大家参考,欢迎留言补充。我眼中的质量,应该从以下几个方面去考虑:1,安全:参考安全总结:CSDN2,性能2.1 代码层面:。css放头部,js放尾部,因为css不会阻塞dom的渲染,而js会。尽量减少内联样式的使用。js中尽量少操作dom。样式一次性加载完。防止二次渲染。字体图标代替图片图标3,编码规范...

2022-01-14 16:47:44 620

原创 前端安全思考

前端开发安全问题网上一搜,基本上就两个csrf和xss。整理了一下,发现很多开发细节中也存在安全问题。1,xss攻击:跨站脚本攻击, 本质:恶意代码未经过滤,与网站正常的代码混在一起;浏览器无法分辨哪些脚本是可信的,导致恶意脚本被执行。 分类:存储型(恶意代码存于数据库中后被读取拼接到html返回给前端),反射型(存于url中拼接html返回)及DOM型(打开带有恶意代码的url)。 规避:输入过滤,html转义,存储型和反射型采用纯前端渲染。csp(内容...

2022-01-14 15:51:37 2413

原创 webpack打包原理

面试--webpack打包原理

2022-01-11 15:52:04 131

原创 web 进阶---文章推荐

Symbol 类型。凡是属性名属于 Symbol 类型,就都是独一无二的,可以保证不会与其他属性名产生冲突。(解决属性名冲突的问题)Symbol函数前不能使用new命令,否则会报错。这是因为生成的 Symbol 是一个原始类型的值,不是对象。也就是说,由于 Symbol 值不是对象,所以不能添加属性。基本上,它是一种类似于字符串的数据类型。Symbol函数的参数只是表示对当前 Symbol...

2021-07-28 16:48:40 58

原创 typescript学习笔记

基础类型:boolean,number,string,数组(两种定义方式:let list: number[] = [1, 2, 3];;let list: Array<number> = [1, 2, 3];)元组:元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同如:let x: [string, number];枚举:enum类型是对Jav...

2018-10-31 15:26:58 316

原创 Angular 2架构知识概解

1,模块(module):可执行单个任务的代码块,用export指明其为一个模型,定义为public,可为整个应用程序引用2,组件,组件是具有模板的控制器类,主要处理页面上的应用程序和逻辑的视图。它是一个可以在整个应用程序中使用的代码。注册时使用@Component注释。表明其是一个组件。3,模板:定义组件的视图,该模板告诉Angular如何显示组件,在插值大括号中放置模板表达式{{...

2018-10-31 14:29:28 191

原创 Java基础

1、简单数据类型,采用值传递2、引用数据类型(数组,对象),采用引用传递 数据类型数组:获取数组中某个值所在的index,Java中封装了对应的方法:intindex =Arrays.binarySearch(arrays,key);当数组作为一个参数传递的时候,采用的是引用传递,修改传递后的整个对象是无效的,但是修改对象中的某个具体的值的生效的,因为修改整...

2018-08-27 15:18:09 719

原创 Angular Js学习笔记

初次接触Angular,所以只是用来记载一些基础知识,不对之处,望指正!Angular是一个JavaScript框架,可通过《script》标签添加到网页中<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>ng-app:指令指定了一个AngularJ...

2018-08-21 17:15:06 536

原创 html5学习笔记

datalist:IE9以下,Safari等不支持canvas:IE 8 或更早版本的 IE 浏览器不支持 <canvas> 标签<audio controls(用于控件显示)><source src="" type=""><source src="" type=""></audio&

2018-08-16 12:06:30 140

原创 绝对url和相对url

绝对url:包含了指向目录或者文件的完整信息,包括模式,主机名和路径。对于FTP站点以及几乎所有的不使用HTTP协议的URL,都应该使用绝对的URL相对URL :只给出一个参照位置 引用同目录:文件名+扩展名引用子目录:斜杠+文件名+扩展名上层目录:每上一级就../+ 文件名+扩展名根相对URL:/根文件夹/+文件名+扩展名具体例子参考:https://blog.csdn.net/...

2018-08-16 11:02:42 6846

转载 内存泄漏与内存溢出

1、内存泄漏memory leak :是指程序在申请内存后,无法释放已申请的内存空间,一次内存泄漏似乎不会有大的影响,但内存泄漏堆积后的后果就是内存溢出。 2、内存溢出 out of memory :指程序申请内存时,没有足够的内存供申请者使用,或者说,给了你一块存储int类型数据的存储空间,但是你却存储long类型的数据,那么结果就是内存不够用,此时就会报错OOM,即所谓的内存溢出。 3、二者的...

2018-08-15 21:00:30 145

原创 instanceOf和typeof

bind()方法在ECMAScript5中新定义的,这个方法会创建一个函数的实例,其this值会被绑定到传给bind()函数的值,该函数可传入两个参数第一个参数作为this,第二个及以后的参数则作为函数的参数调用。具体作用如下:1、创建绑定函数就是当我们调用某些函数的时候是要在特定环境下才能调用到,所以我们就要把函数放在特定环境下,就是使用bind把函数绑定到特定的所需的环境下。2、让...

2018-08-14 10:32:43 901 1

原创 apply,call,bind

apply和call是函数传参的两种方式,但是他们常用的主要功能个人理解认为应该是扩展作用域。相同之处:都表示调用一个对象的一个方法,用另一个对象替换当前对象。例如:B.apply(A, arguments);即A对象应用B对象的方法。等同于B.call(A, args1,args2)。不同之处:apply只接受两个参数,一个是在其中运行函数的作用域(即this),另一个是参数数组。而...

2018-08-14 10:12:16 214

转载 纯css制作导航下拉菜单

转载文章,觉得作者思路很好                     导航一                                    二级导航                    二级导航                    二级导航                    二级导航                     

2018-05-01 11:37:43 698

原创 sql中当order by 和distinct同时使用

  在sql中当order by和distinct同时使用时,如果指定了 SELECT DISTINCT,那么 ORDER BY 子句中的项就必须出现在选择列表中。例如:select distinct id from table_name  order by number desc;运行时往往会报错。因为在order by中出现的number没有在select distinct中出现,...

2018-05-01 10:14:51 28827 2

原创 form表单提交中,确定和取消效果的实现

前端开发中的数据提交,目前大多数采用表单提交的方式,但是对于很对初学者来说,只知道在表单格式中,只有一个,如果有两个或者要求有多个提交选择的时候应该怎么做呢,其实用js就可以简单实现:例如下面的效果:有一个确定和取消的提交按钮; 注册  用户名:      证件类型:          身份证    军官证      证件号:

2018-04-13 17:35:28 9061

原创 div蒙层效果的制作

在进行网站开发的时候,为了使得网页界面互动性更佳,用户体验效果更好,界面更简单。常常需要我们实现点击某个按钮或者链接,弹出一个带有蒙层的登录效果。这里我采用的是Jquery,也可以简单进行转换为js:第一步:点击某个链接或者按钮,调用函数弹出div和设置蒙层效果。 [修改密码]第二步:建弹出框的div        用户帐号:    原 密 码:     新 密

2018-04-13 17:26:09 16595

转载 web开发jsp之间页面传递参数的7种方式

1.利用javabeanJavabean类:package entity;public class User { private String username=""; private String gender=""; public String getUsername() { return username; } pu

2018-03-31 10:39:53 7518

原创 华为面经

在找工作的过程中说真的累积到的知识觉得比自己前三年的都多,各种大大小小公司的面试都有,但是印象深刻的不多。华为的留给我的影响却很深。自己面的是前端开发,却被问了一堆C的问题,不深刻也不行呀。。。不过面试官很nice,初面整个过程都挺好的,虽然问的问题基本没答出来。但还是让我让我过了初面。复面过程就有点尴尬了。初面:1、&与*的区别:&代表一个别名,其值一旦设定就不可更改,而*代表某...

2017-10-01 09:13:12 1421

原创 完整css选择器总结与优先级权重

css的选择器,在前端开发中只是很小的一部分,但其重要性却不可忽略。因为其比较繁琐。在看了很多书籍和文章后。我发现选择器的组织真的很混乱,没有找到一个完整的总结。不敢保证我的是否是最完整的,但我已竭尽所能。话不多说,直接看下文: 1.通配符选择器:*{                              color:blue                            ...

2017-08-24 10:36:13 388

原创 http协议相关知识

http返回码及笔试中常见的。

2017-08-24 10:16:18 233

转载 css 精灵

CSS Sprites      1.简介       CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许将一个页面涉及到的所有零星图片都包含到一张大图中,    利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位, 访问页面时避免图片载入缓慢的

2017-08-09 17:26:46 518

原创 代码开发中重构问题

重构一直都是一个热门话题,初识时,对它的概念也模糊不清。今天总算是熟悉一点了。所以决定把它说明一下有关的概念和需要注意的地方。 重构指的是在不改变代码外部行为的前提下进行源码修改,重构需要注意的是保证外部行为的不改变,对于后台代码来说,可以通过大量的自动化测试来确保重构后的代码逻辑。不同的人有不同的编码风格和规范,哪怕是同一个功能模块同一种逻辑思维。不同的人编码方式也不尽相同。在具体的项

2017-06-14 09:35:14 505

web插件AeroWindow.zip

此Jquery插件是一款功能强大的弹窗作品,名为AeroWindow,界面非常好看,仿Win7主题,支持最大化、最小化、拖动、关闭、还原、双击标题栏最大化,还配合Jquery动画插件使用,可以绑定几十种动画效果,网友们还可以根据自己的需求做二次开发。其实我是想免费的,但是它的积分最少要1,我也很无奈。。。

2017-09-13

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除