2018年06月_汪小穆

原创【jquery源码四】jQuery对象原型下的方法

前言：通过上篇文章已经知道了，jQuery实例对象中的大量方法很多都是通过$.fn.extend()去进行扩展出来的，但是jQuery下还是有些方法写在上面的，这些方法的作用是相对重要的，而且不会经常需要修改、优化，或者删除的方法。现在来探究下这些方法的奥义。【jquery源码】目录。一、模拟封装jQuery对象的<!DOCTYPE ><html>&...

2018-06-30 16:51:45 636

原创【jquery源码三】jQuery是如何创建方法和扩展方法

前言：jQuery下的方法有很多，而且都很实用。比如each方法，我们可以$.each()这样去使用，也可以$('div').each()这样去使用，两者有什么区别呢？var jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context, rootjQuery );}jQuery.e...

2018-06-30 10:43:11 1500

原创【微信小程序】rpx尺寸单位的应用

前言：微信小程序中的rpx尺寸单位用起来很方便。他是怎么实现计算的呢？(这里要注意的是，常规浏览器解析css代码的时候会把font-size小于12px的字体转成12px,不会让他小于12px的，而微信小程序的字体是可以小于12px的)。参考文章：【css】移动端响应式布局与响应式字体大小一、rpx的应用。 .testDiv { width:300rpx; height:200...

2018-06-25 16:17:52 7060

原创【html】input标签value属性值的字符长度多了1的诡异bug

前言：前端的世界总能遇到很诡异的事情。对，一不下心就能遇到。。。。一、诡异bug重现<body><input type="text" value="‬" ><button>测试1</button><script>var aInp = document.getElementsByTagName('input');var a

2018-06-14 15:52:43 3323

原创【css】background-position陷阱与移动端雪碧图处理

前言：大家肯定都试过给元素添加背景background，并且用的绝对不少，但是其中的background-position，你真的了解吗？我们往往要把页面的中的众多图标合并成一张雪碧图，已减少对服务器的图片请求次数。pc端处理雪碧图是很好处理，但是移动端如果不熟悉background-size跟background-position，处理起来还是有很大麻烦的。一、例子①测试图片：...

2018-06-13 18:52:03 3418

原创【jquery源码二】$选择器--是如何将DOM封装成jquery对象的①

前言：说到jquery不得不说的就是强大的jquery的选择器功能啦。该功能很强大，还单独分离出来sizzle模块供只需用到选择器功能的朋友使用。（该篇先不说jquery选择器的强大功能，先说说jquery是如何将DOM元素封装成jquery对象的）

2018-06-09 17:55:01 2380

原创【性能优化】浏览器加载，解析，渲染过程(在不考虑http协议、缓存、网络等情况下)

前言：要优化浏览器性能就要先去了解浏览器加载解析页面的过程。（这里并没有去考虑http协议，缓存，网络等相关因素，这里就只单纯考虑html，css，js，图片加载解析过程）。一、浏览器加载，解析，渲染过程。先看一个例子<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3....

2018-06-08 18:53:14 894

原创【jquery源码一】开始学习源码之前需要解决的一些问题

前言：在这mvvm模式盛行的今天，很多人说要舍去jquery，舍去DOM操作。很多人觉得没必要去了解jquery源码，而我并不这么认同以上的说法。jquery对javaScript的不足之处进行了封装使其更完善，jquery的源码中更是能看到对js原生方法的完美运用，还能学到很多没见过的操作JavaScript的技巧。简单的说，学习源码能让JavaScript基础更扎实。学习jquery源码需解决...

2018-06-07 15:04:13 1211

原创【JavaScript】对象引用、浅拷贝、深拷贝详解

前言：ECMAScript有五种简单数据类型(也称为基本数据类型)，也有一种复杂数据类型，那就是object了。数组可以是数组对象，函数可以是函数对象，普通对象类型也是，这些object都存在对象引用的问题。一、对象的引用var arr = ['nick'];var obj = { name: 'nick', hobit: ['eat']}var newArr =...

2018-06-06 19:01:47 910

原创【css】行内块元素overflow:hidden;带来的塌陷问题

前言：奇怪的事情总会发生在生活的方方面面，前端开发也是。一、问题起始①行内块与行内元素<body><span>夏末微凉</span><span>夏末微凉</span><style>span { border-bottom:1px solid #000; }span:first-child { display:i...

2018-06-04 15:28:22 5470 4

原创【css】移动端自适应布局与字体大小自适应

前言：前面已经说过【css】移动端响应式布局与设置响应式字体大小，但是移动自适应布局跟自适应字体大小该怎么进行设置呢？一、vw, vhvw它是根据可视区的宽度来计算的。vh它是根据可视区的高度来计算的。<body><style>body { margin:0; }.testDiv { width:100vw; height:100vh; fon...

2018-06-04 10:43:30 47042 5

原创【JavaScript】DOM节点树操作总结

前言：打开一个页面，加载完html文件后，浏览器首先做的就是解析html代码并开始绘制节点树，也就是说，我们删除标签元素，添加标签元素，改变标签元素的大小，改变标签元素的内容，其实就是在删除DOM节点，添加DOM节点，改变DOM节点的大小，也就是说在DOM节点树上进行操作。一、节点树（画工技术一般般，哈哈..儿童节快乐）这是一个很简单的节点树，<!DOCTYPE htm...

2018-06-01 16:22:16 4300 1

汪小穆的博客