![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
MosumLucifer
目前还在学习中
展开
-
2020年11月14日 学习笔记
2020年11月14日 学习笔记forEach,reduce,map,filter 函数forEach 函数遍历数组,使得其中每一项执行某个操作let arr = [1,2,3,4,5];arr.forEach((item,index)=> { console.log(item);})reduce 函数让数组的前后项做某种计算,并累计最终值array.reduce(function(total, currentValue, currentIndex, arr), initi原创 2020-11-14 22:51:22 · 191 阅读 · 0 评论 -
《ES6标准入门》:函数的扩展
抄也要抄完,另外这章很重要,很多语法都用得到原创 2017-12-17 15:38:56 · 678 阅读 · 0 评论 -
echarts中关于自定义legend图例文字
echarts中关于自定义legend图例文字首先看一张echarts饼图: 这张图很好做,根本不值得提,但是用过echarts的可能会发现这个图例有点不一样,做这个图例花了我好几个小时去查,去试。结合一下echarts中legend图例的特质我们分析一下一些难点:1.这里的图例文本包含两个变量,而formatter提供的变量模板只有name2.两个变量的样式各不相同3.对齐,换原创 2018-01-05 11:26:11 · 59884 阅读 · 19 评论 -
19 个常用的 JavaScript 简写方法
目录19 个常用的 JavaScript 简写方法 1.三元操作符2.短路求值简写方式3.声明变量简写方法4.if存在条件简写方法5.JavaScript循环简写方法6.短路评价7.十进制指数8.对象属性简写9.箭头函数简写10.隐式返回值简写11.默认参数值12.模板字符串13.解构赋值简写方法14.多行字符串简写15.扩展运算符简写16.强制参数简写转载 2018-01-07 21:29:30 · 1003 阅读 · 0 评论 -
JSON数据格式
JSON前言经常需要接触接口的json文件,所以做一个笔记来了解一下json。语法JSON的语法可以表示下列3种类型的值: * 简单值 * 对象 * 数组 不支持变量,函数和对象实例,具体怎么表示上面3种值,分节讲解。1.简单值最简单的json数据可以直接传数字,字符串等:1"hello"不过字符串只限于双引号标识,不能用js中的单引号。原创 2018-01-28 19:50:33 · 354 阅读 · 0 评论 -
WeUI源码解析(一) --- util.js
WeUI是腾讯的前端UI框架,里面的组件样式,特殊组件的动效处理有很多值得我学习的规范和技巧,所以选取几个关键地方的源码来进行研究。弹窗组件选择器组件上传图片组件这里有一个基础的js,util.js,大部分组件的交互都依赖这个js,所以在学习组件前,我们需要先看看util.js完成了哪些工作。util.js1.外部模块先看看util.js依赖的外部模块impor...原创 2018-04-09 13:58:36 · 2493 阅读 · 0 评论 -
快速构建一个测试Web项目
快速构建一个测试项目单纯的运行一段js逻辑的话就不需要构建测试项目,直接写个js,node命令行运行一下就可以了,但是往往阅读一段他人的源码想要自己测试一下就没办法这样子,因为别人会依赖模块,会操作浏览器dom等等,所以自己写一个测试小demo有时候就很有用处。nodejs里面又没有什么dom元素,什么window全局对象,所以我们的代码最好运行在浏览器端,那么构造一个index.html...原创 2018-04-04 10:03:42 · 1336 阅读 · 0 评论 -
promise和async
promise和asyncpromise我觉得脱离promise去谈async是不全面的,理解promise对学习和使用async具有很大的意义。直接看一个阮一峰上Promise对象实现Ajax操作的实例,看着实例去解析:const getJSON = function(url) { const promise = new Promise(function(resolve,...原创 2018-05-28 22:19:05 · 1720 阅读 · 0 评论 -
indexDB的理解与使用
indexDB的理解与使用indexDB的理解与使用 创建数据库创建对象仓库创建事务操作数据 添加数据获取数据删除数据使用游标索引 创建索引使用索引实践创建数据库const request = indexedDB.open('myDatabase', 1);request.addEventListener('success', e =>...转载 2018-05-29 23:22:33 · 8235 阅读 · 0 评论 -
不使用加减运算符实现整数相加(详解)
问题描述给出两个整数 aa 和 bb , 求他们的和。你不需要从输入流读入数据,只需要根据aplusb的两个参数a和b,计算他们的和并返回就行。说明a和b都是 32位 整数么?是的我可以使用位运算符么?当然可以样例如果 a=1 并且 b=2,返回3。挑战显然你可以直接 return a + b,但是你是否可以挑战一下不这样做?(不使用++等算数运算符)...原创 2018-07-05 09:33:23 · 1991 阅读 · 0 评论 -
leetcode:旋转数组
问题给定一个数组,将数组中的元素向右移动 k 个位置,其中 k 是非负数。示例 1:输入: [1,2,3,4,5,6,7] 和 k = 3输出: [5,6,7,1,2,3,4]解释:向右旋转 1 步: [7,1,2,3,4,5,6]向右旋转 2 步: [6,7,1,2,3,4,5]向右旋转 3 步: [5,6,7,1,2,3,4]示例 2:输入: [-...原创 2018-07-23 22:42:28 · 352 阅读 · 0 评论 -
React技能树图
来源在图左上角。纯粹是为了自己平时看看。转载 2018-07-12 22:33:26 · 1303 阅读 · 0 评论 -
IOS调起H5中文参数乱码问题(不是简单编码)
问题情景有一个H5项目涉及到打开新窗口时地址中存在中文参数的情况,经过测试,在android中时可以的,但是在ios中会存在webview都无法打开的情况,也就是说连H5的页面都没有进入窗口就已经卡住了。基础知识encodeURI()把URI字符串采用UTF-8编码格式转化成escape各式的字符串。encodeURI不编码字符有82个:!,#,$,&,',(...原创 2018-08-07 10:14:58 · 3055 阅读 · 1 评论 -
js中对象属性值相同的合并处理
对象属性值相同合并场景因为业务需求,某项服务包含不同的地域,为实现自动化处理,需要将不同地域的数据传给处理端,类似于以下这种:var requestParams = { 'north-1': [ { cloudServiceType: 'a',resourceType: 'b' }, { ...原创 2019-02-12 22:17:55 · 14202 阅读 · 0 评论 -
JS优化:减少前端代码耦合
避免全局耦合场景<script> var PAGE = 20;</script><script src="main.js"></script>全局变量跨了两个文件使用,html和main.js,对于维护main.js的开发很难去理解PAGE变量的含义。不利于维护。JS/CSS/HTML的耦合场景//bad$('.bar...原创 2019-04-21 22:13:41 · 1351 阅读 · 0 评论 -
优化页面打开速度(一)
前言我们经常使用dom渲染的时间和整个页面的load时间来衡量一个页面打开的快不快,下面主要总结一下最近使用的一些可以打开页面优化速度的方式。优化方法傻瓜式优化优化的操作都很简单就可以取得比较明显的效果,是进行页面优化切入的首选方式。1.DNS预读取使用DNS预读取的方式在后代并行地进行DNS的解析,可以防止浏览器耗费时间去解析DNS从而影响页面DOM的渲染,一个稍微复杂的页面通常要进...原创 2019-05-19 21:32:18 · 1203 阅读 · 0 评论 -
《ES6标准入门》:let 和 const 命令
抄也要抄完原创 2017-11-27 22:22:21 · 275 阅读 · 0 评论 -
《ES6标准入门》:数组的扩展
抄也要抄完原创 2017-12-12 21:41:13 · 250 阅读 · 0 评论 -
《ES6标准入门》:字符串扩展
抄也要抄完原创 2017-12-03 12:00:19 · 296 阅读 · 0 评论 -
JavaScript中的回调函数初探
首先看一下js中回调函数的定义: 函数A作为参数(函数引用)传递到另一个函数B中,并且这个函数B执行函数A。我们就说函数A叫做回调函数。如果没有名称(函数表达式),就叫做匿名回调函数。 具体在js中是这么用的function fn(arg1, arg2, callback){ var num = Math.ceil(Math.random() * (arg1 - arg2) + arg2);原创 2017-07-06 09:41:16 · 263 阅读 · 0 评论 -
初识React
简单的了解一下React的基本知识原创 2017-07-06 10:12:31 · 296 阅读 · 0 评论 -
JavaScript中的数组
JavaScript中的数组数组这个概念没什么难懂的,一组数据的组成的一个集合,只不过这个集合是有序的,我们只需要按照序号存取数组就可以了,主要还是了解一下数组的各种用法。下面的内容其实就是《JavaScript权威指南的精简版》,本文借此见数组的知识过了一遍,对数组有一个整体的掌握,又可以日后当作工具查阅。原创 2017-07-16 22:30:47 · 221 阅读 · 0 评论 -
ES5书写规范
ES5代码书写规范转载 2017-07-16 22:53:35 · 1087 阅读 · 0 评论 -
JavaScript中的语句
本文对JavaScript中的一些诸如if,while,for等常见语句进行一个归纳总结原创 2017-07-08 15:11:54 · 390 阅读 · 0 评论 -
Promise对象
主要目的还是理解es6中的promise的用法。原创 2017-08-08 16:16:56 · 389 阅读 · 0 评论 -
Javascript滑动效果利器--Swiper
就是叫你怎么使用Swiper实现一些列切换效果,简单易学。原创 2017-08-10 01:13:18 · 1408 阅读 · 0 评论 -
JavaScript中的this
this 是 JavaScript 中的一个关键字,当一个函数被调用时,除了传入函数的显式参数以外,名为 this 的隐式参数也被传入了函数。this 参数指向了一个自动生成的内部对象,这个内部对象被称为函数上下文。与其他面向对象的语言不同的是, JavaScript 中的 this 依赖于函数的调用方式。所以,想要明白 this 的指向问题,还必须先研究函数在 JavaScript 中是如何被调用转载 2017-07-28 14:40:04 · 313 阅读 · 0 评论 -
JavaScript中的正则表达式
主要还是以一个相对简单实际的方式来理解,学习和应用JavaScript中的正则表达式。本篇还只是入门而已。原创 2017-08-20 16:41:28 · 497 阅读 · 0 评论 -
JavaScript中的BOM(浏览器对象模型)
从这一篇就进入JavaScript进阶的学习阶段,感觉这篇关于BOM写的比较全,就不自己写了,因为没什么理解上的困难,似乎没必要自己再手写一份,不好的地方就是这些对象的方法自己记得肯定是大打折扣了,最好找个时间背一下。转载 2017-08-21 23:10:09 · 487 阅读 · 0 评论 -
探索React----第一章:ReactRouterV2基础
为什么不直接写ReactRouterV4?主要是:ReactRouter仍有大量的项目在用,直接跳过V2,有些东西会不太看得懂;ReactRouterV2有较完备的中文教程,方便我们这些小白理解之后的版本;把V4和V2做个比较,能对ReactRouter的原理有一个更透彻的人是。原创 2017-09-03 22:06:04 · 371 阅读 · 0 评论 -
JavaScript中的常用高阶函数
JavaScript中的常用高阶函数这是在前端早读课中看到的JavaScript高阶函数,觉得有用便顺手记下来。其实自己写完才知道这个标题实在是起的有迷惑性,这不过是数组对象的几个常用方法,硬是被说成了JavaScript常用高阶函数。虽然确实切合高阶函数以函数作为参数的定义,但还是感觉不应叫这个,以后有空会再研究JavaScript中的高阶函数。原创 2017-09-13 23:37:20 · 496 阅读 · 0 评论 -
JavaScript客户端存储
JavaScript客户端存储简单来说,JavaScript客户端存储的作用就是保存从接口请求的数据以求在页面切换,浏览器关闭,时间过期等情况下仍能在不请求数据的情况下拿到我们之前获取过的数据信息。这个东西稍微查一下已经是被写烂了的东西,无非是localstorage,sessionstorage和cookie这些东西,但是在这边还是写下来加深印象。原创 2017-09-17 20:10:28 · 405 阅读 · 0 评论 -
ES6书写规范
摘自阮一峰ES6教程转载 2017-10-25 10:11:15 · 3056 阅读 · 0 评论 -
《ES6标准入门》:变量的解构赋值
抄也要抄完原创 2017-11-28 14:57:49 · 308 阅读 · 0 评论 -
JavaScript函数基础
JavaScript函数基础JavaScript函数基础函数基本规范函数的定义函数的调用函数的实参和形参作为值的函数作为命名空间的函数函数闭包变量作用域作用域链闭包函数属性方法和构造函数函数属性函数方法call和applybind先思考一下,函数是什么,目前我的认知:函数是一个方法,一个工具,用来封装我们需要进行的操作,以便于复用。函数接受一定的参数,这些参数用来是函数原创 2017-07-04 18:14:44 · 320 阅读 · 0 评论