lqy455949477的博客

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

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

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

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

原创 画个原型链做备份

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

2018/02/08更新 translate3d和matrix3d的作用是强制调用GPU渲染效果，比CPU渲染的效果更好，同时也不会引起z轴位置的错位。首先要说明的是，这个问题并不是在所有浏览器下存在，而且也不是在所有chrome浏览器版本中存在。就目前chrome 62.0版本中，确实存在这个问题。这个问题的现象是，首先定义了一个fixed元素（通常拥有较高的z-index），比如...

原创 Angular中的组件交互

官方文档其实对此已经有了比较好的说明，但是理解起来还是有一定难度。其实Angular体系的组件交互总结起来就是两点：1.父组件向子组件传值，通过属性绑定，即中括号[ ]2.子组件向父组件传值，通过事件触发，即小括号( )父组件向子组件传值首先，子组件中要用@Input()装饰器来表示输入的变量，将父组件传入的内容用一个变量承载。 例如，子组件（假设名称为”app-child”）中：@Input()

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

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

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

Angular在IE浏览器下的配置Angular自身是以新浏览器平台为主要目标的，默认没有设置对IE的支持，需要手动进行设置。1.tsconfig.jsontsconfig.json文件中有一项需要特别注意"target": "es5"如果使用es2015，IE浏览器就会报出Syntax Error，原因是所有IE版本都不支持ES2015（ES6）。通常IE版本（除IE8以外）都支持ES5，IE8仅

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

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

原创 TypeScript的书写规范（TSLint）配置修改

新版Angular中使用的Typescript书写规范非常恼人，比如默认会启用no-trailing-whitespace这样的选项。官方对此的说明是为了配合GIT的使用规范。虽然这种规则在规范程序员的代码风格方面有一定作用，但是对于已经形成自身风格的人而言，纯粹是多此一举。比如本人在Oracle实习期间，看到后端项目中Java代码的风格也是因人而异，比如有些人喜欢在方法之间间隔一行，有些人就

原创 JS闭包中的变量

1.变量的值先前在写代码的时候碰到一个问题，使用闭包来执行函数，会造成变量不能正常调用。用一个例子来说明：for(var i = 0; i<3; i++){ function(){ console.log(i); }}执行的结果并不是期望中的0，1，2；而是三个3。后来从《我用了两个月的时间才理解 let》中找到了问题所在。这里先放上地址：https://zhua

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

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

转载 转载：grid中实现换行

在工作中碰见了这样一个问题：在用htmleditor编辑器编写的内容在grid的列中显示的时候可以显示全部内容（这时会将这一列撑起来）而在用textarea编辑的内容则不会显示完全。后来知道是因为textarea的底部样式导致的：.x-grid-cell-inner中的text-overflow，white-space在这里简单说下这两个样式：text-overflow  

原创 Linux下部署Hadoop开发环境

需要提前准备的系统环境及软件有：Eclipse，Hadoop集成包，Java。（推荐从官网下载压缩包进行解压，Linux系统自动安装的功能要考虑国内网络情况）本文使用的版本： Linux--Ubuntu 17.04Hadoop--2.8.0Java--Java8_u131Eclipse--版本代号Oxygen步骤：一.安装Java环境1.1.将java压缩包解压

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

StackOverflow上有关于LocalStorage存储和读取Object类型的方法说明。http://stackoverflow.com/questions/2010892/storing-objects-in-html5-localstorage这里先提供一下关于存储和读取的通用方法。写入时注意要使用JSON.stringfy()方法将写入的对象或Array字符串

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

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

原创 Angular与SpringFramework的HTTP交互

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