二熊不是熊二的博客

随机获取1到100之间（包括）的一个数值 / 随机获取一个范围内的一个数值function selectFrom(lowerValue, upperValue) { var choices = upperValue - lowerValue + 1; return Math.floor(Math.random() * choices + lowerValue);}var num = selectFrom(1, 100);console.log(num); // 介于1到100（包

通过循环调用indexOf()或lastIndexOf()来找到所有匹配的子字符串var stringValue = "Lorem ipsum dolor sit amet, consectetur adipisicing elit";var positions = new Array();var pos = stringValue.indexOf("e");while(pos > -1) { positions.push(pos); pos = stringValue.in

参考《JavaScript高级程序设计》因为ECMAScript中的函数名本身就是变量，所以函数也可以作为值来使用。也就是说，不仅可以像传递参数一样把一个函数传递给另一个函数，而且可以将一个函数作为另一个函数的结果返回。应用：根据某个对象属性对对象数组进行排序假设有一个对象数组，我们想要根据某个对象属性对数组进行排序。要解决这个问题，可以定义一个函数，它接收一个属性名，然后根据这个属性名来创建一个比较函数：function createComparisonFunction(propertyName)

各个浏览器对ES6的支持性你的浏览器支持ES6吗？

TypeScript小记（持续更新中）正在学习typescript中，想通过博客做笔记记录下学习的内容，内容在同步更新2020.12.04 创建文档，更新TypeScript基础2020.12.18 理了一遍基础知识点排列顺序2020.12.30 更新至泛型，完成ts小实践：使用 TypeScript 编写爬虫工具参考来源：TypeScript入门教程史上最全的TypeScript入门教程TypeScript －系统入门到项目实战ts小实践：使用 TypeScript 编写爬虫工

问题：例 2020-11-23 能在安卓机上正常显示，但在ios系统上显示错误，显示为NaN-NaN-NaN。原因：ios系统无法识别 2020-11-23 这样格式的时间，前端时间格式 " - " 在ios的safari浏览器不兼容，要转换成 " / " 才可以解决办法：let date = new Date("2020-11-23".replace(/\-/g, "/"))...

Echarts基本使用来源：ECharts数据可视化项目（PS：这个老师讲的不错，风趣生动）Echarts-介绍常见的数据可视化库：D3.js 目前 Web 端评价最高的 Javascript 可视化工具库(入手难)ECharts.js 百度出品的一个开源 Javascript 数据可视化库Highcharts.js 国外的前端数据可视化库，非商用免费，被许多国外大公司所使用AntV 蚂蚁金服全新一代数据可视化解决方案 等等Highcharts 和 Echarts 就像是 O

使用Vue自定义指令实现列表下拉加载参考链接： https://www.cnblogs.com/Neilisme/p/10245588.html1、在 main.js 同级创建 directive.js 注册自定义指令import Vue from 'vue'Vue.directive('more', { bind(el, binding) { var p = 0; var t = 0; var down = true; el

图片懒加载和预加载参考：https://www.cnblogs.com/psxiao/p/11542930.html预加载：提前加载图片，当用户需要查看时可直接从本地缓存中渲染。懒加载：懒加载的主要目的是作为服务器前端的优化，减少请求数或延迟请求数。两种技术的本质：两者的行为是相反的，一个是提前加载，一个是迟缓甚至不加载。懒加载对服务器前端有一定的缓解压力作用，预加载则会增加服务器前端压...

模块化**概念：**将一个复杂的程序依据一定的规则（规范）封装成几个块（文件）并进行组合。模块的内部数据的实现是私有的，只是向外部暴露一些接口（方法）与外部其他模块通信，这就是模块化。**优点：**模块化可以降低代码耦合度，减少重复代码，提高代码重用性，并且在项目结构上更加清晰，便于维护。AMD、CMD、CommonJs、ES6的对比他们都是用于在模块化定义中使用的，AMD、CMD、Co...

Ajax,jQuery ajax,axios和fetch的区别Ajax：Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在...

事件捕获：事件从最不精确的对象(document对象)开始触发，然后到最精确事件冒泡：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发不是所有事件都能冒泡。以下事件不冒泡：blur、focus、load、unload（关闭页面）事件委托（代理）：不在事件的发生地（直接dom）上设置监听函数，而是在其父元素上设置监听函数，通过事件冒泡，父元素可以监听到子元素上事...

JavaScript继承的六种方式我觉得有些地方我可能理解的不是很到位，如果我下文有出现错误直接提出，谢谢~另外可以看看这两篇文章：https://www.cnblogs.com/humin/p/4556820.htmlhttps://www.cnblogs.com/Grace-zyy/p/8206002.html继承就是让子类拥有父类的资源继承的意义​ 减少代码冗余​ ...

5个原型规则所有的引用类型（数组，对象，函数），都具有对象特性，即可自由扩展属性（除了null以外）所有的引用类型（数组，对象，函数），都有一个_ proto _(隐式原型)属性，属性值是一个普通对象所有的函数，都有一个prototype(显式原型)属性，属性值也是一个普通对象所有的引用类型（数组，对象，函数）,_ proto _属性值指向他的构造函数的prototype属...

另外，可以看看这篇文章：https://www.cnblogs.com/pengshengguang/p/11105323.htmlthis对象是在运行时基于函数的执行环境绑定的:在全局函数中，this—>window在函数中1、作为对象的方法来调用 this—>当前的对象2、作为普通的函数调用 this—>window（1.2可总结为 看函数名前面是否有“...

JS中数据类型的判断（ typeof，instanceof，constructor，Object.prototype.toString.call() ）typeof对一个值使用typeof操作符可能返回：undefined、string、number、boolean、object（对象或null）、function、symbol（新）console.log(typeof 2); ...

正则表达式的先行断言(lookahead)和后行断言(lookbehind)（转）正则表达式的先行断言和后行断言一共有4种形式：(?=pattern) 零宽正向先行断言(zero-width positive lookahead assertion)(?!pattern) 零宽负向先行断言(zero-width negative lookahead assertion)(?<=pat...

star文件夹下建立Star.vue，及相关的图片信息。便于组件的就近维护Star.vue<template> <div class="star" :class="starSize"> <span v-for="(itemClass,key) in itemClasses" :class="itemClass" class="star-i...

Web前端开发标准规范总结（转）Web前端作为开发团队中不可或缺的一部分，需要按照相关规定进行合理编写（一部分不良习惯可能给自己和他人造成不必要的麻烦）。不同公司不同团队具有不同的规范和文档。下面是根据不同企业和团队的要求进行全面详细的整理结果。备注：实际开发请以本公司的规范为标准。A.基本原则符合web标准（UTF-8，HTML5），语义化html（HTML5新增要求，减少div和span...

el.offsetHeight = height + padding + border（表示可视区域的高度，包含了border和滚动条）el.clientHeight = 表示的是可视区域的高度，不包含border和滚动条el.scrollHeight = 整个元素的高度 （ 包括了clientHeight看不到的那部分，一般就是你css设置的元素高度）el.offsetTop = 子元素的...

HTML小记（持续更新）1、HTML5中的新特性1.图像 canvas2.多媒体 video，audio3.本地存储 localStorage、sessionStorage4.语义化更好的内容元素 article、header、footer、nav、section5.表单控件 date、time、canlendar、url、search6.新的技术 webworker、websock...

CSS小记（持续更新）1、text-decoration属性值描述none默认。定义标准的文本。无划线underline下划线overline上划线line-through中划线blink定义闪烁的文本。（只有FireFox支持）inherit规定应该从父元素继承 text-decoration 属性的值。2、CSS代码书写顺...

如何使用Easy MockEasy Mock是什么Easy Mock是一个可视化，并且能快速生成模拟数据的服务。以项目管理的方式组织MockList，能帮助我们更好的管理Mock数据，不怕丢失。解决的问题​ 开发时，后端还没完成数据输出，前端只好写静态模拟数据。​ 数据太长了，将数据写在js文件里，完成后挨个改url。​ 某些逻辑复杂的代码，加入或去除模拟数据时得小心翼翼。​ 想要尽...

简单理解Vue中的nextTick定义：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。一、示例先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。模板<div class="app"> <div ref="msgDiv">{{msg}}</div> <div v-...

webpackwebpack配置学习可以看这篇文章 https://www.jianshu.com/p/42e11515c10f可以跟着他的操作一步一步来，不过有些地方已经过时了，但还是有很多可以学习的地方。这是我根据该文章操作的代码，可以进行参考https://github.com/csmSimona/webpacktest更多详情请阅读webpack中文文档概念什么是webpac...

jquery和框架的区别框架：数据和视图分离，以数据驱动视图，只关心数据变化，dom操作被封装。数据驱动jquery： 依靠dom操作去组合业务逻辑。事件驱动React和Vue对比两者本质区别Vue—本质是MVVM框架，由MVC发展而来React—本质是前端组件化框架，由后端组件化发展而来模板的区别Vue—使用模板（最初由Angular提出）React—使用JSX模板语法...

学习js遇到的疑问和js基础都记录在这里，持续更新中。1、正则表达式/b+/g 至少出现一次b（1~n次）/b*/g 可以不出现b，也可以出现一次或多次（0~n次）/b{n,m}/g 最少出现n次b，最多出现m次b（n~m次）/colou?r/g 可以匹配color或colour，？表示前面的字符最多只出现一次（0次或1次）2、代码回收规则1.全局变量不会被回收2...

vue.js基础入门该文章只是我对vue基础知识的一点总结，详细vue知识请看Vue官方文档。一、什么是vue.js是一个轻量级MVVM框架，数据驱动+组件化的前端开发。数据驱动：数据响应原理——数据（model）改变驱动视图（view）自动更新。组件化：扩展html元素，封装可重用代码。组件设计原则页面上每个独立的可视/可交互区域视为一个组件每个组件对于一个工程目录，组...

Vuex一、Vuex是什么？vuex是一个专为vue.js应用程序开发的状态管理模式（它采用集中式存贮管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化）。简单来说：Vuex解决项目中多个组件之间的数据通信和状态管理。Vuex将状态管理单独拎出来，应用统一的方式进行处理，采用单向数据流的方式来管理数据。用处负责触发动作（Action）进而改变对应状态（State），...

下文部分引用于移动端1像素边框问题，这篇文章写得很详细，值得一看。为什么移动端一像素边框和pc端不一样？其实这两个px的含义其实是不一样的，UI设计师要求的1px是指设备的物理像素1px，而CSS里记录的像素是逻辑像素，它们之间存在一个比例关系，可以用javascript中的window.devicePixelRatio来获取，也可以用媒体查询的-webkit-min-device-pixel...