详解JS中的对象字面量
前言在 ES6 之前，js中的对象字面量(也称为对象初始化器)是非常基础的。可以定义两种类型的属性： 键值对{name1: value1} 获取器{ get name(){..} }和 设置器{ set name(...
2021-05-04
Js模块打包exports require import的用法和区别
1、Commonjs之 exports和require用法Commonejs规定每个文件是一个模块。将一个JavaScript文件直接通过script标签引入页面中，和封装成CommonJS模块最大的不同在于：前者的顶层...
2021-05-04
TypeScript泛型参数默认类型和新的strict编译选项
概述TypeScript 2.3 增加了对声明泛型参数默认类型的支持，允许为泛型类型中的类型参数指定默认类型。接下来看看如何通过泛型参数默认将以下react组件从js(和jsX)迁移到 Type...
2021-05-04
如何制作自己的原生JavaScript路由
前言当你想到路由时，通常会想到类似react之类的库。但实际上，这些库和框架仍然使用vanillaJavaScript。那么该怎么实现呢？我希望这个“JavaScript路由教程”能够帮你了解如何用...
2021-05-04
浅谈JS和Nodejs中的事件驱动
事件驱动和发布-订阅事件驱动架构是建立在软件开发中一种通用模式上的，这种模式被称为发布-订阅或观察者模式。在事件驱动架构中，至少有两个参与者：主题（subject）和观察者（observe...
2021-05-04
详解Javascript实践中的命令模式
定义Encapsulate a request as an object, thereby letting you parameterize other objects with different requests, queue or log requests,and support undoable opera...
2021-05-04
原生JS中应该禁止出现的写法
块级函数严格模式下，在 ES6 之前应禁止使用。ES6 开始可以使用，函数的作用域为声明该函数的块内部。非严格模式下应禁止使用。if(true) { function test() { //块级函数...
2021-05-04
vue使用动态组件实现TAB切换效果
问题描述
tab切换的场景在开发中会经常用到。当需要实现这种效果的时候，我们常常会想到下面的方式去实现这个效果。 方式一 使用display:none;去控制dom元素的显示与隐藏...
2021-05-04
React合成事件详解
react合成事件指的是react用js模拟了一个Dom事件流。（fiber树模拟Dom树结构） 合成事件的事件流在fiber树中发生捕获和冒泡。从点击输入框开始
当你点击input输入框，react在根节...
2021-05-04
详解React中Props的浅对比
上一周去面试的时候，面试官我PureComponent里是如何对比props的，概念已经牢记脑中，脱口而出就是浅对比，接着面试官问我是如何浅对比的，结果我就没回答上来。趁着周末，再来看看源码...
2021-05-04
javascript动态函数如何创建
javascript动态函数的创建方法：动态函数必须用function对象来定义（function是javascript中的一个对象，是固定不变的，规定function对象的"f"必须大写，当是function时，定义函数时所...
2021-04-30
JavaScript如何获取修改value
javascript获取修改value的方法：有些元素有value属性，如input、botton、select等，使用value属性可以修改它的值。<!DOCTYPE html><html> <head> <meta charset="UTF-...
2021-04-30
javascript如何捕获窗口关闭事件
javascript捕获窗口关闭事件的方法：1.用javascript重新定义 window.onbeforeunload() 事件在javascript里定义一个函数即可function window.onbeforeunload() { alert("关闭...
2021-04-30
javascript如何解决url中文乱码问题
javascript解决url中文乱码问题的方法：1.传的页面：encodeURI(url + "?userName=" + userName);//encodeURI针对整个参数进行编码url + "?userName=" + encodeURIComponent(use...
2021-04-30
javascript对象封装的方法有哪些
javascript对象封装的方法：常规封装function Person (name,age,sex){ this.name = name; this.age = age; this.sex = sex;} Pserson.prototype = { constructor...
2021-04-30
javascript如何设置滚动条位置
javascript设置滚动条位置的方法：JS控制滚动条的位置：window.scrollTo(x,y);竖向滚动条置顶(window.scrollTo(0,0);竖向滚动条置底 window.scrollTo(0,document.body.scrollHe...
2021-04-30
javascript如何将时间字符串转化为时间
javascript将时间字符串转化为时间的方法：对于时间字符串格式为："2017-03-03 12:23:55";IE:显示无效的日期new Date("2017-03-3 12:23:55")//[date] Invalid Date[date] Inval...
2021-04-30
javascript如何定义私有方法
javascript定义私有方法的方法：说明：类的构造函数里定义的function，即为私有方法；而在构造函数里用var声明的变量，也相当于是私有变量。(不过类比于c#这类强类型语言中的私有成员...
2021-04-30
ajax和javascript的区别是什么
ajax和javascript的区别：JavaScriptjavaScript的简写形式就是JS，一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能（其编写的程序可以被嵌入到HTML或XML页面中...
2021-04-30
2021年值得收藏的17个Vue 后台管理模板
后面的模板是我们做后台管理系统经常所需要的东西。 虽然，我们总可以花很多时间从头开始设计自己的模板，但有现在的模板让我们套，节省我们更多时间用来摸鱼，何乐而不为呢。这些...
2021-04-30
详解前端任务构建利器Gulp.js使用指南
概述在软件开发中，任务运行器的好处是不言而喻的。它们可以帮助自动运行常见的冗长的任务，让你可以专注于更重要的事情中，比如敲出很棒的代码。说的严肃点，自动运行一些比如图片...
2021-04-30
用几道面试题来看JavaScript执行机制
前面的话根据JavaScript的运行环境，锁定它为单线程，任务需要排队执行，如果网站资源比较大，这样会导致浏览器加载会很慢，但实际上并没有，大家肯定立刻想到了同步和异步。所谓的同步...
2021-04-30
如何用Node.js编写内存效率高的应用程序
前言软件应用程序在计算机的主存储器中运行，我们称之为随机存取存储器(RAM)。JavaScript，尤其是 Nodejs（服务端js）允许我们为终端用户编写从小型到大型的软件项目。处理程序的内...
2021-04-30
JS不要再到处使用绝对等于运算符了
概述我们知道现在的开发人员都使用===来代替==，为什么呢？我在网上看到的大多数教程都认为，要预测JavaScript强制转换是如何工作这太复杂了，因此建议总是使用===。这些都导致许多...
2021-04-30
如何用JavaScript学习算法复杂度
概述在本文中，我们将探讨 “二次方” 和 “n log(n)” 等术语在算法中的含义。在后面的例子中，我将引用这两个数组，一个包含 5 个元素，另一个包含 50 个元素。我还会用到JavaScr...
2021-04-30
一文秒懂JavaScript DOM操作基础
DOM概念DOM：document object model : 文档对象模型
通过js去操作HTML的代码，添加元素，删除元素。。。获取元素（1）getElementById 通过id获取，获取到的是一个元素
（2）getElementsByTa...
2021-04-30
react配置px转换rem的方法
安装相关的依赖npm i lib-flexible --save
npm i postcss-px2rem --save主要用来暴露项目配置npm run eject
！如果运行npm run eject报错，出错的原因应该是仓库里面代码没有提...
2021-04-30
如何用JavaScript让你的浏览器说话
1. 最简单的例子让我们来创建一个基础函数，这个函数的参数为我们想说的话或者词，最后让我们的浏览器说出来。我们将利用在大多数现代浏览器上都可以使用的原生APIspeechSynteh...
2021-04-28
react新版本生命周期钩子函数及用法详解
和旧的生命周期相比准备废弃三个钩子，已经新增了两个钩子React16 之后有三个生命周期被废弃(但并没有删除) componentWillMount（ 组件将要挂载的钩子） componentWillRece...
2021-04-28
javascript对象怎么转换成字符串
JavaScript将对象转化成字符串，一般是使用JSON.stringify()。JSON.stringify() 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串，如果指定了replacer是一个函数...
2021-04-27
通过代码示例，了解css3+javascript按钮水波纹效果
css3+js实现按钮水纹涟漪效果HTML 首先我们用<a>标签定义两个按钮<a href="#">button</a><a href="#">button</a>CSS3 调整布局样式 色彩范围* { margin: 0; padding:...
2021-04-27
javascript数组如何删除指定元素
javascript自带删除数组元素方法有：1.delete方法delete删除掉数组中的元素后，会把该下标出的值置为undefined,数组的长度不会变如：delete arr[1] //[‘a’, ,‘...
2021-04-27
jquery模拟picker实现滑动选择效果
本文实例为大家分享了jquery模拟picker实现滑动选择效果的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewpo...
2021-04-27
jquery实现时间选择器
本文实例为大家分享了jquery实现时间选择器的具体代码，供大家参考，具体内容如下效果图：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="renderer"...
2021-04-27
vue实现右侧滑出层动画
本文实例为大家分享了vue实现右侧滑出层动画的具体代码，供大家参考，具体内容如下效果图：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="renderer"...
2021-04-27
javascript中input怎么用
JavaScript中input常用方法 表单对象常用事件：
onfocus：在表单元素收到输入焦点时触发；
onblur：在表单元素失去输入焦点时触发。
如：文本框失去焦点时，以下代码将调用myfun()函数...
2021-04-27
javascript时间转换的方法
javascript时间转换创建一个util.js文件，在里面重新封装一下Date的format方法：//Date的prototype 属性可以向对象添加属性和方法。 Date.prototype.Format = function(fmt)...
2021-04-27
javascript方法（函数）的定义方式有哪些
方法（method）是通过对象调用的javascript函数。也就是说，方法也是函数，只是比较特殊的函数。当将函数和对象和写在一起时，函数（function）就变成了方法（method）。JavaScript中定义方法...
2021-04-26
javascript怎么判断值是否是数字
方法1：使用test()+正则表达式 校验只要是数字（包含正负整数，0以及正负浮点数）就返回true/*** 校验只要是数字（包含正负整数，0以及正负浮点数）就返回true**/function isNumber(val)...
2021-04-26
javascript中删除数组元素的方法有哪些
在JavaScript中，除了Object之外，Array类型（数组）恐怕就是最常用的类型了。与其他语言的数组相比，JavaScript中的Array非常灵活。这种灵活性有利有弊，好处是其富有创造性，可以提供各...
2021-04-26
javascript中“===”的用法是什么
javascript ===运算符“===”是javascript内置的一个比较运算符，在逻辑语句中使用，以测定变量或值是否相等；返回值为true 或者 false。“===”表示恒等，即...
2021-04-26
javascript中this的用法是什么
this是 JavaScript 语言的一个关键字。它是函数运行时，在函数体内部自动生成的一个对象，只能在函数体内部使用。function test() { this.x = 1;}上面代码中，函数test运行时，内...
2021-04-26
javascript push()方法有什么用
JavaScript push() 方法push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。注意： 新元素将添加在数组的末尾。注意： 此方法改变数组的长度。语法：array.push(item1,...
2021-04-26
javascript怎么判断值是否是整数
JavaScript中不区分整数和浮点数，所有数字内部都采用64位浮点格式表示，和Java的double类型一样。但实际操作中比如数组索引、位操作则是基于32位整数。那么如何判断是否为整数...
2021-04-26
怎么使用javascript将对象转为字符串
在javascript中，可以使用“JSON.stringify()”方法将对象转为字符串。实例：对象转换为字符串// 对象var jsonObj = { "CityId":"18", "CityName":"西安2"};//...
2021-04-26
javascript字符串中指定字符怎么删除
方法1：使用replace()方法replace()方法用于将特定字符/字符串替换为其他字符/字符串。它需要两个参数，第一个是要替换的字符串，第二个是要替换的字符串。在这种情况下，第一个参...
2021-04-26
javascript怎么设置元素文本内容
javascript设置元素文本内容步骤： 查找元素 使用innerHTML设置内容示例：<body> <p id="demo"></p> <script type="text/javascript"> var x=document.getEleme...
2021-04-26
javascript怎么设置元素属性
javascript设置元素属性的方法在javascript中，可以使用setAttribute()方法来设置元素属性语法：setAttribute("属性名称","属性值")示例：<img id="img" src="img/1.jpg" /><p id...
2021-04-26
通过代码实例，带你了解v-model（值得收藏）！
本篇文章通过代码实例，带你了解v-model。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。 Vue v-model是一个指令，它提供了input和form之间或两个组件之间的双...
2021-04-26
10个开发者经常问的JavaScript面试题（附答案解析）
这10 个问题大多涉及 Javascript 的基础知识，所以如果你刚刚开始学习 JS，最好理解并掌握它们并。这个 10 问题涉及 JS 中闭包、promise，变量提升、类等等。尽管这些知识不是很...
2021-04-26
