JavaScript
关注
分享
扫一扫
文章平均质量分 65
分享学习笔记
旺仔萝卜
这个作者很懒，什么都没留下…
展开
-
Vue3使用vxe-table表格虚拟滚动 安装方法
使用vxe-table表格虚拟滚动做一个table，想要渲染上千万条数据，一般表格会导致浏览器卡顿或崩溃，这时我们可以使用插件解决。但是在安装vxe-table的时候，运行不起来，一直报错，后来才发现是版本的问题。安装的时候参照官网全局安装的写法会出现错误，不知道你们会不会npm install xe-utils@3 vxe-table@next还有注意这里版本要切换成最新的后面找了很多方法，改成这种方式下载包：npm install xe-utils vxe-table@next这样原创 2022-01-06 16:26:45 · 4226 阅读 · 4 评论 -
JS集合引用类型之 Array
Array一、创建数组1、使用Array构建函数let colors = new Array();// 创建一个初始length为20的数组let arr = new Array(20);// 传入要保存的数组元素let arr1 = new Array('red', '1', 1);2、省略new操作符，结果一致let arr = Array(2);3、数组字面量（不会调用Array构造函数）let arr = ['red', 'green', 'white'];let arr原创 2021-08-13 15:08:12 · 287 阅读 · 0 评论 -
JavaScript单例内置对象之Math
Math对象ECMA提供了Math对象作为保存数学公式、信息、计算的地方。Math对象提供了一些计算的属性和方法。注意：Math对象上提供的计算要比直接使用js实现快得多，这是因为Math对象上的计算使用了JS引擎中更高效的实现和处理器指令。1. Math对象 属性2. max() 和 min()方法let max = Math.max(3, 54, 32, 16);console.log(max); // 54let min = Math.min(3, 54, 32, 16);cons原创 2021-08-12 10:40:21 · 143 阅读 · 0 评论 -
2021-06-11 JS单例内置对象——Global
Global对象简介Global对象是最特别的对象，ECMA-262 规定 Global对象为一种兜底对象，不属于任何对象的属性和方法。事实上，不存在全局变量或全局函数这种东西。在全局作用域中定义的变量和函数都会变成 Global 对象的属性 。isNaN()、isFinite()、parseInt()和 parseFloat()，实际上都是 Global 对象的方法。除了这些，Global 对象上还有另外一些方法。urL编码方法–encodeURI()、encodeURICompnent()?原创 2021-06-11 18:39:19 · 344 阅读 · 4 评论 -
JavaScript原始包装类型之Boolean、Number、String特性
Boolean、Number、String特性BooleanBoolean是对应布尔值的引用类型。要创建一个 Boolean 对象，就使用 Boolean 构造函数并传入true 或 false。let booleanObject = new Boolean(true);创建之后，Boolean实例会重写valueOf()方法，返回true或false。 toString()方法返回字符串"true"或"false"。但是Boolean对象在ECMAScript中用得很少，不仅如此，它们还容易原创 2021-06-11 16:00:23 · 284 阅读 · 3 评论 -
JavaScript正则表达式（一）-- RegExp特性
JavaScript正则表达式语法：let expresion = /pattern/flags;pattern：可以使任何的正则表达式。 每个表达式可以带0或多个flags。flag取值：g：全局模式。表示查找字符串的全部内容，而不是找到第一个匹配的内容就结束。i：不区分大小写。表示在查找匹配时忽略 pattern 和字符串的大小写。m：多行模式。表示查找到一行文本末尾时会继续查找。y：粘附模式。表示只查找从lastIndex开始及之后的字符串。u：Unicode模式。启用 Uni原创 2021-06-09 18:12:52 · 306 阅读 · 2 评论 -
commander.js学习总结
commander是用于快捷开发命令行工具，提高开发效率的工具包。官网： https://github.com/tj/commander.js/blob/master/Readme_zh-CN.md#commanderjs安装npm install commander声明两种方式声明：1、直接声明。 2、创建本地 Command 对象const { program } = require('commander');const { Command } = require('comm原创 2021-06-04 19:00:51 · 455 阅读 · 0 评论 -
解决vue修改数据页面无效的问题
项目开发的过程中，经常会遇到这种情况：为data中的某一个对象添加一个属性。如下案例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>原创 2021-01-05 15:41:00 · 3801 阅读 · 1 评论 -
关于Vue的api中的this.$nextTick()
参数：{Function} [callback]用法：将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。//第一个例子<template> <div> <div ref="hello"> <h1>{{value}}</h1> </div> &l原创 2020-10-20 18:30:27 · 389 阅读 · 0 评论 -
js中entries()方法的使用
语法：Object.entries(obj)参数：obj：可以返回其可枚举属性的键值对的对象返回值：给定对象自身可枚举属性的键值对数组Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组，其排列与使用for…in循环遍历该对象时返回的顺序一致。区别在于forin 会枚举原型链上的属性。eg: let per = { name:'zdx', age: 18 } for(let [key,value] of Object.entries原创 2020-10-20 16:11:47 · 4077 阅读 · 1 评论 -
字符串补全字符 padStart、padEnd方法
ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度，会在头部或尾部补全。padStart()用于头部补全，padEnd()用于尾部补全。//用于时间补零 2020:18:01 let h = date.getHours(); let m = date.getMinutes().toString().padStart(2,'0'); let s = date.getSeconds().toString().padStart(2,'0'); return原创 2020-10-10 18:02:28 · 459 阅读 · 0 评论 -
利用模板字符串加载二位数组数据
二维数组：let footdata = [ { title: 'Product', con: [ 'Features', 'Integrations', 'Desktop app', 'Time tracking Android app', 'Time tracking iOS app', 'Support'原创 2020-07-07 20:10:49 · 271 阅读 · 0 评论 -
原生AJAX步骤及兼容性
AJAX ：全称： Asynchronous JavaScript and XML (异步的JavaScript和XML)。AJAX不是万能的，在有以上优点的同时SEO也受到了影响。SEO：搜索引擎优化原生ajax步骤：创建对象：Ie8以下使用以下进行创建：xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");IE9+及其它浏览器:xmlhttp=new XMLHTTPRequset();兼容代码： try { xml = new原创 2020-07-06 22:31:52 · 335 阅读 · 2 评论 -
前端模块化的发展以及es6模块化详解
模块化类型在 ES6 之前，社区制定了一些模块加载方案，最主要的有 CommonJS 和 AMD 两种。前者用于服务器，后者用于浏览器。后面又有了es6模块化(export/import)。CommonJS定义的模块分为:{模块引用(require)} {模块定义(exports)} {模块标识(module)}require()用来引入外部模块；exports对象用于导出当前模块的方法或变量，唯一的导出口；module对象就代表模块本身。npm作为node的包管理器，遵循CommonJS规范。C原创 2020-07-04 10:31:37 · 561 阅读 · 0 评论 -
理解JS中的模块规范Common.js 、AMD、CDM
JS中的模块规范（CommonJS，AMD，CMD），如果你听过js模块化这个东西，那么你就应该听过或CommonJS或AMD甚至是CMD这些规范咯，在ES6之前，社区制定了一些模块加载方案，最主要有CommonJS和ADM两种，前者用于服务器，后者用于浏览器。那么CommonJS，AMD，CMD究竟是啥意思咧？一、CommonJSCommonJS就是为JS的表现来制定规范，NodeJS是这种规范的实现，webpack 也是以CommonJS的形式来书写。因为js没有模块的功能所以CommonJS应运而原创 2020-07-03 23:30:43 · 457 阅读 · 0 评论 -
初学node.js npm命令上传下载包
下载node.js（官网下载地址：）后原创 2020-06-08 10:46:17 · 604 阅读 · 0 评论 -
原始nodejs通过get和post方法获取数据
初学node.js，通过get和post方式获取提交的表单数据const http = require("http"); //引入各种包const fs = require("fs");const queryString = require("querystring");const urlLib = require('url');var POST = {}; //用于接受数据var GET = {};var path = './www'; //当前路径下访问文件的路径var se原创 2020-06-06 19:06:05 · 743 阅读 · 0 评论 -
VsCode配置多个node.js调试文件
修改以下配置可以不用每次都要修改lanuch.json文件1、将当前目录下的.vscode文件里面的launch.json文件删除，开始调试你的js文件。2、打开修改配置，“program”: “workspaceFolder/{workspaceFolder}/workspaceFolder/{relativeFile}”//${relativeFile}{ // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，原创 2020-06-01 10:34:19 · 1052 阅读 · 0 评论 -
JS数据类型
JavaScript数据类型（图示）ES6后新增了一类数据类型：SymbolES5的基本数据类型有5种：Undefined 、Null 、 Boolean 、 Number 、 String注意：用 typeof 可以检测变量的基本数据类型，但有个例：null 用 typeof 检测出来的是Object。typeof(Object) 和 typeof(Array) 的结果是 funct...原创 2020-02-25 10:46:51 · 223 阅读 · 0 评论 -
jq模拟音乐播放器
点击播放器暂停音乐，播放器停止在当前动画，再次点击开始播放，播放器继续旋转。html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init...原创 2020-01-31 00:35:51 · 593 阅读 · 0 评论