![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 93
senar369
不求多,但求精。
展开
-
前端数据缓存技术选型及应用技巧
前端缓存的选型需要贴合业务场景来选择,大家也可以交流分享下自己遇到过的经典场景,看使用哪种方案、如何设计比较好。原创 2023-06-14 15:34:45 · 1046 阅读 · 0 评论 -
前端开发的基础生产力素养(后期不定期更新)
nodejs版本管理工具nvm在win、*nix系统上的安装、更新、使用 npm、yarn、pnpm包管理工具的使用,换源及还原,ni工具的使用原创 2022-02-05 17:24:57 · 562 阅读 · 0 评论 -
OSS is not defined? 检查检查你依赖的core-js吧
事情是这样的第一天小李是一家互联网公司的前端,有一天他闲来无事看到项目的vue-cli依赖版本还是3.0.0-rc,一股升级依赖的使命感涌上心头他看了看官网的升级文档,这么简单,是时候表演真正的技术了最后发现提示没有core-js,然后就随手npm i core-js -S了,部署上线,搞定下班回家第二天凌晨2点Oh,yeah,今天好运气,老狼请吃鸡,你打电话我不接,你打他有啥用啊~小李猛然惊醒,这是他为产品专设的铃声,一看时间,马萨卡。接到电话:“线上上传不了图片了,你干啥了,昨天原创 2020-09-11 21:57:08 · 1667 阅读 · 6 评论 -
关于ES6中Array.fill方法的使用细节
Array.fill的具体定义请看这里这个方法在平时的开发中有事提供了很大的遍历,但是有一个细节容易被忽略,造成貌似看起来很诡异的bug比如你生成了10个内容为{hasMore: false}let states = Array.fill({hasmore: false})你想去动态改变其中某一项的值,你会发现整个数组里面的值全都变化了,这是因为你忽略了这个方法的一个注意事项:如果填充的类型为对象,那么被赋值的是同一个内存地址的对象,而不是深拷贝对象。所以尽量的不要填充对象类型,因为生成的原创 2020-05-09 17:45:02 · 550 阅读 · 1 评论 -
Object.assign is not a function
Webview页面不显示1、原因分析Uncaught TypeError: Object.assign is not a function报错的原因,我们可以归为,该语法在浏览器中无法识别。Object.assign是ES6的新语法之一。2、解决思路使用babel-polyfill插件解析。3、具体使用(1)安装依赖包npm i -D babel-polyfill(2)webpac...原创 2019-05-15 11:12:22 · 3495 阅读 · 0 评论 -
Nuxt中关于window or document is not defined的问题总结
关于这类问题一般有两种场景引用第三方组价时,比如引用vue-awesome-swiper这种的第三方组件时,因为源组件代码中包含有操作window对象,所以这一类的window is not defined按照官方的使用插件的方法引入就可以解决// 这里就以vue-awesome-swiper这个组件为例import Vue from 'vue'import VueAwesomeSwi...原创 2019-05-29 11:18:40 · 12102 阅读 · 5 评论 -
关于JavaScript中变量提升的细节
函数声明和变量声明都会被提升,但是一个值得注意的细节(这个细节可以出现在有多个“重复”声明的代码中)是函数会首先被提升,然后才是变量foo(); // 1 var foo;function foo() { console.log( 1 );}foo = function() { console.log( 2 );};会输出 1 而不是 2 !这个代码片段会被引擎理解为如下形...翻译 2019-07-28 21:32:08 · 133 阅读 · 0 评论 -
JavaScript中的this ——《你不知道的JavaScript上》
this到底是什么this是在运行时进行绑定的,不是在编写时绑定,它的上下文取决于函数调用时的各种条件。this的绑定和函数声明位置没有任何关系,只取决于函数的调用方式。当一个函数被调用时,会创建一个活动记录(执行上下文),这个记录会包含函数在哪里被调用(调用栈)、函数的调用方法、传入的参数等信息。this就是记录的其中一个属性,会在函数执行的过程中用到。调用位置寻找函数的调用位置最重要的...原创 2019-08-06 16:55:58 · 173 阅读 · 0 评论 -
关于JavaScript中的值传递和引用传递的解释
两大类基本类型原始类型NullUndefinedBooleanNumberStringSymbolBigInt(ES10 Chrome已支持)对象类型Object首先明确一点,ECMAScript中所有的函数的参数都是按值传递的。三个例子带你搞懂为什么都是按值传递的let foo = 'foo';function update(foo) { foo = '...原创 2019-09-12 11:08:35 · 158 阅读 · 0 评论 -
Android移动端使用fullPage时input元素的优雅处理方式
// ios上fullPage中的input不会有异常表现,所以只针对Android进行处理// 由于Android上弹出键盘会触发window的resize事件,所以可以通过这个思路解决问题const isAndroid = navigator.userAgent.indexOf('Android') > -1; //android终端 if (isAndroid == tru...原创 2019-02-19 18:26:50 · 317 阅读 · 0 评论 -
Ajax 异步的理解
校验异步是否完成的代码一定要到正确的位置不然会导致主线程执行完了就开始校验异步操作,这种情况往往会出问题。ajax('.....',{ data:{ ... }, datatype:'..', success:function(...){ //这里是异步操作 ...... //校验异步是否完原创 2018-01-21 12:06:35 · 307 阅读 · 0 评论 -
说一点对JavaScript类机制的理解(一)---JavaScript权威指南
基本定义:JavaScript中,类的实现是基于原型继承机制的,如果两个实例都是从同一个原型对象上继承了属性,它们就是同一个类的实例。JavaScript中,类的所有实例对象都从同一个原型对象上继承属性,原型对象是类的核心。如果两个对象继承自同一个原型,一般它们是由同一个构造函数创建并初始化的。构造函数的prototye属性被用作新对象的原型,通过一个构造函数创建的所有对象都继承自一个相同的翻译 2018-01-04 13:18:15 · 299 阅读 · 0 评论 -
MUI关于父子页面交互之,子页面调用父页面的方法实现一些功能
业务场景是这样的需要在子页面回到父页面后触发父页面的自定义事件我这里是需要实现一个重新打开这个子页面这里是父页面初始化操作之后定义的自定义事件 window.addEventListener('reTest',function(){ var baseul = document.getElementById('guaceBtn');原创 2018-01-24 18:20:50 · 6424 阅读 · 3 评论 -
理解JavaScript中的原型对象(一)
每个函数都有一个prototype属性,这个prototype就是通过构造函数创建的对象实例的原型对象。使用原型的好处就是可以让所有对象实例共享它所包含的属性和方法。不用在构造函数中定义对象实例的信息,而是可以将这些信息直接添加到原型对象中。原型对象的性质只要创建了新函数,就会为该函数创建一个prototype属性,这个属性指向函数的原型对象。默认所有原型对象都会有一个...原创 2018-02-11 22:33:41 · 261 阅读 · 0 评论 -
理解JavaScript中的原型对象(二)
组合使用构造函数模式和原型模式的好处构造函数用于定义实例属性,原型用于定义方法和共享的属性,这样的好处就是每个实例都有自己的一份实例属性的副本;同时又共享着对方法的引用;节省了内存;支持向构造函数传递参数。`function Student(name, age, job){ this.name = name; this.age = age; this.job = job; ...原创 2018-02-13 18:13:17 · 215 阅读 · 0 评论 -
Node中require,module,exports怎么玩
NodeJs中的模块系统绝对模块:Node通过在其内部node_modules查找到或者Node内置的fs这样的模块。比如你安装你一个pug模块,路径就成了./node_modules/pug,这种情况下就可以直接通过名字require这个模块require('pug') 相对模块:将require指向一个想对工作目录中的JavaScript文件。 暴露API让模块暴露出一个API...原创 2018-04-09 16:46:32 · 486 阅读 · 0 评论 -
JSON在JavaScript中的进阶用法
JSON在JavaScript中的进阶用法大家在工作中可能用JavaScript处理JSON格式的数据的时候肯定离不开JSON.parse()和JSON.stringify()这两个方法,说一下这两个方法的强大之处总结自《JavaScript 高级程序设计》序列化为JSON字符串var book = { title:"JSON JavaScript", ...原创 2018-04-06 17:19:18 · 225 阅读 · 0 评论 -
MUI批量绑定事件的实际应用场景
简单介绍一下需求获取到多选表单中选中的项,然后将选项生成各个按钮,点击各个按钮弹出不同的模板子页面,编辑子页面的表单内容。这里我选择了5项,所以生成了5个按钮: 具体需求是:生成的几个按钮需要点击对应的按钮弹出对应的子页面填充子页面数据。这时候MUI的批量绑定事件就派上用场了://模板URL集合var urls = { "植株高度": "../templat...原创 2018-05-17 18:44:00 · 1554 阅读 · 2 评论 -
通过JavaScript改变节点样式在不同浏览器平台不同表现(safari)
在safari上,有时会出现例如document.getElementById('id').style = "display: none";这种写法有时会不生效,所以大家最好改为这种写法:document.getElementById('id').style.display = "none";关于一些特殊的属性只需改为camel命名法就好了:font-size fontS...原创 2018-09-13 15:44:39 · 232 阅读 · 0 评论