穆弘的博客

求真务实,宁静致远

排序:
默认
按更新时间
按访问量

【JavaScript】你不全知道的replace的用法

前言:字符串方法replace相信大家都用过很多了,是个很实用的方法,但是你真的知道replace的全部用法吗?   一、简单字符替换 var str = "-moz-flex"; console.log(str.replace('-','&am...

2018-07-24 15:36:21

阅读数:90

评论数:0

【Vue】三种父组件与子组件双向数据绑定的方法

前言:见多了父组件向子组件传递数据,子组件向父组件传递数据,现在来玩玩父组件与子组件之间双向数据绑定,还有通过.sync修饰符,来优化这种写法。 方法一:对象的引用关系 <body> <script src=&quot...

2018-07-17 10:41:13

阅读数:34

评论数:0

【css】巧妙解决边框颜色渐变时,border-radius失效的问题。

前言:颜色渐变很好用,丰富了前端的色彩世界。边框的颜色用上渐变也很好看,但是当边框颜色渐变遇上border-radius时,问题就出现了。一、问题伊始。<body> <style> .content { wid...

2018-07-12 16:48:25

阅读数:138

评论数:0

【jquery源码五】jQuery工具方法汇总②。

前言:上篇文章已经分析了16个常用工具方法了,现在来继续分析后面的17个常用工具方法。 【jquery源码】目录 【jquery源码五】jQuery工具方法汇总①。   一、工具方法 jQuery.extend({ parseHTML: function( data, context...

2018-07-11 17:55:50

阅读数:44

评论数:0

【jquery源码五】jQuery工具方法汇总①。

前言:jQuery的工具方法是jQuery源码中的基石,是构建庞大的jQuery库的根本。这些工具方法也给我们的编程带来了很多便利。   【jquery源码】目录 一、修改$.extend()   【jquery源码三】jQuery是如何创建方法和扩展方法 前面的文章也说到了$.ext...

2018-07-04 15:13:20

阅读数:134

评论数:0

【jquery源码】目录

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

2018-07-03 16:23:31

阅读数:72

评论数:0

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

前言:前面一篇已经看过$是如何封装jQuery对象的,可以简单的概述为,把DOM对象放在了属性名为0、1、2....下面,然后给jQuery添加了context,length,selector属性,还有一些实例出来的方法。这篇文章来说说jQuery是如何实现众多选择器效果的。一、基本架构。1、先来...

2018-07-03 11:59:06

阅读数:42

评论数:0

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

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

2018-06-30 16:51:45

阅读数:34

评论数:0

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

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

2018-06-30 10:43:11

阅读数:113

评论数:0

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

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

2018-06-25 16:17:52

阅读数:72

评论数:0

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

前言:前端的世界总能遇到很诡异的事情。对,一不下心就能遇到。。。。一、诡异bug重现<body> <input type="text" value="‬" &a...

2018-06-14 15:52:43

阅读数:91

评论数:0

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

前言:大家肯定都试过给元素添加背景background,并且用的绝对不少,但是其中的background-position,你真的了解吗?一、例子①测试图片:<body> <style> .box1 { wid...

2018-06-13 18:52:03

阅读数:128

评论数:0

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

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

2018-06-09 17:55:01

阅读数:209

评论数:0

【杂篇】浏览器加载,解析,渲染过程(在不考虑http协议、缓存、网络等情况下)

前言:要优化浏览器性能就要先去了解浏览器加载解析页面的过程。(这里并没有去考虑http协议,缓存,网络等相关因素,这里就只单纯考虑html,css,js,图片加载解析过程)。一、浏览器加载,解析,渲染过程。先看一个例子<!DOCTYPE html PUBLIC &qu...

2018-06-08 18:53:14

阅读数:112

评论数:0

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

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

2018-06-07 15:04:13

阅读数:157

评论数:0

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

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

2018-06-06 19:01:47

阅读数:49

评论数:0

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

前言:奇怪的事情总会发生在生活的方方面面,前端开发也是。一、问题起始①行内块与行内元素<body> <span>夏末微凉</span> <spa...

2018-06-04 15:28:22

阅读数:95

评论数:0

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

前言:前面已经说过【css】移动端响应式布局与设置响应式字体大小,但是移动自适应布局跟自适应字体大小该怎么进行设置呢? 一、vw, vh vw它是根据可视区的宽度来计算的。 vh它是根据可视区的高度来计算的。 <body> &l...

2018-06-04 10:43:30

阅读数:758

评论数:0

【JavaScript】DOM节点树操作总结

前言:打开一个页面,浏览器首先做的就是绘制节点树,也就是说,我们删除标签,添加标签,其实就是在删除节点,添加节点。一、节点树(画工技术一般般,哈哈..儿童节快乐)这是一个很简单的节点树,<!DOCTYPE html>相当于这棵节点说的根,也称为文档节点,...

2018-06-01 16:22:16

阅读数:171

评论数:0

【ES6】for of用法

前言:for of是ES6新增的循环方法。前面已经说到了 【JavaScript】for、forEach 、for in、each循环详解。那for of又是怎么使用的?一、使用例子var arr = ['nick','fred...

2018-05-31 12:51:25

阅读数:175

评论数:0

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