![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
lxhguard
腾讯前端
展开
-
Vue3 中使用 markdown编辑器和展示
import { createApp } from 'vue'import ElementPlus from 'element-plus';import 'element-plus/lib/theme-chalk/index.css';import App from './App.vue';import router from './router/index';import Axios from 'axios';import VueMarkdownEditor from '@kangc/v-m.原创 2021-03-11 13:00:10 · 5278 阅读 · 11 评论 -
Vue(MVVM)、React(MVVM)、Angular(MVC)对比
Vue(MVVM)、React(MVVM)、Angular(MVC)对比React与Vue对比相似点:使用 Virtual DOM提供了响应式 (Reactive) 和组件化 (Composable) 的视图组件。 将注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关的库。 区别: 在 React 应用中,当某个组件的状态发生变化时,它会以该组件为根,重新渲...原创 2020-02-16 01:10:07 · 459 阅读 · 0 评论 -
ES2020深入浅出
1.可选链操作符(Optional Chaining)stack overflow上看到这样子一个问题I'm checking if(response[0].title !== undefined), but I get the error:Uncaught TypeError: Cannot read property 'title' of undefined.解决:res...原创 2020-01-21 11:05:26 · 314 阅读 · 0 评论 -
js定义变量
在全局环境下定义一个变量a,其configurable:false enumerable:true writable:true value:不可以用delete a 进行删除 a , 只能 a = null。全局定义一个变量b,b下再定义属性,其b为configurable: true enumerable:true writable:true value:...原创 2020-01-14 14:57:03 · 200 阅读 · 0 评论 -
前端规范
用 void 0 代替 undefined。任何变量在赋值前是 Undefined 类型、值为 undefined。undefined 是一个变量,而并非是一个关键字。null 是 JavaScript 关键字。undefined,表示JavaScript不识别它。我们一般不会把变量赋值为 undefined。void该运算符指定要计算一个表达式但是不论该表达式原来是否有自己的返回值,其返回值...原创 2020-01-14 11:25:43 · 135 阅读 · 0 评论 -
一个有趣的js题目:连续赋值
课设期间发现了一个好玩的js题目,并且提出了自己的理解。var a = {n:1}var b = a;a.x = a = {n:2};求a.x, b.x原创 2020-01-02 12:39:03 · 181 阅读 · 0 评论 -
Function('return this')()返回了全局对象
new Function()works like an indirect eval call, which always executes in the global scope.new Function() 就像间接的eval调用一样,始终在全局范围内执行。ThePromise.allSettled()method returns a promise that resolves ...原创 2019-12-07 18:33:19 · 1175 阅读 · 0 评论 -
为什么 window.window === window
window对象的window属性指向这个window对象本身。因此以下表达式所返回的window对象都是同一个。window.windowwindow.window.windowwindow.window.window.window ...在网页中,window对象也是一个全局对象。这意味着:脚本中的全局变量实际上是window对象的属性: var global...原创 2019-12-07 17:29:46 · 808 阅读 · 0 评论 -
instanceof实现原理
instanceof 检测一个对象A是不是另一个对象B的实例的原理是:查看对象B的prototype指向的对象是否在对象A的[[prototype]]链上。如果在,则返回true,如果不在则返回false。不过有一个特殊的情况,当对象B的prototype为null将会报错(类似于空指针异常)。...原创 2019-01-17 19:39:55 · 1952 阅读 · 0 评论 -
js输出显示为null解决办法
谷歌console可以输出对象,js用cosole.log输出为不存在在js文件中此段代码输出的对象为不存在,但是我在开发者工具console却可以输出他。而且改为console.log(fansItem)也可以输出。解决方法 设置为在页面加载完成后输出该对象window.onload = funciton() { //你的代码块} ...原创 2019-01-17 19:37:06 · 6371 阅读 · 1 评论 -
js console.log()
原创 2019-01-17 19:33:05 · 977 阅读 · 0 评论 -
codewar ----- 累加
Given two integers a and b, which can be positive or negative, find the sum of all the numbers between including them too and return it. If the two numbers are equal return a or b.Note: a and b are ...原创 2018-11-24 00:08:29 · 251 阅读 · 0 评论 -
codewar----array二进制
Description:Given an array of one's and zero's convert the equivalent binary value to an integer.Eg: [0, 0, 0, 1] is treated as 0001 which is the binary representation of 1.Examples:Testing: ...原创 2018-11-23 23:07:43 · 148 阅读 · 0 评论 -
vue-cli引入外部css和外部js函数操作
从一个外部JS文件导入多个函数原创 2019-01-30 10:43:19 · 7948 阅读 · 0 评论 -
JS引擎的执行机制
1.js是单线程语言2.JS的执行机制是Event Loop。一。单线程。异步执行。JS 单线程的异步执行是通过事件循环(Event Loop)。Event Loop执行顺序:1.首先判断JS同步还是异步,同步进主进程,异步进event table.2.异步任务在event table中注册函数,当满足触发条件后,被推入event queue3.同步任务进入主线程后一直执行...原创 2018-09-03 19:54:09 · 130 阅读 · 0 评论 -
js
bind()最简单的用法是创建一个函数,使这个函数不论怎么调用都有同样的this值。常见的错误就像上面的例子一样,将方法从对象中拿出来,然后调用,并且希望this指向原来的对象。如果不做特殊处理,一般会丢失原来的对象。使用bind()方法能够很漂亮的解决这个问题:bind的多次绑定只有第一次是有效的...原创 2019-01-17 19:47:31 · 127 阅读 · 0 评论 -
js 按值传递
红宝石中的定义:ECMAScript中所有函数的参数都是按值传递的三种类型:按值传递,按引用传递,按共享传递(传递对象的引用的副本) <script> var a = { o:10 } var b = { o:20 } function foo(a,b) { a = b a....原创 2019-01-21 09:10:37 · 379 阅读 · 0 评论 -
解决闭包新方法callee
var data = []for(var i = 0; i < 3; i++){ (data[i] = function(){ console.log(arguments.callee.i) })}data[0]() //0data[1]() //1data[2]() //2原创 2019-01-21 12:04:40 · 315 阅读 · 0 评论 -
js && ||
原创 2019-02-05 20:24:12 · 2346 阅读 · 0 评论 -
JS中isPrototypeOf 和hasOwnProperty 的区别
1、isPrototypeOfisPrototypeOf是用来判断指定对象object1是否存在于另一个对象object2的原型链中,是则返回true,否则返回false。格式如下:object1.isPrototypeOf(object2);object1是一个对象的实例;object2是另一个将要检查其原型链的对象。原型链可以用来在同一个对象类型的不同实例之间共享功能。...原创 2019-05-28 16:59:38 · 439 阅读 · 0 评论 -
JavaScript 绑定事件时的闭包问题
在写网页的时候,我们经常需要为一组DOM元素绑定同一事件,比如页面上有3个div,我们给他们绑定一个click事件来alert数组letters中和他们序号对应的字母:function bindEvent(){var letters = ['A','B','C'];var elems = document.getElementsByTagN...原创 2019-06-02 11:46:20 · 402 阅读 · 0 评论 -
js立即执行函数的一个增加点
在群里和网友扯的时候遇到的javascript中的自执行(立即执行)函数(function(){…})()(function () { /* code */ } ()); !function () { /* code */ } (); ~function () { /* code */ } (); -function () { /* code */ } (); +function...原创 2019-07-24 22:53:12 · 126 阅读 · 0 评论 -
JS面试:找出数组中出现次数最多的元素及其次数
1.使用map存储对应的数据,key是数据,value是出现的次数function GetArrayMost(arr){ var arrMap = new Map(); var key = arr[0], value = 1; arr.forEach((item, index) => { if (arrMap.get(item) !=...原创 2019-07-20 23:47:18 · 5842 阅读 · 0 评论 -
js中的this关键字详解
this是Javascript语言的一个关键字。 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如, 复制代码代码如下: function test(){ this.x = 1; } 随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。 下面分四种情况,详细讨论this的用法。 情况一:纯粹的函数调用 这是函...转载 2018-05-28 20:32:28 · 200 阅读 · 0 评论 -
JavaScript 0.3-0.2!=0.2-0.1
原因:JS中所有的浮点数都不能精确表示解决方案:tofixed()原创 2018-08-08 09:07:25 · 1225 阅读 · 0 评论 -
JS之浅谈 构造函数 和 包装类
构造函数内部原理1.在函数体最前面隐式的加上 this = { }; (没有显式的创建对象)2.执行 this.xxx = xxx ; (直接将属性和方法赋给了this对象)3.隐式的返回 this (没有return语句)构造函数可以用来创建特定类型的对象。注意:像Object这样的原生构造函数,在运行时会自动出现在执行环境中。上面的绿色的括号语句是红宝石书上的原句,我...原创 2018-08-02 23:37:51 · 219 阅读 · 0 评论 -
JS作用域
JS的作用域,在你写一些函数的时候用处真的挺大的。大家跟着我的步伐来看一些其中的作用域的问题对于JS来说其中对于JS来说其中包括至少两个步骤(1)预解析【含有var,含有函数,其中含有参数】a.其中找到的含有var的这里只是简单的找到了变量的名字,其中的变量的值是未定义的b.其中在这里找到的函数则就是将其中的函数全部找到(2)逐行解析【表达式:= + - * / % ++ -- ! 参数和函数调用...转载 2018-05-29 19:36:40 · 119 阅读 · 0 评论 -
闭包
闭包,说实话刚开始的时候对于它的理解真的是很浅层的,哈哈哈哈今天得到了大神的指点。我就在这里说到说到吧!说的闭包我们不得不说的就是其中的js特性:[html] view plain copyfunction a(){ var c=10; function b(){ alert(c); } } alert(c); 其中alert(c)可以弹出...转载 2018-05-29 19:35:53 · 170 阅读 · 0 评论 -
this,
this 对象是在运行时基于函数的执行环境绑定:在全局函数中,this等于window,而函数被作为某个对象的方法调用时,this等于那个对象。原创 2018-06-04 22:20:10 · 132 阅读 · 0 评论 -
js里==和===有什么区别
”==”与”===”是不同的,一个是判断值是否相等,一个是判断值及类型是否完全相等。下面的规则用于判定===运算符比较的两个值是否相等的判断条件•如果两个值的类型不同,它们就不相同。•如果两个值是数字,而且值相同,那么除非其中一个或两个都是NaN(这种情况它们不是等同的),否则它们是等同的。值NaN永远不会与其他任何值等同,包括它自身(奇怪的家伙),要检测一个值是否是NaN,可以使用全局函数isN...原创 2018-05-28 21:00:39 · 358 阅读 · 0 评论 -
javascript中new关键字详解
和其他高级语言一样javascript中也有new关键字,我们以前认知的new是用来创建一个类的实例对象,但在js中万物皆是对象,为何还要new关键字呢,其实js中new关键字不是用来创建一个类的实例对象,而是用于继承。 接下来,本文将带你一起来探索JS中new的奥秘...?1234567891011121314151617181920function Animal(name){ this.na...转载 2018-05-28 20:42:03 · 2097 阅读 · 0 评论 -
prototype属性的作用
为了解决构造函数的对象实例之间无法共享属性的缺点,js提供了prototype属性。 js中每个数据类型都是对象(除了null和undefined),而每个对象都继承自另外一个对象,后者称为“原型”(prototype)对象,只有null除外,它没有自己的原型对象。 原型对象上的所有属性和方法,都会被对象实例所共享。 通过构造函数生成对象实例时,会将对象实例的原型指向构造函数的prototy...转载 2018-05-28 20:05:24 · 993 阅读 · 0 评论 -
js中return的作用及用法
这里面的return含有一些细节知识:例如:onClick='return add_onclick()'与 onClick='add_onclick()'的区别JAVASCRIPT在事件中调用函数时用return返回值实际上是对window.event.returnvalue进行设置。而该值决定了当前操作是否继续。当返回的是true时,将继续操作。当返回是false时,将中断操作。而直接执行时(不...转载 2018-05-28 20:02:03 · 7716 阅读 · 0 评论 -
JavaScript 弱类型浅谈
1,强弱类型的判别; 按照计算机语言的类型系统的设计方式,可以分为强类型和弱类型两种。二者之间的区别,就在于计算时是否可以不同类型之间对使用者透明地隐式转换。从使用者的角度来看,如果一个语言可以隐式转换它的所有类型,那么它的变量、表达式等在参与运算时,即使类型不正确,也能通过隐式转换来得到正确地类型,这对使用者而言,就好像所有类型都能进行所有运算一样,所以这样的语言被称作弱类型...转载 2018-05-28 19:47:05 · 3601 阅读 · 0 评论 -
JS之预编译
今天有幸获得腾讯的电话面试,不幸的是面试非常惨,但是从中认识到自己的不足和找到日后该努力的方向,就拿面试中的关于js的预编译来说吧,小编都不知道是啥,面试完后赶紧查资料,写总结。首先javascript是解释型语言,自然就是编译一行,执行一行。js运行过程分为三步:1、语法分析 2、预编译 3、解释执行语法分析就是指js引擎去判断检查你的代码是否存在语法错误,解释执行更不用多说,自然就是执行你的...转载 2018-05-28 18:31:27 · 231 阅读 · 0 评论 -
js预编译AO对象及GO对象
简单谈一下js的预编译过程。function test(a,b){ console.log(a) var a=123; function a(){} console.log(b) var b=234; console.log(b) function b(){} console.log(a) var b=...原创 2018-05-28 18:26:20 · 754 阅读 · 0 评论 -
浅谈 this
一般情况下,this对象在闭包中主要分两种:(1)默认情况下,在全局函数中,this等于window。this会从全局变量中寻找对象。 PS:把外部作用域的 this 对象保存在一个闭包能够访问到的变量里,就可以让闭包访问该对象了(2)隐式:谁调用它,它就指向谁。...原创 2018-05-30 01:28:23 · 121 阅读 · 0 评论 -
深入理解各种布局方式:静态,自适应,流式,响应式,弹性
一.静态布局 这是我们传统的WEB布局,是初学者在早期学习html和css时常用的布局方式,也是我们最熟悉的一种方式,它一般来说比较死板,我们使用单位px作为网页上一切元素尺寸的衡量标准。特点:这种布局值按照当时设计代码时所呈现的屏幕大小尺寸,在这个特定的尺寸下才能全部显示。一旦出现浏览器窗口缩小,网页的布局不会改变,会出现滚动条,你可以通过滚动条去查看全部网页。他非常简单,并且不存在兼容性...原创 2018-06-15 21:56:48 · 843 阅读 · 0 评论 -
JS之立即执行函数
一。定义:此类函数没有声明,在一次执行后即释放(销毁)。好处:为了避免变量污染(命名冲突),适合做初始化工作。相当于创建了一个“私有”的命名空间,该命名空间的变量和方法,不会破坏污染全局的命名空间。(PS:: 立即执行函数有预编译,有执行期上下文,但运行结束后会销毁)二。官方写法:(有两种)1.这种也是W3C标准推荐的一种写法:一个匿名函数后面跟一个小括号,然后整个包...原创 2018-08-02 22:40:44 · 1300 阅读 · 0 评论 -
闭包
一。定义:当内部函数被保存在外部时,会生成闭包。闭包会导致原有作用域链不释放,造成内存泄漏。<script type="text/javascript"> function a(){ function b(){ var bbb=234; document.write(aaa); } var aaa=123; return b; //...原创 2018-08-02 21:43:10 · 163 阅读 · 0 评论