汪小穆-CSDN博客

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

前言：ECMAScript是松散数据类型，也就是说数据类型之间存在着隐式转换。这种隐式转换有利也有弊，我们不需要像java,c等强类型语言那样去强制转换类型后再去执行不同数据类型之间的操作；但我们也要时刻注意隐式转换带来的陷阱。一、隐式转换成Boolean类型Boolean类型与其他类型之间的转换在开发中是比较频繁的用法了。①、隐式转换为truevar str = '123';...

2018-04-16 15:01:04 4805

原创【性能优化】探究各类数组方法遍历性能，以及与Oject检索速率比较

前言：JavaScript中存在许多遍历数组的方法，如for in，forEach，map，filter等，以及ES6新增的for of方法。每个项目经常会出现频繁的遍历数组的场景，且JavaScript的执行是单线程的，所以对于性能的探究，就显得很有必要了。

2021-04-26 16:21:52 510

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

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

2020-06-07 21:36:47 4028

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

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

2019-08-15 17:59:51 14446

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

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

2019-01-14 17:25:49 10610 3

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

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

2018-11-26 08:47:39 6500 4

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

前言：vue-quill-editor中缺少重要的源码编辑功能，我们现在就来给vue-quill-editor工具栏中添加一个源码编辑功能。一、实现代码①、新建一个quill-config.js// toolbar工具栏的工具选项（默认展示全部）const toolOptions = [ ['bold', 'italic', 'underline', 'strike'],...

2018-11-22 13:42:00 21120 30

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

前言：经常在技术群交流群遇到不会用正则拆分数据的网友在问，类似"2018-08-08"，"2018年08月08日"，"555<=ARPU<777"的复杂数据要怎么去拆分，获取到需要的部分。该篇就教你快速上手用正则拆分数据。（正则速查表会放在最后）注意文中紫色文字

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

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

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

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

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

前言：watch是个很实用的属性。不但可以用来监听form标签值的变化，还可以用来监听对象属性的变化。一、案例一<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title&gt...

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

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

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

2018-11-08 11:02:29 31033 8

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

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

2018-11-07 15:51:50 10191 4

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2018-10-25 16:44:24 5682 13

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

前言：form标签的妙用你真的知道吗？

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

原创【JavaScript】惰性加载函数

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

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

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

前言：Vue的生态已经越来越繁荣，越来越多有趣好用的组件加入的生态中了。quill-editor富文本编辑器就是很好用的组件之一。一、quill-editor的安装与使用①、安装npm install vue-quill-editor --save ②、引用组件<template> <div id="Test"> <qui...

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

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

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

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

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

前言：es6箭头函数没出现之前，this的指向不是函数被创建时绑定，而是被怎么样的方式调用时绑定的。而箭头函数刚好相反，箭头函数的this指向是函数被创建时绑定的，它的指向就是当前词法作用域中的this，并且不会因为被怎么样的方式调用改变绑定。如果对非箭头函数this指向有问题的朋友，建议看我之前的文章。【JavaScript】this的指向详解（为了展示方便，这两个例子都是在浏览器环境中...

2018-09-28 16:05:03 13732 10

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

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

2018-09-22 18:09:27 8459 4

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

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

2018-09-22 17:27:09 66054 10

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

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

2018-09-22 10:18:13 1887

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

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

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

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

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

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

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

前言：父组件与子组件直接的传值会有些小问题，特别是动态传值。一、实现动态传值<body><script src="https://cdn.bootcss.com/vue/2.5.16/vue.js"></script><div id="box"> <new-input v-model="name"&amp

2018-09-17 11:43:23 9377

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

前言：字符串方法replace相信大家都用过很多了，是个很实用的方法，但是你真的知道replace的全部用法吗？一、简单字符替换var str = "-moz-flex";console.log(str.replace('-','&'));输出结果这个方法大家都知道，简单的将字符串中找到的第一个匹配字符进行替换。二、配合正则进行字符替换var ...

2018-07-24 15:36:21 438

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

前言：见多了父组件向子组件传递数据，子组件向父组件传递数据，现在来玩玩父组件与子组件之间双向数据绑定，还有通过.sync修饰符，来优化这种写法。方法一：对象的引用关系<body><script src="https://cdn.bootcss.com/vue/2.5.16/vue.js"></script><div id="box"&g...

2018-07-17 10:41:13 17200 3

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

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

2018-07-12 16:48:25 14784 2

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

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

2018-07-11 17:55:50 460

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

前言：jQuery的工具方法是jQuery源码中的基石，是构建庞大的jQuery库的根本。这些工具方法也给我们的编程带来了很多便利。【jquery源码】目录一、修改$.extend()【jquery源码三】jQuery是如何创建方法和扩展方法前面的文章也说到了$.extend()，$.fn.extend()的作用。我们这里进行简易的修改，一样实现扩展方法的效果。jQue...

2018-07-04 15:13:20 595

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

2018-07-03 16:23:31 842

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

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

2018-07-03 11:59:06 798

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

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

2018-06-30 16:51:45 603

原创【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 1477

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

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

2018-06-25 16:17:52 6993

原创【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 3229

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

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

2018-06-13 18:52:03 3372

空空如也

空空如也