javaScript
chelflan
不积跬步无以至千里
展开
-
js 修改对象的键名,遍历动态传值
js 修改对象的键名,遍历动态传值原创 2022-05-12 20:35:50 · 831 阅读 · 0 评论 -
input输入框输入指定的字符
input输入框输入指定的字符原创 2022-04-15 14:48:31 · 1532 阅读 · 0 评论 -
出生日期转化为岁月天
这里写目录标题出生日期转化为岁月天出生日期转化为岁月天//传入 “2021-08-09”.split('-') getAge(birthday) { // 新建日期对象 let date = new Date() // 今天日期,数组,同 birthday let today = [date.getFullYear(), date.getMonth() + 1, date.getDate()] // 分别计算年月日差值 let a原创 2021-09-17 12:41:02 · 278 阅读 · 0 评论 -
js中事件的订阅与派发
js中事件的订阅与派发起因看到了vue中全局订阅派发事件,const Bus = new Vue();所以就想来玩玩源码起因看到了vue中全局订阅派发事件,const Bus = new Vue();所以就想来玩玩源码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="I原创 2021-08-24 10:56:27 · 517 阅读 · 0 评论 -
js将excel中一行一行的转为数组
js将excel中一行一行的转为数组问题作为一个程序圆,重复的工作肯定代码来做呀,于是代码如下结束问题这么多的要组成一个数字,还不累死我啊。还要加引号,逗号,果断放弃手搓。作为一个程序圆,重复的工作肯定代码来做呀,于是代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" con原创 2021-05-14 23:44:16 · 937 阅读 · 0 评论 -
Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。
LodashLodash的介绍?Lodash的文档Lodash的开源github地址Lodash的介绍?一个一致性、模块化、高性能的 JavaScript 实用工具库。Lodash就是这样的一套工具库,它内部封装了诸多对字符串、数组、对象等常见数据类型的处理函数,其中部分是目前ECMAScript尚未制订的规范,但同时被业界所认可的辅助函数。支持各种方式的引用。Lodash的文档Loda...翻译 2020-04-03 10:43:45 · 279 阅读 · 0 评论 -
try...catch的基本使用
try ...catch 是一个比较实用捕捉错误的方法。语法:try{ //代码可以正常执行,当里面有错,不会抛出错误 } catch(e){ //当try里面的代码不出错,catch里面的代码是不会执...转载 2019-05-22 17:00:26 · 401 阅读 · 0 评论 -
switc中 break和return的区别
break是直接退出switch语句return是退出该函数 也就是switch语句块后面的语句也不执行了break结果return结果:转载 2019-06-21 16:04:03 · 373 阅读 · 0 评论 -
浮点型数据使用注意事项 JavaScript 中的所有数据都是以 64 位浮点型数据(float) 来存储
<!DOCTYPE html><html><head><meta charset="utf-8"><title>test</title></head><body><p id="demo"></p><script>var x = 0.1;var y...原创 2019-07-15 17:42:52 · 570 阅读 · 0 评论 -
this的进阶用法
this的进阶用法https://juejin.im/post/5d6e5f77f265da03e05b2fd9?utm_source=gold_browser_extension转载 2019-09-11 16:06:15 · 179 阅读 · 0 评论 -
js的replace全部动态替换动态字符串
js动态替换重复的词语 let title = ”随便写的“; let doubleTitle = title; arrPara[i] = arrPara[i].replace(new RegExp(doubleTitle,'gm'),title);//方法1 arrPara[i] = arrPara[i].replace(doubleTitle,"");//方法2...原创 2019-10-11 16:45:06 · 1820 阅读 · 0 评论 -
JS获取DOM元素的方法(8种)(转)
JS获取DOM元素的方法(8种)通过ID获取(getElementById) 通过name属性(getElementsByName) 通过标签名(getElementsByTagName) 通过类名(getElementsByClassName) 通过选择器获取一个元素(querySe...转载 2019-03-28 09:10:03 · 422 阅读 · 0 评论 -
如何使用javascript的debugger命令进行调试
首先安装firebug,在firefox的扩展里搜索安装即可。 然后在页面中启用firebug中的脚本: 然后在网页某些位置加入debugger命令,比如如下页面代码:<!DOCTYPE html><html><head><meta charset="utf-8" />...转载 2019-03-22 15:52:33 · 2234 阅读 · 0 评论 -
ES6的Promise解决js的回调地狱
Promise是一个构造函数,new Promise()得到一个Promise的实例在Promise中有两个函数,resolve(成功之后的回调函数)和reject(失败后的回调函数)在Promise 构造函数的Prototype属性上,有一个.then() 的方法,只要是Promise构造函数创建的实例,都可以访问到.then()方法Promise表示一个异步操作;每当我们new 一个P...原创 2018-12-17 11:41:41 · 934 阅读 · 0 评论 -
js闭包
独立作用域在ES6出现之前,js中并没有块级作用域的存在,这意味者单纯一个大括号并不能隔离出一块作用域 { var a = 1; }123这样的大括号没有隔离出一块作用域,那么变量a声明在括号内或者括号外都是一样的,那么js中什么时候能隔离出一个局部作用域呢,答案是函数 v...翻译 2018-05-19 01:06:04 · 125 阅读 · 0 评论 -
Javascript引擎单线程机制及setTimeout执行原理说明
setTimeout用法在实际项目中还是会时常遇到。比如浏览器会聪明的等到一个函数堆栈结束后才改变DOM,如果再这个函数堆栈中把页面背景先从白色设为红色,再设回白色,那么浏览器会认为DOM没有发生任何改变而忽略这两句话,因此我们可以通过setTimeout把&ldquo;设回白色&rdquo;函数加入下一个堆...转载 2018-05-15 14:35:05 · 172 阅读 · 0 评论 -
js原始数据类型和引用数据类型=>callback数据传输原理
摘要:js的数据类型有种划分方式为 原始数据类型和 引用数据类型。原始数据类型 存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置。栈区包括了 变量的标识符和变量的值。 引用数据类型 存储在堆(heap)中的对象,也就是说,存储在变量处的值是一个指针(point),指向存储对象的内存处。放在栈空间中的值是该对象存储在堆中的地址。按值传递 VS. 按引...转载 2018-05-29 15:32:55 · 297 阅读 · 0 评论 -
js深复制浅复制
深浅复制主要是针对于js的引用数据类型的,因为他们不只一层,并且修改一个变量是不希望修改到另外一个变量。概念:浅复制:只复制指向某个对象的指针,新旧对象共享一块内存,修改新对象会改到原对象上。深复制:不共享内存,修改新对象不会改到原对象上。实现:浅复制实现:js 简单的赋值操作一般实现的都是浅复制...转载 2018-05-29 15:37:51 · 225 阅读 · 0 评论 -
JS中作用域的销毁和不销毁的情况总结
window全局作用域->页面关掉才销毁函数执行会形成私有的作用域1)作用域的销毁 一般情况下,函数执行形成一个私有的作用域,当执行完成后就销毁了->节省内存空间2)作用域的不立即销毁 function fn(){ var i=10; return function(n){ console.log(n+i++); ...转载 2018-05-29 15:42:08 · 964 阅读 · 0 评论 -
ArrayBuffer:类型化数组
ArrayBuffer:类型化数组来自《JavaScript 标准参考教程(alpha)》,by 阮一峰目录分配内存视图视图的生成视图的操作复合视图DataView视图应用AjaxCanvasFile参考链接类型化数组是JavaScript操作二进制数据的一个接口。这要从We...转载 2018-06-08 00:13:34 · 3296 阅读 · 0 评论 -
js之变量提升
首先 javascript 是一种弱类型、动态的、解释型的脚本语言。弱类型:类型检查不严格,偏向于容忍隐式类型转换。 强类型:类型检查严格,偏向于不容忍隐式类型转换。 动态类型:运行的时候执行类型检查。 静态类型:编译的时候就知道每个变量的类型。 解释型:程序不需要编译,程序在运行的时候...转载 2018-07-19 15:01:26 · 126 阅读 · 0 评论 -
js中(function(){}()),(function(){})(),$(function(){});之间的区别
1. (function(){}())与(function(){})()这两种写法,都是一种立即执行函数的写法,即IIFE (Immediately Invoked Function Expression)。这种函数在函数定义的地方就直接执行了。通常的函数声明和调用分开的写法如下:fun...转载 2018-07-19 15:37:50 · 1571 阅读 · 0 评论 -
仿excel的网页版excel
自制的网页版excel: 主要功能如下:将固定格式的数据展示出来点击单元格后显示其位置和值合并单元格切换表格可编辑支持函数(sum)用到的一些技术:vue的双向绑定获取事件中的offsetLeft、offsetTop等position:absolute、z-index 功能部分截图: ...原创 2018-08-13 22:11:04 · 10400 阅读 · 0 评论 -
vue.js兼容IE11浏览器的做法(npm和普通的html中的使用)
一、npm模式1、npm安装babel-polyfillnpm install babel-polyfill --save-dev2、在入口文件main.js中引入import 'babel-polyfill'3、如果也是用了官方脚手架vue-cli,还需要在webpack.config.js配置文件中做修改,即可。entry: { app: ["babel-polyfill", ...原创 2018-11-22 15:46:47 · 7313 阅读 · 8 评论 -
js的堆栈
test转载 2018-05-19 01:04:37 · 1631 阅读 · 0 评论
分享