![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
万少博
2016-2026走好职业生涯技术道路十年的每一步,用技术改变生活。
展开
-
常用工具方法100例
最新更新时间:2021年09月16日09:57:13《猛戳-查看我的博客地图-总有你意想不到的惊喜》本文内容:数组一维数组转二维数组,按照N进行分割function toArr(origin,N){ let res = []; let cur = []; origin.forEach((item,i)=>{ if(i % N == 0 && i != 0){ res.push(cur) cur = [] }原创 2021-09-16 10:06:28 · 306 阅读 · 0 评论 -
ES6实现单例模式
最新更新时间:2021年09月14日15:14:57《猛戳-查看我的博客地图-总有你意想不到的惊喜》本文内容:通过ES6的class实现单例模式类export default class Person { //ES6类的静态方法(只能直接由类名调用的方法):static getInstance //ES6类的静态属性:直接挂载在类名上的方法,如:Person.instance() static getInstance(data) { if (!Person.instance)原创 2021-09-14 15:24:30 · 1233 阅读 · 0 评论 -
常见错误语法100例
最新更新时间:2021年08月06日21:21:01《猛戳-查看我的博客地图-总有你意想不到的惊喜》本文内容:程序员的基本功就是写代码,基本功的强弱决定了开发的效率和程序的后期运行bug率,本文记录自己在开发过程中遇到的一些语法错误,汇总以自省快速创建元素为对象的非空数组错误示例,数组0号元素的key赋值后,数组每个元素的key都发生了变化//看上去没有问题let tmpArr = new Array(5).fill({key:'',value:''});//tmpArr [{key:原创 2021-08-06 22:11:41 · 699 阅读 · 0 评论 -
js实现真正0ms的setTimeout
最新更新时间:2020年08月12日22:30:16《猛戳-查看我的博客地图-总有你意想不到的惊喜》本文内容:定时器window.setTimeout概述在浏览器中,setTimeout()/setInterval() 的每调用一次定时器的最小间隔是4ms,这通常是由于函数嵌套导致(嵌套层级达到一定深度),或者是由于已经执行的setInterval的回调函数阻塞导致的。实现源码// Only add setZeroTimeout to the window object, and hid原创 2020-08-12 22:30:48 · 669 阅读 · 2 评论 -
js语言中不同数据类型的序列化和反序列化
最新更新时间:2020年08月06日22:51:48《猛戳-查看我的博客地图-总有你意想不到的惊喜》本文内容:数据的序列化,是指将非String类型的数据转化为String类型的数据;数据的反序列化,是指将序列化后的String类型的数据转化为序列化前的类型的数据;Booleanlet a = true;//序列化let serializationA = JSON.stringify(a);//反序列化let deserializationA = JSON.parse(seriali原创 2020-08-06 22:52:25 · 769 阅读 · 0 评论 -
AJAX-前后端开发的纽带
最近更新时间:2017年7月6日15:30:40《我的博客地图》 Ajax,Asyncchronous JavaScropt and Xml,异步js和xml,是一种异步请求的技术,这项技术能够向服务器请求额外数据,而无需卸载页面。 Ajax技术的核心是XMLHttpRequest对象(简称XHR)。1、原生js封装XHR对象function createXHR()...原创 2017-07-05 17:37:26 · 465 阅读 · 0 评论 -
JavaScript进制转换
最近更新时间:2018年7月30日15:27:48进制转换 JavaScript 全局函数 parseInt(string, radix); //TODO详解 string 必需。要被解析的字符串。 radix 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。//示例一,将二进制、八进制、十六进制数字解析为十进制数字parseInt(0101...原创 2018-07-30 15:29:02 · 1663 阅读 · 0 评论 -
ArrayBuffer
最近更新时间:2018年7月30日15:27:48《我的博客地图》ArrayBuffer读写//十六进制字符串存入ArrayBuffer的方案var hexStr = 'AA5504B10000B5';var typedArray = new Uint8Array(hexStr.match(/[\da-f]{2}/gi).map(function (item) { retu...原创 2018-07-30 16:00:17 · 1531 阅读 · 0 评论 -
JavaScript字符串在传输过程中的编解码
进制转换 JavaScript 全局函数 parseInt(string, radix); string 必需。要被解析的字符串。 radix 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。//示例一,将二进制、八进制、十六进制数字解析为十进制数字parseInt(0101,2);//NaNparseInt("0101&a原创 2018-07-27 17:18:07 · 427 阅读 · 0 评论 -
JavaScript闭包
最近更新时间:2017年6月3日21:04:04 前端的重点是JavaScript这门语言的本身,闭包知识点难懂,因此,专门单独学习,在实际项目中应用。 闭包的出现,可以减少全局变量的使用,多使用局部变量,节省内存1、概念 函数对象可以通过作用域链相互关联起来,函数体内部的变量都可以保存在函数作用域内,这种特性在计算机科学文献中成为闭包。原创 2017-06-03 21:04:46 · 302 阅读 · 0 评论 -
正则表达式汇总
最近更新时间:2017年7月13日22:32:58 正则表达式,可以快速匹配无规律字符串,在常规开发工程中经常会用到,下面是一下经常用到的技术方案:1、正则表达式校验:手机号码:/^1(3|4|5|7|8)[0-9]\d{8}$/ || /^1(3[0-9]|4[57]|5[0-35-9]|7[0135678]|8[0-9])\d{8}$/邮箱:/^(原创 2017-07-13 22:42:54 · 424 阅读 · 0 评论 -
PC端自适应的可交互的经典布局详解
时间:2017年5月8日08:55:22 作为一名Web前端开发工程师,基本功就是扎实的CSS布局功底,做过整站开发的工程师都知道,第一步不是盲目搭建页面框架,而是对设计稿进行分析和规划。本文以一个通用性较高的实际项目,进行深入分析和探讨。1、设计稿,如下图所示2、需求分析 页面整体分为五部分: 第一部分,在任何情况原创 2017-05-08 13:09:02 · 6360 阅读 · 0 评论 -
前端开发-Web存储
最近更新时间:2017年6月4日13:52:30 理论的学习为了更好的拓展知识面的广度,具体知识点的实践为了挖掘知识的深度。Web存储技术可以理解为浏览器的本地存储技术,可以增强用户访问网站的体验。 早些时候,本地存储使用 cookie,现在流行的技术是浏览器封装的 localStorage 和 sessionStorage 对象。1、cookie原创 2017-06-04 16:27:25 · 815 阅读 · 0 评论 -
react的应用之道——实践&&领悟
最近更新时间:2017年3月1日16:26:12《我的博客地图》 随着2017年春节的热闹喜气逐渐消去,各行各业都已步入正轨,作为奋斗在一线的初级程序员来说,应该鼓起精神积累博客内容。自年后至今,开始写第一篇,主要围绕目前正在开发的项目展开讨论。 react项目中的遇到的问题:1、新建了一个子组件,插入到父组件中,子组件渲染出的结果为以子组件命名的XML标签,而不是子组件...原创 2017-03-01 12:41:00 · 1096 阅读 · 0 评论 -
JavaScript模板引擎
时间:2017年4月24日22:52:12《我的博客地图》 作为一名前端开发人员,如果立志长期发展下去,那么深入研究的路必须走好。尤其是对JavaScript这门语言本身的精髓要有纵向研究,在实际开发和学习过程中,要善于发现问题,并总结问题。本次分享的内容,是来自一道面试题的连环知识点深度剖析。 题目如下:(function(window){ function fn...原创 2017-04-24 23:57:45 · 554 阅读 · 0 评论 -
JavaScript Date对象详解和项目需求
时间:2017年3月24日16:34:50 作为初级工程师,开始需要学习的是业务流程和开发流程,随着这些经验的积累,对业务和开发已经熟悉的情况下,就是需要解决实际问题。实际项目中,需要解决的问题非常多,因此,将Date对象独立出来做记录。 Date对象主要用于处理日期和时间:1、创建Date对象var date = new Date();原创 2017-03-24 17:33:54 · 351 阅读 · 0 评论