自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

lqy455949477的博客

平时的一些积累

原创 触发浏览器重排的一些操作

触发重排的操作 页面的初次渲染 DOM树的结构变化,包括添加、删除dom元素 获取某些属性,包括offsetTop、offsetLeft、 offsetWidth、offsetHeight、scrollTop、scrollLeft、scrollWidth、scrollHeight、client...

2018-03-03 22:14:26

阅读数 774

评论数 0

原创 JS中自定义事件的使用与触发

1. 事件的创建 JS中,最简单的创建事件方法,是使用Event构造器: var myEvent = new Event('event_name'); 但是为了能够传递数据,就需要使用 CustomEvent 构造器: var myEvent = new CustomEvent('ev...

2018-02-24 16:36:52

阅读数 6840

评论数 0

原创 画个原型链做备份

2018-01-23 23:36:30

阅读数 100

评论数 0

原创 Chrome浏览器下fixed元素抖动的解决方案

2018/02/08更新 translate3d和matrix3d的作用是强制调用GPU渲染效果,比CPU渲染的效果更好,同时也不会引起z轴位置的错位。 首先要说明的是,这个问题并不是在所有浏览器下存在,而且也不是在所有chrome浏览器版本中存在。就目前chrome 62.0版本中,确实...

2017-11-29 10:22:09

阅读数 1718

评论数 1

原创 Angular中的组件交互

官方文档其实对此已经有了比较好的说明,但是理解起来还是有一定难度。其实Angular体系的组件交互总结起来就是两点:1.父组件向子组件传值,通过属性绑定,即中括号[ ]2.子组件向父组件传值,通过事件触发,即小括号( )父组件向子组件传值首先,子组件中要用@Input()装饰器来表示输入的变量,将...

2017-11-08 23:42:52

阅读数 249

评论数 0

原创 滚轮事件(wheel)与Transform实现图片上下翻滚

通常在实现一些展示性的网页的时候,我们会选择两种方式:制作基于x轴的轮播插件,或者基于y轴上下翻滚的页面。前者的实现已经非常广泛,然而后者也有着非常不错的效果,而且实现起来更为简单。需要使用的仅仅是wheel事件和css3的transform的结合。首先,在较新版本的浏览器中,鼠标滚动事件已经被规...

2017-10-15 21:39:07

阅读数 818

评论数 0

原创 Angular在IE浏览器下的配置

Angular在IE浏览器下的配置Angular自身是以新浏览器平台为主要目标的,默认没有设置对IE的支持,需要手动进行设置。1.tsconfig.jsontsconfig.json文件中有一项需要特别注意"target": "es5"如果使用es2015,...

2017-09-25 17:58:15

阅读数 3653

评论数 0

原创 绝对定位下的居中对齐

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦: Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富...

2017-09-14 22:49:53

阅读数 274

评论数 0

原创 TypeScript的书写规范(TSLint)配置修改

新版Angular中使用的Typescript书写规范非常恼人,比如默认会启用no-trailing-whitespace这样的选项。官方对此的说明是为了配合GIT的使用规范。 虽然这种规则在规范程序员的代码风格方面有一定作用,但是对于已经形成自身风格的人而言,纯粹是多此一举。比如本人在Oracl...

2017-09-01 10:23:19

阅读数 29712

评论数 9

原创 JS闭包中的变量

1.变量的值 先前在写代码的时候碰到一个问题,使用闭包来执行函数,会造成变量不能正常调用。 用一个例子来说明: for(var i = 0; i<3; i++){ function(){ console.log(i); } }执行的结果并不是期望中的0,1,2;而是三个3。后...

2017-08-01 21:51:05

阅读数 356

评论数 0

原创 <a> 标签下的下划线

首先要介绍一下 text-decoration(文本修饰)这个属性。 它负责设置元素中文本的修饰格式,而标签的下划线就是设置了text-decoration: underline。 如果要消去其下划线,也就只需将它的值改为none。 以下是w3school中摘录的这个属性所有值的定义。 ...

2017-07-17 13:18:17

阅读数 3868

评论数 0

转载 转载:grid中实现换行

在工作中碰见了这样一个问题:在用htmleditor编辑器编写的内容在grid的列中显示的时候可以显示全部内容(这时会将这一列撑起来)而在用textarea编辑的内容则不会显示完全。 后来知道是因为textarea的底部样式导致的:.x-grid-cell-inner中的text-overf...

2017-07-17 13:08:26

阅读数 425

评论数 0

原创 Linux下部署Hadoop开发环境

需要提前准备的系统环境及软件有:Eclipse,Hadoop集成包,Java。(推荐从官网下载压缩包进行解压,Linux系统自动安装的功能要考虑国内网络情况) 本文使用的版本: Linux--Ubuntu 17.04 Hadoop--2.8.0 Java--Java8_u131 Eclipse-...

2017-07-10 14:14:32

阅读数 420

评论数 0

原创 TypeScript中LocalStorage存储和读取Array类型

StackOverflow上有关于LocalStorage存储和读取Object类型的方法说明。 http://stackoverflow.com/questions/2010892/storing-objects-in-html5-localstorage 这里先提供一下关于存储和读取的通...

2017-04-12 19:59:08

阅读数 3148

评论数 0

原创 Angular中实现文字的渐变效果

基本思路是利用css中的transition属性,通过定义两个class,交替变更,实现淡入淡出的效果。 两个class的属性分别为 .message{ color:#ff0000; transition:2s linear all; opacity:0; } .messageWr...

2017-04-10 00:02:42

阅读数 848

评论数 0

原创 Angular与SpringFramework的HTTP交互

Angular中是有提供现成的HTTP方法,但是其数据的格式和AJAX不同。 使用POST方法发送请求 在服务端,如果按Ajax的配置,会产生报错。 试着将请求打印出来,可以发现,其实后端没有正确地接收到请求。 原因是Angular的HTTP方法默认发送的是JSON形式的字符串,而不是对象...

2017-04-09 23:43:08

阅读数 290

评论数 0

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