10 2019 档案

正则表达式技巧
摘要：9个正则表达式技巧 1.匹配模式 正则表达式查找与模式匹配的字符串部分 在JavaScript中，它们是在正斜杠之间//或使用new RegExp() 然后用于match ， test或replace 您可以预先定义正则表达式，也可以直接在调用方法时定义 2.匹配多个 一次匹配单个字符， 或将多个字 阅读全文
posted @ 2019-10-24 22:19 用脑袋行走的人 阅读(341) 评论(0) 推荐(0)
数组降维-JavaScript中apply方法妙用
摘要：海纳百川，有容乃大 1、普通循环转换方式 将多维数组（尤其是二维数组）转化为一维数组是业务开发中的常用逻辑，除了使用朴素的循环转换以外，我们还可以利用Javascript的语言特性实现更为简洁优雅的转换。本文将从朴素的循环转换开始，逐一介绍三种常用的转换方法，并借此简单回顾Array.prototy 阅读全文
posted @ 2019-10-24 21:49 用脑袋行走的人 阅读(603) 评论(0) 推荐(0)
JavaScript 中的 Function.prototype.bind() 方法
摘要：转载自：https://www.cnblogs.com/zztt/p/4122352.html Function.prototype.bind()方法 bind() 方法的主要作用就是将函数绑定至某个对象，bind() 方法会创建一个函数，函数体内this对象的值会被绑定到传入bind() 函数的值 阅读全文
posted @ 2019-10-24 20:53 用脑袋行走的人 阅读(1276) 评论(0) 推荐(0)
JavaScript中的反柯里化
摘要：转载自：https://www.cnblogs.com/zztt/p/4152147.html 柯里化 柯里化又称部分求值，其含义是给函数分步传递参数，每次传递参数后部分应用参数，并返回一个更具体的函数接受剩下的参数，这中间可嵌套多层这样的接受部分参数函数，直至返回最后结果。 因此柯里化的过程是逐步 阅读全文
posted @ 2019-10-24 20:51 用脑袋行走的人 阅读(472) 评论(0) 推荐(0)
JavaScript中的柯里化
摘要：转载自：https://www.cnblogs.com/zztt/p/4142891.html 何为Curry化/柯里化？ curry化来源与数学家 Haskell Curry的名字 （编程语言 Haskell也是以他的名字命名）。 柯里化通常也称部分求值，其含义是给函数分步传递参数，每次传递参数后 阅读全文
posted @ 2019-10-24 20:50 用脑袋行走的人 阅读(575) 评论(0) 推荐(0)
JavaScript中的map()函数
摘要：概述Array.map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值，同时不会改变原来的数组。 用法 示例 注意 ⚠️ 当和parseInt()函数配合使用 将字符转成数字的时候，可直接 本质上是用元素作为函数参数去调用函数，所以无需加上参数 原文链接：https://blo 阅读全文
posted @ 2019-10-24 16:57 用脑袋行走的人 阅读(8460) 评论(0) 推荐(0)
JS中去除字符串空白符
摘要：海纳百川，有容乃大 1、通过原型创建字符串的trim（） 2、函数实现 转自：https://www.cnblogs.com/mafeng/p/10249875.html 阅读全文
posted @ 2019-10-24 16:37 用脑袋行走的人 阅读(1051) 评论(0) 推荐(0)
JS中的reduce函数
摘要：海纳百川，有容乃大 定义： reduce()方法接受一个函数作为累加器，数组中的每个值（从左向右）开始缩减，最终计算为一个值。对空数组是不会执行回调函数的。 案例： 理解： reduce（callback,initialValue)会传入两个参数，回调函数（callback）和初始值（initial 阅读全文
posted @ 2019-10-24 16:32 用脑袋行走的人 阅读(13557) 评论(1) 推荐(0)
Javascript中中括号的几种形式
摘要：有以下几种形式 arr 和 b 表示定义的数组 c中表示数组的某下标的值 d中表示对象的某个属性原文链接：https://blog.csdn.net/weixin_43649130/article/details/91948161 阅读全文
posted @ 2019-10-21 18:00 用脑袋行走的人 阅读(1317) 评论(0) 推荐(0)
JavaScript设计模式-组合模式（表单应用实现）
摘要：书读百遍其义自见 《JavaScript设计模式》一书组合模式在表单中应用，我问你答答案。 注：小编自己根据书中的栗子码的答案，如有错误，请留言斧正。 另：如有转载请注明出处，谢谢啦 阅读全文
posted @ 2019-10-20 00:48 用脑袋行走的人 阅读(469) 评论(0) 推荐(0)
JS中的匿名函数、回调函数、匿名回调函数
摘要：工欲善其事必先利其器 在学习JavaScript设计模式一书时，遇到了“匿名回调函数”这个概念，有点疑惑，查找了些资料重新看了下函数的相关知识点之后，对这个概念有了认识。九层之台，起于垒土。在熟悉这一系列的概念之前，我们先来认识下JavaScript中函数吧。 一、定义函数的方式有两种： 函数声明 阅读全文
posted @ 2019-10-19 21:28 用脑袋行走的人 阅读(1996) 评论(0) 推荐(0)
Javascript设计模式实践之代理模式--图片预加载
摘要：图片的预加载就是在加载大图片前，先显示一个loading.gif，就算在网络比较慢的时候也能让人知道正在加载，总比啥反应都没有强。 下面这段代码就是预加载的一个简单的实现，假设先不处理加载图片时的onError，onAbort，超时的问题。 只关注代码的结构。 <!DOCTYPE html> <ht 阅读全文
posted @ 2019-10-19 16:30 用脑袋行走的人 阅读(217) 评论(0) 推荐(0)
JS变量连续赋值
摘要：下面就是这个经典案例： 我们先来看一下普通连续赋值，即：变量赋值的类型是数据类型值 一般来说，等号赋值的方向是从右至左，那么上面的代码等同于下面这段代码，那么我们就用下面这段代码来解释上面的代码： 上面的小案例用来抛砖引玉，现在我们来分析这个经典案例： 转载自：https://www.cnblogs 阅读全文
posted @ 2019-10-19 12:16 用脑袋行走的人 阅读(620) 评论(0) 推荐(0)
js操作对象属性用点和用中括号有什么不同
摘要：书读百遍其义自见 学习《JavaScript设计模式》一书时，学习工厂模式这一章节，发现了对象后使用中括号的情况，如下： 不是很明白，百度了一些解释，如下： 中括号运算符总是能代替点运算符。但点运算符却不一定能全部代替中括号运算符。 中括号运算符可以用字符串变量的内容作为属性名。点运算符不能。 中括 阅读全文
posted @ 2019-10-18 13:11 用脑袋行走的人 阅读(3666) 评论(0) 推荐(0)
JavaScript中的方法和属性
摘要：书读百遍其义自见 学习《JavaScript设计模式》一书时，前两个章节中的讲解的JavaScript基础知识，让我对属性和方法有了清晰的认识。如下是我的心得体会以及部分摘录的代码。 不同于大多数面向对象语言一样，JavaScript作为一种解释性的弱类型语言，通过自身的一些特性实现类的封装，从而实 阅读全文
posted @ 2019-10-17 18:29 用脑袋行走的人 阅读(990) 评论(0) 推荐(0)
vue的计算属性与方法的不同
摘要：计算属性 vue的模板里可以使用表达式，但是它的设计初衷是用于简单计算，在模板中放入太多逻辑会让模板过重且难以维护。例如： <div id="example"> {{ message.split('').reverse().join('') }} </div> 这里很难一眼看出是要显示什么，而且要多 阅读全文
posted @ 2019-10-16 17:03 用脑袋行走的人 阅读(476) 评论(0) 推荐(0)
vue 中使用 watch 出现了如下的报错
摘要：vue 中使用 watch 出现了如下的报错 报错: Method "watch" has type "object" in the component definition. Did you reference the function Method "watch" has type "objec 阅读全文
posted @ 2019-10-16 16:16 用脑袋行走的人 阅读(1499) 评论(0) 推荐(0)
vue中methods函数调用methods函数写法
摘要：close函数调用open函数，close函数里调用的open函数的参数this赋值给that，这样可以通过that调用到data中的hello。 阅读全文
posted @ 2019-10-16 15:47 用脑袋行走的人 阅读(10115) 评论(0) 推荐(0)
ES2015箭头函数与普通函数对比理解
摘要：不用修正箭头函数的this，this自动指向所在的上下文对象 对比非箭头函数的写法会更容易理解一些： 阅读全文
posted @ 2019-10-16 15:45 用脑袋行走的人 阅读(258) 评论(0) 推荐(0)
JS事件循环(Event Loop)机制
摘要：前言 为何单线程？ 因为如果在DOM操作中，有两个线程一个添加节点，一个删除节点，浏览器并不知道以哪个为准，所以只能选择一个主线程来执行代码，以防止冲突。虽然如今添加了webworker等新技术，但其依然只是主线程的子线程，并不能执行诸如I/O类的操作。长期来看，JS将一直是单线程。 为何非阻塞？因 阅读全文
posted @ 2019-10-15 21:16 用脑袋行走的人 阅读(901) 评论(0) 推荐(0)
PascalCase & camelCase & kebabCase
摘要：帕斯卡拼写法( 也叫大骆驼拼写法),一种计算机编程中的变量命名方法。它主要的特点是将描述变量作用所有单词的首字母大写，然后直接连接起来，单词之间没有连接符。比如: 帕斯卡拼写法( 也叫大骆驼拼写法),一种计算机编程中的变量命名方法。它主要的特点是将描述变量作用所有单词的首字母大写，然后直接连接起来， 阅读全文
posted @ 2019-10-15 12:43 用脑袋行走的人 阅读(1981) 评论(0) 推荐(0)
常用十六进制颜色对照表代码查询
摘要：颜色代码表：以下样色显示您可能觉得不够精确，这和电脑显示器有直接关系。您可查看颜色代码，绝对正确，绝无重复。 16位进制代码 颜色效果 #FFFFFF #FFFFCC #FFFF99 #FFFF66 #FFFF33 #FFFF00 #FFCCFF #FFCCCC #FFCC99 #FFCC66 #F 阅读全文
posted @ 2019-10-12 18:10 用脑袋行走的人 阅读(63979) 评论(0) 推荐(1)
Vue内敛模板
摘要：在学习《Vue实战》一书时，学习到组件高级应用-内联模板这一小节时，照着书上的例子敲了一遍，发现未达到预期，切报错。 书上源代码如下： 实现效果及错误如下： 经查询：inline-template没有那么强大，组件之间的通信仍然需要使用props，修改如下代码即可实现。 阅读全文
posted @ 2019-10-12 16:34 用脑袋行走的人 阅读(407) 评论(0) 推荐(0)
vue自定义组件添加原生事件监听
摘要：注：全局或局部注册的组件称为子组件，其中声明的组件名称（如下demo中的child）是一个自定义组件 Demo1-直接给父组件添加事件监听 Demo2-使用$emit()发布事件广播，然后父组件可以监听子组件向外触发的事件，并执相应方法即可 注：但这种方式是给组件绑定自定义事件，而不是绑定原生事件且 阅读全文
posted @ 2019-10-11 16:00 用脑袋行走的人 阅读(7128) 评论(1) 推荐(0)
vue 组件开发 props 验证
摘要：使用props 在Vue中父组件向子组件中传送数据是通过props实现的，一个简单的使用props的例子： 为什么要有props验证 但是上面这种方式是建立在大家都很遵守约定的情况下的，想象一下当有一个人要使用foo-component组件的时候，他可能对于其要接受的参数有什么要求并不是很清楚，因此 阅读全文
posted @ 2019-10-11 13:50 用脑袋行走的人 阅读(8445) 评论(0) 推荐(2)
Vue中子组件数据跟着父组件改变和父组件数据跟着子组件改变的方法
摘要：一，子组件数据跟着父组件改变 父组件的代码 子组件的代码如下： 总结：父组件通过props传值给子组件，子组件通过watch监听父组件传过来的值改变来重新更新子组件的值。以此来达到子组件的值跟随父组件的值改变。如果不使用watch，虽然父组件传过来的值改变了，但是子组件不会自动更新。 二，父组件数据 阅读全文
posted @ 2019-10-11 10:54 用脑袋行走的人 阅读(10836) 评论(0) 推荐(0)
jQuery中outerWidth()方法
摘要：截图自：菜鸟教程https://www.runoob.com/jquery/html-outerwidth.html 阅读全文
posted @ 2019-10-02 22:52 用脑袋行走的人 阅读(644) 评论(0) 推荐(0)