
JavaScript
Roselane_Begger
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
随机获取1到100之间(包括)的一个数值 / 随机获取一个范围内的一个数值
随机获取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(包原创 2021-03-23 15:12:13 · 961 阅读 · 0 评论 -
通过循环调用 indexOf() 或 lastIndexOf() 来找到所有匹配的子字符串
通过循环调用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原创 2021-03-23 10:49:13 · 486 阅读 · 0 评论 -
作为值的函数应用:根据某个对象属性对对象数组进行排序
参考《JavaScript高级程序设计》因为ECMAScript中的函数名本身就是变量,所以函数也可以作为值来使用。也就是说,不仅可以像传递参数一样把一个函数传递给另一个函数,而且可以将一个函数作为另一个函数的结果返回。应用:根据某个对象属性对对象数组进行排序假设有一个对象数组,我们想要根据某个对象属性对数组进行排序。要解决这个问题,可以定义一个函数,它接收一个属性名,然后根据这个属性名来创建一个比较函数:function createComparisonFunction(propertyName)原创 2021-03-22 11:25:58 · 264 阅读 · 0 评论 -
各个浏览器对ES6的支持
各个浏览器对ES6的支持性你的浏览器支持ES6吗?原创 2021-03-04 14:57:15 · 796 阅读 · 1 评论 -
图片懒加载和预加载
图片懒加载和预加载参考:https://www.cnblogs.com/psxiao/p/11542930.html预加载:提前加载图片,当用户需要查看时可直接从本地缓存中渲染。懒加载:懒加载的主要目的是作为服务器前端的优化,减少请求数或延迟请求数。两种技术的本质:两者的行为是相反的,一个是提前加载,一个是迟缓甚至不加载。懒加载对服务器前端有一定的缓解压力作用,预加载则会增加服务器前端压...原创 2020-03-01 23:58:29 · 286 阅读 · 0 评论 -
模块化及AMD、CMD、CommonJS、ES6的对比
模块化**概念:**将一个复杂的程序依据一定的规则(规范)封装成几个块(文件)并进行组合。模块的内部数据的实现是私有的,只是向外部暴露一些接口(方法)与外部其他模块通信,这就是模块化。**优点:**模块化可以降低代码耦合度,减少重复代码,提高代码重用性,并且在项目结构上更加清晰,便于维护。AMD、CMD、CommonJs、ES6的对比他们都是用于在模块化定义中使用的,AMD、CMD、Co...原创 2020-03-01 23:57:20 · 375 阅读 · 0 评论 -
Ajax,jQuery ajax,axios和fetch的区别
Ajax,jQuery ajax,axios和fetch的区别Ajax:Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在...原创 2020-03-01 23:53:00 · 303 阅读 · 0 评论 -
事件捕获、事件冒泡、事件委托(代理)
事件捕获:事件从最不精确的对象(document对象)开始触发,然后到最精确事件冒泡:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发不是所有事件都能冒泡。以下事件不冒泡:blur、focus、load、unload(关闭页面)事件委托(代理):不在事件的发生地(直接dom)上设置监听函数,而是在其父元素上设置监听函数,通过事件冒泡,父元素可以监听到子元素上事...原创 2020-03-01 23:50:38 · 270 阅读 · 0 评论 -
JavaScript继承的六种方式
JavaScript继承的六种方式我觉得有些地方我可能理解的不是很到位,如果我下文有出现错误直接提出,谢谢~另外可以看看这两篇文章:https://www.cnblogs.com/humin/p/4556820.htmlhttps://www.cnblogs.com/Grace-zyy/p/8206002.html继承就是让子类拥有父类的资源继承的意义 减少代码冗余 ...原创 2020-03-01 23:47:35 · 166 阅读 · 0 评论 -
5个原型规则
5个原型规则所有的引用类型(数组,对象,函数),都具有对象特性,即可自由扩展属性(除了null以外)所有的引用类型(数组,对象,函数),都有一个_ proto _(隐式原型)属性,属性值是一个普通对象所有的函数,都有一个prototype(显式原型)属性,属性值也是一个普通对象所有的引用类型(数组,对象,函数),_ proto _属性值指向他的构造函数的prototype属...原创 2020-03-01 23:43:34 · 248 阅读 · 0 评论 -
JS中数据类型的判断( typeof,instanceof,constructor,Object.prototype.toString.call() )
JS中数据类型的判断( typeof,instanceof,constructor,Object.prototype.toString.call() )typeof对一个值使用typeof操作符可能返回:undefined、string、number、boolean、object(对象或null)、function、symbol(新)console.log(typeof 2); ...原创 2020-03-01 23:38:12 · 319 阅读 · 0 评论 -
this
另外,可以看看这篇文章:https://www.cnblogs.com/pengshengguang/p/11105323.htmlthis对象是在运行时基于函数的执行环境绑定的:在全局函数中,this—>window在函数中1、作为对象的方法来调用 this—>当前的对象2、作为普通的函数调用 this—>window(1.2可总结为 看函数名前面是否有“...原创 2020-02-25 10:06:23 · 210 阅读 · 0 评论 -
正则表达式的先行断言(lookahead)和后行断言(lookbehind)(转)
正则表达式的先行断言(lookahead)和后行断言(lookbehind)(转)正则表达式的先行断言和后行断言一共有4种形式:(?=pattern) 零宽正向先行断言(zero-width positive lookahead assertion)(?!pattern) 零宽负向先行断言(zero-width negative lookahead assertion)(?<=pat...转载 2019-11-04 21:19:13 · 217 阅读 · 0 评论 -
JavaScript小记(持续更新)
学习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...原创 2019-09-08 22:22:05 · 1164 阅读 · 0 评论 -
rollup安装配置
rollup介绍rollup官网:https://www.rollupjs.com/guide/zhrollup是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码,例如 library 或应用程序。rollup对代码模块使用新的标准化格式,这些标准都包含在 JavaScript 的 ES6 版本中,而不是以前的特殊解决方案,如 CommonJS 和 AMD。它可以帮助...原创 2019-03-21 11:59:11 · 1834 阅读 · 0 评论 -
在webpack中使用babel
安装流程安装babel-preset-env和babel-loadernpm install --save-dev babel-preset-env babel-loader根目录创建webpack.config.js并配置,内容参考如下:module.exports = {entry: './src/index.js',output: {path: __dirname,f...原创 2019-03-21 11:58:34 · 246 阅读 · 0 评论 -
babel安装配置
babel介绍babel官网:https://www.babeljs.cnbabel是一个用于编写下一代JavaScript的编译器。通俗一点说,虽然javascript在不断的发展,但是这些语法和数据类型并不能够马上被现在的浏览器全部支持,而babel就可以将你用新语法写的js转化成浏览器可理解的形式。babel安装配置进入项目, npm install --save-dev bab...原创 2019-03-21 11:56:39 · 412 阅读 · 0 评论