自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

优雅的博客

努力做一个优秀的前端工程师

  • 博客(50)
  • 问答 (1)
  • 收藏
  • 关注

原创 VSCODE插件开发API

vscode插件开发流程及常用API

2024-01-12 15:34:46 1217

原创 react hook问题记录(持续更新)

react hook 问题记录

2024-01-12 15:02:35 515

原创 [AngularJS] 插件ui-grid使用说明

基础指令ui-grid-edit: 编辑表格;ui-gird-pagination : 分页指令;ui-grid-selection : 选择行;ui-grid-exporter : 导出;ui-grid-resize-columns: 列宽拉伸指令;ui-grid-auto-resize : 解决grid布局 自动适应div 高度和宽度问题(非常有用);JS参数enableS...

2019-06-04 19:53:36 5606

原创 [书] 你不知道的JavaScript

作用域引擎从头到尾负责整个JavaScript程序的编译及执行过程编译器负责语法分析及代码生成(拆分语法)作用域负责收集并维护由所声明的标识符(变量)组成的一系列查询,并实施一套严格的规则,确定当前执行的代码对这些标识符的访问权限使用步骤变量的赋值操作会执行两个动作:首先编译器会在当前作用域中声明一个变量(如果之前没有声明过,会声明;如果有会忽略这个声明)运行时,引擎会在...

2019-06-04 18:52:00 298

原创 监听用户长时间不操作事件(jQuery)

