自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

汪小穆的博客

编程,是一门艺术。

原创 【JavaScript】探究数据类型之间的隐式转换和大小比较

前言:ECMAScript是松散数据类型,也就是说数据类型之间存在着隐式转换。这种隐式转换有利也有弊,我们不需要像java,c等强类型语言那样去强制转换类型后再去执行不同数据类型之间的操作;但我们也要时刻注意 隐式转换带来的陷阱。 一、隐式转换成Boolean类型 Boolean类型与其他类型...

2018-04-16 15:01:04 4027 0

原创 【node】将Object内容写入到文件中,并获取的技巧

前言:接到这么一个需求,需要将每个模块exports出来的对象拼接成一个新的对象,并写入到一个新的js文件中。

2020-06-07 21:36:47 140 0

原创 【css】探究font-size、文本实际高度、line-height之间的关系

前言:当我们给一个元素设置font-size之后,会发现该元素也会被加上一个line-height,而且该line-height的高度跟font-size并不一致,那么它们之间到底有什么关系呢?

2019-08-15 17:59:51 2769 0

原创 【css】用边框border实现各种各样的形状

前言:前端性能优化中有一个准则是:能用css实现的图标(图片)就尽量用css去实现,达到减少图片使用的目的,从而减少从服务器请求的资源。该篇就说说怎么用边框border实现各种各样的形状。

2019-01-14 17:25:49 3732 2

原创 【Vue】给quill-editor组件中的工具栏添加title

