JS 将伪数组转换成数组 🎄
本文简介 点赞 + 关注 + 收藏 = 学会了 在 JS 中,伪数组 是非常常见的,它也叫 类数组。伪数组可能会给 JS 初学者带来一点困扰。 本文将详细讲解 什么是伪数组,以及分别在 ES5 和 ES6 中将伪数组转换成真正的数组 。 什么是伪数组? 伪数组的主要特征:它是一个对象,并且该对象有 ...
记录--JS精粹,原型链继承和构造函数继承的 “毛病”
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 先从面向对象讲起,本瓜认为:面向对象编程,它的最大能力就是:复用! 咱常说,面向对象三大特点,封装、继承、多态。 这三个特点,以“继承”为核心。封装成类,是为了继承,继承之后再各自发展(重写),可理解为多态。所以,根本目的是为了继承,即“ ...
eslintrc.js 配置速查
Vue脚手架 eslintrc.js 配置速查 module.exports = { rules: { "no-alert": 0, //禁止使用alert confirm prompt "no-array-constructor": 2, //禁止使用数组构造器 "no-bitwise": 0, ...
typescript+webpack+api-extractor构建一个js库
记录使用typescript配合webpack打包一个javascript library的配置过程.
目标是构建一个可以同时支持`CommonJs`, `esm`, `amd`这个几个js模块系统的javascript库, 然后还有一个单独打包出一个css的样式文件的需求. ...
图文看懂JavaScritpt引擎V8与JS执行过程
本篇文章通过图文为你介绍了V8引擎大概的执行过程,你可以了解到代码是从从扫描器Scaner变成tokens,从解析器Parser变成AST,从解释器变成字节码等等。以及JavaScript代码在执行的过程中,它在内存的情况是如何变化的,让你从更加底层的角度去理解你的js代码是如何运行的。了解这些后你... ...
记录--JS原型链
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 引子 对于初学者学习原型链,还是有很大的困难。一方面是函数与对象分不太清楚;另一方面,不懂原型链的继承等。本人曾今也深受困惑,并且把疑惑的地方都记录下来,为大家做出解释。明明CSDN搜索关于原型链的文章一大堆,为啥我还要写?个人觉得,写下 ...
webpack版本不一至导致的 Uncaught TypeError:n is not a function at window.webpackJsonp 错误
经查,发现我们开发的程序是用webpack打包发布的,而该页面在微信小程序打开时,对方注入了几个微信相关的js脚本,而该脚本也是使用webpack打包生成的。双方的js代码导致window.webpackJsonp 被重复定义。 当两者的webpack版本不同时,生成的 window.webpack ...
JS 从屏幕上下左右滑入滑出效果
从屏幕上下左右滑入滑出效果,代码比较粗糙,但是效果已实现 需要注意的是,从屏幕右边和下边滑入的时候,需要给滑动的容器外面再加一个容器,加样式 position: fixed; 让它 固定定位,否则页面右边和底部会出现滚动条 主要使用了 css animate 属性 <!DOCTYPE html> < ...
JQ 实现对比两个文本的差异并高亮显示差异部分
利用jq对比两段文本的差异,差异的内容用不同颜色表示出来。 在线参考demo:http://incaseofstairs.com/jsdiff/ 项目地址:https://github.com/kpdecker/jsdiff 先上效果图: 左侧第一列是原稿,第二列是需要对比稿,第三列是对比后的结果。 ...
使用vue-contextmenujs鼠标右键菜单时,当高度不够时显示不全的问题
之前是采用npm或者yarn直接装包vue-contextmenujs的形式: npm install vue-contextmenujs -S || yarn add vue-contextmenujs 而vue-contextmenujs在布局方面存在一些bug。 当右键点击记录时,完整展示应该 ...
JavaScript基本知识点——带你逐步解开JS的神秘面纱
JavaScript基本知识点——带你逐步解开JS的神秘面纱 在我们前面的文章中已经深入学了HTML和CSS,在网页设计中我们已经有能力完成一个美观的网页框架 但仅仅是网页框架不足以展现出网页的魅力,JS由此而生! JavaScript概述 JavaScript是一门弱类型脚本语言,其源代码在发往客 ...
Vue+Mockjs如何模拟curd接口请求
在前后端分离的项目中常常会遇到当前端页面开发完成 但是后端接口还没好,暂不支持联调的情况下,一般我们会用到mock数据 这边简单说一下最常见且经常会遇到的curd接口模拟 注:这边可以和后端先约定好接口路径以及入参返参的字段,避免二次修改 安装依赖,新建js文件,在文件中导入mock.js,模拟列表 ...