需求:如果用户长时间不操作,跳转到登陆界面解决方案;利用鼠标滑过事件的时间差进行操作判断,如果时间差大于给定的时间表明用户长时间没有操作,跳转到制定界面。let currtentTime = new Date().getTime(), lastTime = new Date().getTime(), diff = 3000; $(document).on(...

2019-05-07 11:55:24 3751 1

原创 SVN使用

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...

2019-04-25 11:01:10 407

原创 css 元素居中

水平居中元素有宽高1.margin: 0 auto;2.position: absolute; left:0; right:0;3.position: absolute; left: 50%; margin-left:-元素宽度一半;4.position: absolute; top: 50%; transform:translate(-50%,1)未知宽高1.flex实际使用时应...

2019-03-19 21:24:46 126

原创 Vue组件间的传值

Vue组件间的通信,主要研究了父子组件间的通信,兄弟组件间的通信

2018-09-03 17:47:36 381

原创 React-Router-DOM 4.x 的使用

相关知识点1. React-Router 和 React-Router-DOMReact-RouterReact-Router提供了一些router的核心API,包括Router, Route, Switch等,但是它没有提供 DOM 操作进行跳转的API。React-Router-DOMReact-Router-DOM 提供了 BrowserRouter, Route...

2018-08-09 17:01:46 5001

原创 Cesium(二) Entity、Primitive等相关API

1.创建图层terrainProvider: 为地球提供表面几何imageryProvider: 提供要在椭圆体上显示的图像 注意: STK World Terrain 在九月一号会被 Cesium World替代 所以scene.terrainProvider = new CesiumTerrainProvider({ url : ''})这段代码要用下面的...

2018-07-27 17:27:55 2059

原创 Cesium(一)界面上的相关控件

相关解释① Geocoder 查找位置工具,查找到之后会将镜头对准找到的地址,默认使用bing地图②Home Button 视角返回初始位置③Scene Mode Picker 选择视角的模式,有三种:3D,2D,哥伦布视图(2.5D)④Base Layer Picker 图层选择器,选择要显示的地图服务和地形服务⑤Navig...

2018-07-26 22:13:17 10297

原创 Vue2.x中利用@font-size引入字体图标报错

利用 vue-cli 搭建的项目平台 利用stylus写的css样式 有 css-loader 依赖包x 下图是 webpack.base.conf.js 关于字体文件的配置 有人这里会有重复的字体文件的配置,删除一项即可出现的问题:引入字体图标出现问题1.报错将字体引入的相对路径改成绝对路径 相对路径 绝对路径 2.不报错,但是出现的字体图标是小方框...

2018-06-13 22:14:03 1564

原创 JS中的深拷贝和浅拷贝

相关知识点1.javascript变量包含两种不同数据类型的值:基本类型和引用类型。基本类型值指的是简单的数据段,包括es6里面新增的一共是有6种,具体如下:number、string、boolean、null、undefined、symbol。引用类型值指那些可能由多个值构成的对象,只有一种如下:object。 在将一个值赋给变量时,解析器必须确定这个值是基本类型值还是引用类型值。...

2018-05-14 15:14:51 12253 3

原创 页面两栏布局

相关知识点1.javascript变量包含两种不同数据类型的值:基本类型和引用类型。基本类型值指的是简单的数据段,包括es6里面新增的一共是有6种,具体如下:number、string、boolean、null、undefined、symbol。引用类型值指那些可能由多个值构成的对象,只有一种如下:object。 在将一个值赋给变量时,解析器必须确定这个值是基本类型值还是引用类型值。...

2018-05-11 11:37:24 17290 3

原创 关于JS里面的函数优先

由于JS编译器的作用,函数声明和变量声明都会被提升,但是一个值得注意的细节是函数会首先被提升,然后才是变量。 提升变量和函数声明从它们在代码中出现的位置被“移动”到了最上面,这叫变量的提升。分为两个部分,第一部分是将所有的变量声明和函数声明放在了代码的最上方,第二部分的代码运行到指定位置时再执行。变量的提升 ...

2018-04-27 09:32:30 2625 5

原创 CSS3

边框border-radius 圆角边框box-shadow 盒子阴影border-image 用图片做边框 Internet Explorer 9+ 支持 border-radius 和 box-shadow 属性。 IE11才支持border-image属性。 Firefox、Chrome 以及 Safari 支持所有新的边框属性。 注释:对于 border-ima...

2018-03-12 21:59:26 243

原创 JS中的正则表达式

正则表达式是由一个字符序列形成的搜索模式。可以是一个简单的字符,或一个更复杂的模式。 语法 /正则表达式主体/修饰符 修饰符为可选项修饰符i : 搜索不区分大小写g :执行全局匹配(查找所有的匹配项,非找到第一个匹配后停止)m :执行多行匹配正则表达式主体方括号(查找某个范围的字符) 表达式 描述...

2018-03-12 10:43:39 226

原创 利用Git操作GitHub里的代码常用指令

Git和GitHub的关系Git是一款免费、开源的分布式版本控制系统 Github是用Git做版本控制的代码托管平台 上传本地文件到GitHub1.创建一个新的Git仓库 首先进入要上传文件的目录,点击右键,选择git bush here,在打开的界面输入如下代码: git init ; 2.添加文件到Git仓库    2.1 使用命令 ...

2018-03-05 17:43:32 416

原创 ECMAScript 2017(ES8)特性概述

Ecma 国际公布了第八版的 ECMAScript 语言规范 ECMAScript 2017(或 ES8)。ECMAScript 是标准化的 JavaScript 语言,1997 年发布了第一版,1998 年和 1999 年发布了第二和第三个版本,之后沉寂了许多年,直到 Ajax 流行起来后标准工作才再次起步,2009 年发布了第五个版本,自 2015 年起每年发布一个版本。ECMAScript ...

2018-03-05 15:08:13 249

原创 移动端字体自适应

完美适口: 移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域 就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域,但viewport又不局限于浏览器可视区域的大小,它可能比浏览器的可视区域要大,也可能比浏览器的可视区域要小。在默认情况下,一般来讲,移动设备上的viewport都是要大于浏览器可视区域的,这是因为考虑...

2018-02-28 15:30:36 9383 5

原创 关于浮动

浮动元素会生成一个块级框,而不论它本身是何种元素。如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。 注释:假如在一行之上只有极少的空间可供浮动元素,那么这个元素会跳至下一行,这个过程会持续到某一行拥有足够的空间为止。 属性 解释 left 元素向左浮动 right 元素向右浮动 none 默认值,元素不浮动 inh...

2018-02-25 17:01:43 176

原创 JavaScript里的闭包

JavaScript中的闭包,无非就是变量解析的过程。闭包的相关定义1.什么是闭包闭包是值能够读取其他函数内部变量的函数。也就是连接函数内部和函数外部的桥梁。2.闭包有什么用处 ①.读取函数变量 ②.让这些变量的值始终存在内存中。由于闭包会携带包含它的函数的作用域,因此会比其他函数占用更多的内存。过度使用闭包可能会导致内存占用过多,因此要慎重使用

2018-01-23 10:05:23 173

原创 JS属性-------内部属性(数据属性和访问器属性)

ECMA-262定义了内部才用的特性是为了实现JavaScript引擎用的,因此在JS中不能直接访问它们。数据属性可以获取和设置值的属性 数据属性包含了一个数据值的位置,在这个位置可以读取和写入值。也就是说,数据属性可以通过 对象.属性 访问,就是我么平常接触的用户赋什么值,它们就返回什么,不会做额外的事情。数据属性有4个描述其行为的特性(为了表示内部值,把属性放在两对方括号中),

2018-01-22 10:05:56 3440

原创 ECMAScript中所有函数的参数都是按值传递的

简单类型,主要是2种参数传递方式,就是值传递和引用传递。复杂类型,实际上有3种传递方式,是值传递、引用复制传递和引用传递。值传递 在向参数传递基本类型的值时,被传递的值会被复制给一个局部变量。例子var count = 20;var result = addTen(count);alert(count); //结果:20alert(result);

2018-01-18 16:15:32 714

原创 JS高级函数--------filter、sort

filterfilter()方法:用于把Array中的某些元素过滤掉,然后返回剩下的元素filter()也接受一个函数,把传入的函数依次作用于每个元素,然后根据返回值是true还是false决定保留还是丢弃该元素。arr.filter(function(ele,index,arr){ });filter()接收的回调函数,其实可以有多个参数。通常我们仅使用第一个参数ele,表示

2018-01-17 09:44:21 1189

原创 JS高级函数--------map/reduce

mapmap() 方法:原数组中的每个元素调用一个指定方法后,返回返回值组成的新数组。arr.map(function)例子: 有一个数组x=[1, 2, 3, 4, 5, 6, 7, 8, 9],求x^2function pow(x){ //定义一个平方函数 return x*x;}var arr=[1,2,3,4,5,6,7,8,9];var r

2018-01-16 22:16:01 13090

原创 node 中的流

官方定义流(Stream) Stream 是一个抽象接口,Node 中有很多对象(http,fs,zlib,tcp)实现了这个接口。例如,对http 服务器发起请求的request 对象就是一个 Stream,还有stdout(标准输出)。 流是可读、可写或者可读写的。我的理解流就是处理数据的一种方式,一般是一个一个的处理数据,用流的方式是一块一块的处理,提高了处理数据的速率,

2018-01-09 21:00:12 307

原创 关于NPM

NPM的定义NPM(node package manager),通常称为node包管理器。顾名思义,它的主要功能就是管理node包,包括:安装、卸载、更新、查看、搜索、发布等。现在只要下载node就会自动的下载NPM。NPM的官网:https://www.npmjs.com/ NPM的官方文档:https://npmjs.org/doc/README.html常用功能允许用户从

2018-01-08 20:43:19 217

原创 MySQL常用指令

MySQL的常用指令的介绍

2017-12-13 11:16:45 246

原创 linux上部署安装MySQL5.6.23

从windows里面拷贝mysql的安装包,在linux下进行安装

2017-12-11 16:18:59 336 2

原创 VMware Workstation10 下安装 CentOS6.5( 安装图文教程 )

一、 下载VM10链接:https://pan.baidu.com/s/1geFpUsN 密码:jb37二、 下载CentOS6.5链接:https://pan.baidu.com/s/1nvbytTJ 密码:dbrr三、 创建新的虚拟机在VMware Workstation 10 主页中选择“创建新的虚拟机”,创建新虚拟机。 选择“自定义(高级)“配置,点击下一步。 选择稍后安装操作系统。先搭建

2017-12-08 16:41:04 4856 1

原创 addEventListener()和attachEvent()

事件处理程序之间的处理,支持DOM Level 2 的浏览器的方法addEventListener()和早期IE的attachEvent()方法

2017-12-08 09:54:40 1604

原创 linux常用命令(5)——压缩、查看内存、RPM、YUM

压缩与解压;查看磁盘、内存、系统使用情况;RPM;YUM

2017-12-07 10:51:15 352

原创 linux常用命令(4)——用户、权限

添加用户;删除用户;修改用户权限

2017-12-06 20:12:55 570

原创 linux常用指令(3)——进程、环境变量配置

进程查看进程ps -ef | grep 进程名 #显示和进程有关的进程如:[root@localhost ~]# ps -ef | grep ntpntp 2607 1 0 23:13 ? 00:00:00 ntpd -u ntp:ntp -p /var/run/ntpd.pid -groot 2618 2502 0 23:14 pts/0

2017-12-06 16:29:52 541

原创 linux常用指令(2)——vi

vi命令是UNIX操作系统和类UNIX操作系统中最通用的全屏幕纯文本编辑器。Linux中的vi编辑器叫vim,它是vi的增强版(vi Improved),与vi编辑器完全兼容,而且实现了很多增强功能。三种模式命令模式:实现对文件的操作编辑模式:实现对文本的编辑尾行模式 :保存文件或退出三种模式的切换: vi filename :进入命令模式; 使用“A”、“a”、“O”、“o”、“I”、

2017-12-06 14:58:35 230

原创 linux删除文件可能存在的问题

尽量不要使用 rm -rf[root@localhost~]# mkdir -p /home/demo1/123 [root@localhost~]# hpath="home/demo1/123"[root@localhost~]# echo $hpathhome/demo1/123[root@localhost~]# touch /home/demo1/123/1.log[root@lo

2017-12-06 09:10:17 1028

原创 linux常用命令(1)——路径、文件

路径pwd:显示完整路径名 cd : 1. 绝对路径:以/开头的 2. 相对路径:不以/开头的 cd ../ #退回上一级目录 cd - #返回上一个文件夹 cd ~ #家目录 注:cd和下面的符号之间必须有空格;家目录是系统自动给每个用户创建的目录。 如上图所示,其中/表示根目录,/home/use1表示的是use1的家目录,/home/use

2017-12-01 16:24:10 704

原创 NODE事件驱动

基本概念事件: 事件是可以被 JavaScript 侦测到的行为,如onclick()。事件驱动:只有当事件发生时候才会调用回调函数,这种函数执行的方式叫做事件驱动。基于事件驱动的回调:通过事件驱动方式实现的回调叫做基于事件驱动的回调。如果和io有关就可以叫做基于异步回调的io。事件循环:Event loop有大量的异步操作完成时需要调用相应回调函数,需要一种机制来管理执行先后,这种机...

2017-11-29 10:06:09 935

原创 js中appendChild()方法

appendChild(Node)这个方法一般是在指定元素节点的最后一个子节点之后添加节点,但如果Node是页面中的DOM对象,那么就不是添加节点了,就是直接Move节点。     ① 创建原来没有的节点 苹果 香蕉 橘子 window.onload = function(){ //定义一个快捷方式 function $(name){ return

2017-11-24 11:30:59 35376 3

空空如也

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

TA关注的人

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