2017年01月_fullstack_lth

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创浏览器兼容性：控制intput输入框高度

本文通过一个案例解决项目从ie内核迁移到webkit内核，为避免牵扯公司利益，版本号省略。本次要解决的是在IE下的一个输入框迁移到chrome下输入框的UI会发生变化，而且只是输入框有区别，输入文字的大小是没有区别的。即在IE下是没有输入框的，chrome下是有输入框的，输入框非常影响美观，所以我们需要统一我们的UI界面。只需要在input下加入：style="outline:none"

2017-01-18 10:56:39 658

原创 React入门知识

一、简介React 是一个用于构建用户界面的JAVASCRIPT 库。React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。React 起源于 Facebook 的内部项目，用来架设Instagram 的网站，并于 2013 年 5 月开源。React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。二、特点1.声明式设计−R...

2017-01-15 23:05:16 595

原创操作系统I/O：阻塞和非阻塞

操作系统内核对于I/O只有两种方式：阻塞和非阻塞。调用阻塞I/O时，应用程序需要等待I/O完成才返回结果，阻塞I/O的一个特点是调用之后一定要等到系统内核层面完成所有操作后，调用才结束。调用非阻塞I/O跟阻塞I/O的差别为调用之后立即返回，返回后，CPU的时间片可以用来处理其他事务，此时性能是提升的。但是非阻塞I/O的问题是：由于完整的I/O没有完成，立即返回的并不是业务层期望的数据，而仅

2017-01-15 20:09:05 6662

原创 jQuey基础教程

一、jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。jQuery 库包含以下特性：· HTML 元素选取· HTML 元素操作· CSS 操作· HTML 事件函数· JavaScript 特效和动画· HTML DOM 遍历和修改

2017-01-13 09:23:49 430

转载 JS浏览器兼容性问题汇总

1. HTML对象获取问题FireFox：document.getElementById(“idName”);ie:document.idname或者document.getElementById(“idName”).解决办法：统一使用document.getElementById(“idName”);2. const问题说明:Firefox下,可以使用const关键字或v

2017-01-10 17:13:14 2545

原创 js获取鼠标位置

在一些DOM操作中我们经常会跟元素的位置打交道，鼠标交互式一个经常用到的方面，令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果，这篇文章就上鼠标点击位置坐标获取做一些简单的总结，没特殊声明代码在IE8+，FireFox+，Chrome+下进行测试兼容。一、鼠标点击位置坐标相对于屏幕如果是涉及到鼠标点击确定位置相对比较简单，获取到鼠标点击事件后，事件screenX

2017-01-10 16:35:30 247

原创高性能JavcaScript（一）

第一章加载和执行1、将所有的标签都放在中，并放在末尾；2、尽量减少脚本的数量，相应速度将会更快；3、有多种无阻塞下载Javascript的方法：使用标签的defer和async属性；使用动态创建的元素来下载并执行代码；使用XHR对象加载Javascript代码并注入页面中。第二章数据存取1、数据共有四种存储方式：字面量、变量、数组项和对象；2、访问字面量和变

2017-01-09 19:58:37 736

原创 IE和chrom兼容性分析（持续更新）

近期由于要做一个浏览性兼容的项目，由于原来项目基于IE7兼容模式的浏览器内核，现在要更换为Chrome的的浏览器内核，所以需要解决一些页面的浏览器兼容性问题：1、盒模型相关。由于IE浏览器的盒模型的content和chrome的content+pandding+border相等，如下图所示： 2、小于 12px 字号的文字在Chrome下会被强迫渲染为 12px 字号，所以原来在I

2017-01-09 19:05:47 1355