![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
图解前端
这个作者很懒,什么都没留下…
展开
-
javascript每日进阶1--修改input中placeholder的文字颜色
项目中经常会遇到要自定义input框中placeholder的文字的样式的问题,这篇文章用来总结下input::-webkit-input-placeholder{ /* WebKit browsers */ color: #c2c2c2; } input:-moz-placeholder{ /* Mozilla ...原创 2018-06-01 14:00:49 · 1740 阅读 · 0 评论 -
js刷新页面的几种方法
在前端开发过程中,我们经常需要通过刷新当前的页面来实现某些功能,一起来了解下前端刷新页面有哪些方式呢?reload刷新法reload方法,用来强制浏览器刷新当前页面。语法:loaction.reload([bForceGet])参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 ...原创 2019-05-14 10:35:34 · 32385 阅读 · 4 评论 -
JavaScript数据类型
JavaScript数据类型引用类型基本类型数字Number布尔Boolean空Null未定义Undefined字符串StringSymbol对象Object函数Function数组Array原创 2019-01-28 22:47:32 · 148 阅读 · 0 评论 -
javascript每日进阶--var和let,const,class的属性区别
平常我们对于var和let,const,class的关注主要在他们的作用域的区别上,今天发现它们在属性上也是有一些区别的。var命令和function命令声明的全局变量,依旧是顶层对象的属性,也就是还是window和global的属性let命令、const命令、class命令声明的全局变量,不属于顶层对象的属性var a = 1;// 如果在 Node 的 REPL 环境,可以...原创 2018-08-17 12:43:02 · 1398 阅读 · 0 评论 -
javascript每日进阶-0的问题
今天看到一个问题:请问alert(!0&&9)的结果是什么?console.log(!0) //trueconsole.log(!0&&9);//9原创 2018-08-16 09:13:35 · 137 阅读 · 0 评论 -
fetch与formdata的故事
前传 很久以前有个前端想学习fetch的用法,于是他用php写了一个接受post请求的接口,然后前台写了一个使用fetch请求PHP接口的demo,如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>login</title></head><body>原创 2017-11-26 16:39:43 · 6064 阅读 · 0 评论 -
js史上讲call讲的最明白的教程
我一直认为要将一个知识点讲明白(尤其是对于第一次接触这个知识的人),直接将demo和demo的结果展示出来这种方法效率最高,所以对于call的讲解就直接上代码和结果了代码 function add (a,b){ console.log(a+b) } function sub (a,b){ console...原创 2017-12-24 21:46:56 · 633 阅读 · 0 评论 -
数组的浅复制方法--copyWithin
深复制和浅复制是js中经典的一个论题,今天我们使用js中数组的原生方法来实现浅复制let arr = [23,12,9,87,92];arr.copyWithin(2,3,5);console.log(arr);let arr1 = [23,12,9,87,92];arr1.copyWithin(2,3,5);console.log(arr1); 结果是:[23, 12, 87, 92,原创 2018-01-03 21:41:53 · 396 阅读 · 0 评论 -
获取数组的键值对entries方法
我们可以使用数组的entries方法获取一个新的数组迭代器对象:Array Iterator {}let arr = ['aa','bb','cc','dd'];let i = arr.entries();for(let j of i){ console.log(j)} 结果是: (2) [0, “aa”] (2) [1, “bb”] (2) [2,原创 2018-01-03 22:01:36 · 2362 阅读 · 0 评论 -
void 0 和 undefined
最近在看一些前端工具库的源码,发现一个有意思的东西:在underscore和zepto中用void 0 代替 undefined。原因是什么呢? 1. void 0 比undefined占用的空间更小,运行更快 2. undefined不是保留词,只是全局对象的一个属性,在低版本IE中可以被重写,另外,undefined 在 ES5 中已经是全局对象的一个只读(read-only)属性了,它不原创 2017-12-21 23:23:37 · 649 阅读 · 0 评论 -
JavaScript每日进阶-02
javascript 中有写特殊类型的字符,例如: 关键字,保留字关键字和保留字关键字关键字可以用于表示控制语句的开始或者结束用于执行特定的操作关键字是语言保留的,不能作为表示符保留字不能用作关键字变量JavaScript的变量是松散型 的,可以用来保存任何类型的数据使用var 操作符+变量名形式使用: var num在函数中定义的变量在函数退...原创 2018-04-09 22:50:23 · 140 阅读 · 0 评论 -
JavaScript每日进阶--01
JavaScript的基本概念 javascript 这门语言的核心内容包括语法,操作符,数据类型,内置功能等内容,这也是学习一门语言首先要掌握的内容。原创 2018-04-08 22:48:08 · 104 阅读 · 0 评论 -
JavaScript每日进阶-03
JavaScript中存在变量作用域,函数作用域和声明提前三种与作用域相关的内容变量作用域定义 : 一个变量的作用域是程序源代码中定义这个变量的区域。 特点 : 1. 全局变量拥有全局作用域 2. 函数内声明的变量只在函数体内有定义,它们是局部变量,作用域是局部的 3. 函数的参数也是局部变量,只在函数体内有定义 4. 函数体内局部变量优先级高于同名的全局变量v...原创 2018-04-11 13:51:49 · 125 阅读 · 0 评论 -
JavaScript每日进阶-使用Object.keys枚举属性
本篇文章中我们来探讨下JavaScript中Object.keys() 的使用方法定义 Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for…in 循环遍历该对象时返回的顺序一致 (两者的主要区别是 一个 for-in 循环还会枚举其原型链上的属性)。 语法Object.keys(obj)参数介绍 o...原创 2018-04-19 21:28:58 · 613 阅读 · 0 评论 -
JavaScript每日进阶--如何使用Object.defineProperty
Object.defineProperty()方法定义:这个方法会在一个对象上添加属性或者修改对象上的已有的属性,最后返回这个对象。语法Object.defineProperty(obj, prop, descriptor)参数说明obj:操作的对象 prop: 要定义或者修改的属性的名称 description: 要定义或者修改的属性的描述特点...原创 2018-04-25 16:55:48 · 563 阅读 · 0 评论 -
JavaScript每日进阶--如何判断一个对象是不是纯JavaScript对象
在vue这种框架中作者是如何校验我们传入的data对象是否正确呢?vue中是如何使用的呢vue中使用了Object.prototype.toString.call(data)的方法判断传入的data是否正确if(Object.prototype.toString.call(data) !== '[object Object]') { return}我们如何在项目...原创 2018-04-27 10:33:04 · 1395 阅读 · 0 评论 -
javascript每日进阶--获取元素在浏览器的各种距离
这篇文章用来记录获取元素距离浏览器的各种距离用途如果你想要获取页面中某个元素距离页面底部的距离时,可以使用下面三个方法。//取窗口可视范围的高度 export const getClientHeight = function() { var clientHeight=0; if(document.body.clientHeight&amp;...原创 2018-05-15 14:56:57 · 2578 阅读 · 0 评论 -
js使用递归函数对字符串逆序
js使用递归函数对字符串逆序问题用 JavaScript 写一个函数,输入 int 型,返回整数逆序后的字符串。如:输入整型 1234,返回字符串“4321”。要求必须使用递归函数调用,不能用全局变量,输入函数必须只有一个参数传入,必须返回字符串。解答下面是一些小伙伴的答案方法一:function fun(num){ let num1 = num / 10; let nu...原创 2019-07-05 10:35:55 · 1974 阅读 · 0 评论