前言:quill-editor组件中的工具栏都是英文,而且最难受的时没有title提示,要怎样给他添加title,并且是中文的title提示呢?   一、创建一个quill-title.js文件 ①、在其中插入以下代码 const titleConfig = { 'ql-b...

2018-11-26 08:47:39 3558 2

原创 【Vue】在quill-editor组件工具栏中添加自定义的方法(添加源码编辑功能)

前言:vue-quill-editor中缺少重要的源码编辑功能,我们现在就来给vue-quill-editor工具栏中添加一个源码编辑功能。 一、实现代码 ①、新建一个quill-config.js // toolbar工具栏的工具选项(默认展示全部) const toolOption...

2018-11-22 13:42:00 10927 20

原创 【JavaScript】如何使用正则拆分复杂数据

前言:经常在技术群交流群遇到不会用正则拆分数据的网友在问,类似"2018-08-08","2018年08月08日","555<=ARPU<777"的复杂数据要怎么去拆分,获取到需要的部分。该篇就教你快速上手用正...

2018-11-17 10:42:58 389 2

原创 【微信小程序】在wxml中执行复杂运算的巧妙方法

前言:微信小程序wxml中的{{ }}可以进行简单四则运算,三元运算符等简单的运算。但是像str.split(','),arr.concat()等复杂的运算是没办法在{{ }}中执行的。但是我们可以通过其他方法实现他。 一、问题还原 <!-- 可以这...

2018-11-15 15:44:20 8117 1

原创 【Vue】如何巧妙使用computed

前言:watch是个很实用的属性。不但可以用来监听form标签值的变化,还可以用来监听对象属性的变化。 一、案例一 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type...

2018-11-12 10:49:00 1650 1

原创 【微信小程序】扫描二维码/条形码,并获取信息

前言:微信小程序-->调用摄像头,扫描二维码,并获取二维码信息,一连串操作,只需要调用微信小程序提供的 wx.scanCode API。

2018-11-08 11:02:29 13265 4

原创 【微信小程序】将canvas画布生成图片,并保存到手机相册

前言:微信小程序里面有趣的东西很多,canvas画布就是其中一个,而且微信小程序提供了很便捷的API用于将画布生成图片,并提供了API用于将图片保存到用户相册中。

2018-11-07 15:51:50 4484 2

原创 【微信小程序】小程序中的各种弹窗API

前言:小程序中提供了很多种快捷方便的弹窗API供开发者使用,例如wx.showToast,wx.showModal,wx.showActionSheet,wx.showLoading。

2018-11-07 10:43:40 14827 1

原创 【微信小程序】事件传参问题

前言:微信小程序跟vue.js有很多相似点,也有很多不同点。例如在事件传值上就有很大区别。

2018-11-06 11:12:01 685 1

原创 【css】display:flex;弹性盒模型全解

前言:弹性盒模型的出现使得前端的布局更简单,更快捷,更灵活。(反正很好用就对了)。   一、flex的浏览器内核兼容写法

2018-10-31 14:56:37 11027 1

原创 【ES6】export与export default的区别

前言:模块加载的出现,使得JavaScript更加强大。学会并使用模块也成为我们的必修课之一了。

2018-10-25 17:55:51 1291 2

原创 【Vue】点击组件外部隐藏组件自身

前言:在开发组件的时候,点击组件外部隐藏组件自身的这种情况很长见到,例如:时间选择框组件,下拉选择框组件等等。  

2018-10-25 16:44:24 3414 10

原创 【html】form标签的妙用你知道哪些?

前言:form标签的妙用你真的知道吗?

2018-10-23 10:55:44 635 1

原创 【JavaScript】惰性加载函数

前言:在大型应用中,如果在使用频率很高的函数程序中存在客户端检测的判断语句,这样每次调用这个函数的时候都要进行一次客户端检测,有没有判断触发函数的时候就只进行一次客户端检测呢?   一、问题还原 let addHandler = function(element, type, handle...

2018-10-22 14:48:10 147 1

原创 【Vue】quill-editor富文本编辑器组件的运用与修改配置使图片上传到服务器

前言:Vue的生态已经越来越繁荣,越来越多有趣好用的组件加入的生态中了。quill-editor富文本编辑器就是很好用的组件之一。   一、quill-editor的安装与使用 ①、安装 npm install vue-quill-editor --save   ②、引用组件 &...

2018-10-20 10:45:05 5911 11

原创 【JavaScript】Function.prototype.bind实现原理

前言:ECMAscript5中的bind()是ES6中箭头函数绑定this的基础。它是的实现原理是怎样的呢?  

2018-10-19 18:05:44 965 1

原创 【ES6】两个例子明白箭头函数this指向

前言:es6箭头函数没出现之前,this的指向不是函数被创建时绑定,而是被怎么样的方式调用时绑定的。而箭头函数刚好相反,箭头函数的this指向是函数被创建时绑定的,它的指向就是当前词法作用域中的this,并且不会因为被怎么样的方式调用改变绑定。 如果对非箭头函数this指向有问题的朋友,建议看我...

2018-09-28 16:05:03 7286 8

原创 【Vue】keep-alive缓存路由跳转前的状态与使用陷阱。

前言:保存路由跳转前的状态这种应用场景还是很常遇到的,比如进行商品筛选,筛选出一些后,点击路由跳转到某个商品的详情页,然后返回页面时,我想让之前的页面能展示之前筛选出来的商品。

2018-09-22 18:09:27 5226 3

原创 【Vue】解决路由切换,页面不更新的实用方法

前言:vue-router的切换不同于传统的页面的切换。路由之间的切换,其实就是组件之间的切换,不是真正的页面切换。这也会导致一个问题,就是引用相同组件的时候,会导致该组件无法更新,也就是我们口中的页面无法更新的问题了。

2018-09-22 17:27:09 36680 6

原创 【ES6】关于" 缺少 ')' " 报错

前言:用ES6写的项目在(IE11)或者(360兼容模式)上打开的时候,经常会出现以下报错,使得页面无法展示。 经过查询,发现这是类似const test = function(a=1) {}这样的写法带来问题。   一、IE浏览器尚不支持的该ES6特性 const test = f...

2018-09-22 10:18:13 386 0

原创 【css】最简单的瀑布流布局方法

前言:用column-count就能实现简单的瀑布流布局

2018-09-19 17:54:34 7566 3

原创 【JavaScript】巧妙使用sort方法将数组内的对象进行排序

前言:在之前写过一篇【JavaScript】数组的sort方法排序原理详解。   sort排序方法实现很巧妙,运用也可以很巧妙,不但可以进行数组数字之间进行排序,还可以将数组内的对象进行排序。   一、将数组内的对象进行排序 var presonArr = [ { name:'...

2018-09-17 12:13:29 2201 1

原创 【Vue】父组件使用v-model,实现子父组件动态传值。

前言:父组件与子组件直接的传值会有些小问题,特别是动态传值。 一、实现动态传值 &lt;body&gt; &lt;script src="https://cdn.bootcss.com/vue/2.5.16/vue.js"&gt;&am...

2018-09-17 11:43:23 6356 0

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

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

2018-07-24 15:36:21 226 0

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

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

2018-07-17 10:41:13 11835 2

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

前言:颜色渐变很好用,丰富了前端的色彩世界。边框的颜色用上渐变也很好看,但是当边框颜色渐变遇上border-radius时,问题就出现了。

2018-07-12 16:48:25 10097 1

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

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

2018-07-11 17:55:50 173 0

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

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

2018-07-04 15:13:20 385 0

原创 【jquery源码】目录

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

2018-07-03 16:23:31 506 0

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

前言:前面一篇已经看过$是如何封装jQuery对象的,可以简单的概述为,把DOM对象放在了属性名为0、1、2....下面,然后给jQuery添加了context,length,selector属性,还有一些实例出来的方法。 【jquery源码二】$选择器--是如何将DOM封装成jquery对象的...

2018-07-03 11:59:06 410 0

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

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

2018-06-30 16:51:45 300 0

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

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

2018-06-30 10:43:11 946 0

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

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

2018-06-25 16:17:52 5393 0

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

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

2018-06-14 15:52:43 1650 0

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

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

2018-06-13 18:52:03 2375 0

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

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

2018-06-09 17:55:01 1770 0

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