
Javascript
文章平均质量分 81
Cacra
编程路上在探索。
展开
-
export和export default的区别
1.export的使用1.直接输出export let words = 'hello world!!!' export function output() { // ... }2.先定义再输出let firstWords = 'hello'let secondWords = 'world'let thirdWords = '!!!'function output() { // ...}export {firstWords, secondWords, third原创 2020-08-12 00:28:02 · 1048 阅读 · 0 评论 -
DOM和BOM中的宽高
主要看这几篇文章:https://cloud.tencent.com/developer/article/1534759https://www.cnblogs.com/kongxianghai/p/4192032.htmlhttps://blog.youkuaiyun.com/xiebaochun/article/details/38382169还可以参考:https://blog.youkuaiyun.com/fanfan_h/article/details/90632127https://www.cnblogs.c原创 2020-07-20 23:42:30 · 503 阅读 · 0 评论 -
防抖和节流
之前代码:滑动右侧A-Z导航条handlerTouchMove(e) { if (this.touchStatus) { const touchY = e.touches[0].clientY - 79; const letterIndex = Math.floor((touchY - this.startY) / 20); if(letterIndex >= 0 && letterIndex < this.firstLett原创 2020-07-05 12:06:43 · 241 阅读 · 0 评论 -
JSON 简介
主要是慕课网和菜鸟课程的笔记1.基本简介JSON: JavaScript Object Notation(JavaScript 对象表示法)。JSON 独立于语言:JSON 使用 Javascript语法来描述数据对象,但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。 目前非常多的动态(PHP,JSP,.NET)编程语言都支持JSO...原创 2018-08-06 09:35:50 · 233 阅读 · 0 评论 -
JSON.parse()、JSON.stringify()和eval()
JSON对象:var str2 = { &quot;name&quot;: &quot;asan&quot;, &quot;sex&quot;: &quot;man&quot; };JSON字符串:var str1 = '{ &quot;name&quot;: &quot;deyuyi&quot;, &原创 2018-08-06 10:58:41 · 494 阅读 · 0 评论 -
Echarts异步更新数据和Mysql数据格式转换
这个是Express框架,里面使用Echarts,使用Ajax更新数据。1.折线图的数据异步更新数据库:前端代码:&amp;lt;!-- echarts曲线 --&amp;gt;&amp;lt;div id=&quot;change-echarts1&quot; style=&quot;display: block;float:left;width: 1130px;margin-原创 2018-08-26 13:27:08 · 2018 阅读 · 11 评论 -
JavaScript快速入门
廖雪峰JavaScript教程笔记ECMAScript是一种语言标准,而JavaScript是网景公司对ECMAScript标准的一种实现。1.基本语法JavaScript代码可以直接嵌在网页的任何地方,不过通常我们都把JavaScript代码放到&amp;amp;lt;head&amp;amp;gt;中:&amp;amp;lt;html&amp;amp;gt;&amp;amp;lt;head&原创 2018-08-31 14:49:12 · 394 阅读 · 0 评论 -
了解Flex布局
了解Flex布局。http://www.ruanyifeng.com/blog/2015/07/flex-grammar.htmlhttps://segmentfault.com/a/1190000008823763https://zhuanlan.zhihu.com/p/25303493https://juejin.im/post/58e3a5a0a0bb9f0069fc16bbh...原创 2018-09-17 19:27:59 · 626 阅读 · 0 评论 -
JavaScript函数
廖雪峰JavaScript教程1.函数在JavaScript中,定义函数的方式如下:function abs(x) { if (x &amp;amp;gt;= 0) { return x; } else { return -x; }}函数调用参数问题:// 1.由于JavaScript允许传入任意个参数而不影响调用,因此...原创 2018-09-13 13:35:19 · 368 阅读 · 0 评论 -
JavaScript高阶函数
JavaScript的函数其实都指向某个变量。既然变量可以指向函数,函数的参数能接收变量,那么一个函数就可以接收另一个函数作为参数,这种函数就称之为高阶函数。一个最简单的高阶函数:function add(x, y, f) { return f(x) + f(y);}当我们调用add(-5, 6, Math.abs)时,参数x,y和f分别接收-5,6和函数Math.abs,根据函...原创 2018-10-15 16:22:54 · 159 阅读 · 0 评论 -
JavaScript中null、undefined、NaN
1.前言首先说明下JavaScript的数据类型:1.原始类型:数字、字符串、布尔值、null、undefined2.对象类型:数组、函数、正则表达式、对象null是JavaScript语言的关键字,它表示一个特殊值,常用来描述“空值”。对null执行typeof预算,结果返回字符串“object”,也就是说,可以将null认为是一个特殊的对象值,含义是“非对象”。但实际上,通常认为nul...原创 2018-11-11 12:14:25 · 614 阅读 · 0 评论 -
JavaScript包装对象
1.前言JavaScript中的对象是可变的键控集合,在JavaScript中,数组、函数、正则表达式和对象都是对象。JavaScript对象是属性或已命名值的集合。通过"."符号来引用属性值。对象是属性的容器,其中每个属性都拥有名字和值。属性的名字可以是包括空字符串在内的任意字符串。属性的值可以是除undefined值之外的任何值。我们看到字符串也同样具有属性和方法:var s = "...原创 2018-11-08 10:52:08 · 192 阅读 · 0 评论 -
JavaScript原始值/基本类型、引用值/引用类型比较
原始值和引用值存储方式、可改变/不可改变、相互比较的方法JJavaScript 中的原始值/基本类型(undefained、null、布尔值、数字和字符串)与引用值/引用类型(对象,数组,函数等)有着根本的区别。1.存储方式原始值:存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置。引用值:存储在堆(heap)中的对象,也就是说,存储在变量处的值是一个...原创 2018-11-08 14:02:03 · 744 阅读 · 0 评论 -
JavaScript变量作用域、函数作用域和声明提前
1.变量作用域在函数体内,局部变量的优先级高于同名的全局变量。如果在函数体内声明的一个局部变量或者函数参数中带有的变量和全局变量重名,那么全局变量就被局部变量所遮盖。尽管在全局作用域编写代码可以不写var语句,但声明局部变量时则必须使用var语句。(不使用var定义的局部变量会认为是全局变量)var scope = "global"var scope1 = "global1"funct...原创 2018-11-12 09:21:08 · 737 阅读 · 0 评论 -
【慕课网】JavaScript数据类型
主要根据慕课网《JavaScript深入浅出》和《JavaScript权威指南》记得笔记1.六种数据类型JavaScript一共有六种数据类型:1.五种基本类型:number、string、Boolean、undefined、null;2.一种复合类型:object;注:其他复合类型都继承自Object类型,如Array、Date、RegExp、Function、etc;2.隐...原创 2018-11-22 01:04:40 · 143 阅读 · 0 评论 -
【慕课网】JavaScript表达式和运算符
1.表达式表达式:表达式是一种JS短语,可使JS解释器用来产生一个值。1.原始表达式 1,常量,直接量 3,14 &amp;quot;test&amp;quot; 2,关键字 null this true 3,变量 i,j,k2.复合表达式(通过原始表达式和运算符) 10*203.数组,对象的初始化表达式 [1,2,3] [1, ,,4] {x:1,y:2}3.函数表达式 var a=functi...原创 2018-11-22 10:26:10 · 183 阅读 · 0 评论 -
从JavaScript中+!{}[true]输出1讲起 [] 、!{}与 {}的比较
主要讲述[] {} 以及 JavaScript中的类型转换主要参考文章(非常推荐):https://segmentfault.com/a/1190000008432611#articleHeader1首先看一些示例:[]==[] //false[]==![] //true{}==!{} //false{}==![] //VM1896:1 Uncaught Sy...原创 2018-11-22 14:50:58 · 2483 阅读 · 0 评论 -
【慕课网】JavaScript语句
JavaScript程序由语句组成,语句遵守特定的语法规则。例如:if语句、while语句、with语句等等。block、break、continue、empty、if…else、switch、try catch、var、function、return、do…while、for、for…in、while、debugger、label、with1.block语句、var语句块语句可以组合0~多...原创 2018-11-22 21:40:53 · 146 阅读 · 0 评论 -
JavaScript类型转换
1.原始值到原始值的转换1.原始值转化为布尔值所有的假值(undefined、null、0、-0、NaN、””)会被转化为 false,其他都会被转为 true。2.原始值转化为字符串都相当于 原始值 + “”3.原始值转化为数字+&amp;quot; 66&amp;quot; // 66+&amp;quot; 6 7 &amp;quot; // NaN布尔转数字:true -&amp;amp;gt; 1,原创 2018-11-23 00:40:02 · 188 阅读 · 0 评论 -
JavaScript原型到原型链
强烈推荐作者系列教程:https://segmentfault.com/a/1190000008959943我只是搬运整理方便自己以后查看,推荐去看作者写的教程,思路非常清晰。原创 2018-11-23 14:31:59 · 205 阅读 · 0 评论 -
【慕课网】JavaScript对象
1.对象概述对象包含一系列无序的属性,每个属性(可动态添加或删除)都有一个字符串key和对应的value,每个对象都还有个原型。javascript中对象的每一个属性都有很多属性标签:writable、enumerable、configurable、value、set/get。每一个对象还有一个原型[[proto]]。var obj={};obj.x=1;obj.y=2;funct...原创 2018-11-26 20:43:35 · 179 阅读 · 0 评论 -
JavaScript类型转换中的toString()和valueOf()方法
toString() 获取某个类型的数据的类型。valueof() 获取某个类型的数据的值。原创 2018-11-29 23:58:50 · 1297 阅读 · 0 评论 -
JavaScript中的隐式转换和!![]==true与[]==true的思考
1.问题:!![] == true //结果是true [] == true //结果是false ![] == [] //结果是true为什么会出现这种情况?2.解释不要浪费时间,我们需要先知道在JavaScript中的一些比较特别的类型转换,最好能记住哦!!![] 转为字符串是 "" // String([]) 返回""[] 转为数字是 0 ...原创 2018-11-30 00:30:49 · 7796 阅读 · 1 评论 -
【慕课网】JavaScript中函数和this
1.函数概述JS中函数比较特殊,函数也是对象中的一种。常叫做函数对象。所以JS函数可以像其它对象那样操作和传递,所以我们也常叫JS中的函数为函数对象。函数的返回值依赖return,一般的函数调用:没有return就会默认在所有代码执行完返回一个undefined;如果作为构造器,外部使用new去调用,这样没有return语句或者return后边是基本类型的话,那么会将this作为返回;反之...原创 2018-12-02 20:39:25 · 395 阅读 · 0 评论 -
【慕课网】JavaScript闭包和作用域
1.闭包阮一峰博客闭包文章:http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html类是有行为的数据,闭包是有数据的行为。一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可...原创 2018-12-03 01:12:34 · 230 阅读 · 0 评论 -
JavaScript中的执行上下文、作用域链、变量对象
主要是理清执行上下文、作用域链和变量对象的关系1.执行上下文简而言之,执行上下文就是当前 JavaScript 代码被解析和执行时所在环境的抽象概念, JavaScript 中运行任何的代码都是在执行上下文中运行。执行上下文类型:全局执行上下文函数执行上下文Eval函数执行上下文执行栈:执行栈,在其他编程语言中也被叫做调用栈,具有 LIFO(后进先出)结构,用于存储在代码执...原创 2018-12-05 13:42:20 · 548 阅读 · 0 评论 -
JavaScript中Function和Object的原型和原型链
我们之前写了原型和原型链的文章,但是后面发现比较特殊的一种情况:Function和Object的原型和原型链的关系比较复杂,所以这篇专门来讲两者的关系。主要参考文章:https://www.jianshu.com/p/dee9f8b147711.前言我们先来讲述几个结论:prototype是函数的一个属性;__proto__是一个对象拥有的内置属性,是JS内部使用寻找原型链的属性;Ob...原创 2018-12-05 15:16:29 · 4157 阅读 · 1 评论 -
【慕课网】JavaScript中OOP(上)
1.概念与继承面向对象程序设计(Object-oriented programming,OOP)是一种程序设计范型,同时也是一种程序开发的方法。对象指的是类的实例。它将对象作为程序的基本单元,将程序和数据封装其中,以提高软件的重用性、灵活性和扩展性。面向对象特点:继承、封装、多态、抽象。prototype是JavaScript属性。prototype 属性使您有能力向对象添加属性和方法。...原创 2018-12-03 16:12:39 · 215 阅读 · 0 评论 -
JavaScript中this初识
本文就是综合网上的文章对this有个初步的认识。1.前言Javascript 是一个文本作用域的语言, 就是说, 一个变量的作用域, 在写这个变量的时候确定. this 关键字是为了在 JS 中加入动态作用域而做的努力. 所谓动态作用域, 就是说变量的作用范围, 是根据函数调用的位置而定的.从这个角度来理解 this, 就简单的多.this 是 JS 中的动态作用域机制, 具体来说有四种, ...原创 2018-12-08 21:16:37 · 265 阅读 · 0 评论 -
VueJS初步了解
慕课视频:https://www.imooc.com/learn/9801.简介:Vue是一套构建用户界面的渐进式框架。Vue只关注视图层,采用自底向上增量开发的设计。Vue更着重于编写数据层的处理操作,减少dom的操作 。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。2.Vue基础语法:2.1 创建第一个vue实例 &amp;amp;amp;amp;amp;amp;lt;div id=&amp;amp;amp;amp;a原创 2018-12-13 14:58:47 · 1542 阅读 · 1 评论 -
JavaScript中的setInterval()和setTimeout()
1.setlnterval()setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。setInterval(code,millisec[,"lang"])...原创 2018-12-10 20:06:36 · 676 阅读 · 0 评论 -
理解同步、异步、阻塞和非阻塞
参考文章:http://maples7.com/2016/08/24/understand-sync-async-and-blocking-non-blocking/原创 2018-12-17 13:38:43 · 256 阅读 · 0 评论 -
Javascript中的回调函数
参考文章:https://www.zhihu.com/question/19801131/answer/91780287A “callback” is any function that is called by another function which takes the first function as a parameter. (在一个函数中调用另外一个函数就是callback)f...原创 2018-12-17 15:03:41 · 1123 阅读 · 0 评论 -
babel使用基础介绍
参考文章:https://www.cnblogs.com/lsgxeva/p/7758184.html#undefinedhttp://www.ruanyifeng.com/blog/2016/01/babel.htmlhttps://segmentfault.com/a/1190000011155061#articleHeader17https://github.com/easonyq/...原创 2018-12-27 22:00:18 · 719 阅读 · 0 评论 -
ES6项目实战-解析彩票项目-项目构建
慕课网视频教程1.前言解构赋值、箭头函数、Set和Map、异步操作、类和对象、模块化基本技能:1.构建工具:gulp、babel、webpack、npm2.基础语法3.实战演练在我们的生产实际中,后端的接口往往是较晚才会出来,并且还要写接口文档,于是我们的前端的许多开发都要等到接口给我们才能进行,这样对于我们前端来说显得十分的被动,于是有没有可以制造假数据来模拟后端接口呢,答案是肯定...原创 2018-12-15 12:54:43 · 992 阅读 · 0 评论 -
JavaScript 正则表达式(RegExp) 对象
RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具。1.创建 RegExp 对象的语法:new RegExp(pattern, attributes);参数参数 pattern 是一个字符串,指定了正则表达式的模式或其他正则表达式。参数 attributes 是一个可选的字符串,包含属性 “g”、“i” 和 “m”,分别用于指定全局匹配、区分大小写的匹配和多行匹配。E...原创 2019-01-02 21:08:15 · 202 阅读 · 0 评论 -
JavaScript插入HTML方法
参考文章:https://www.jianshu.com/p/f54897f689cf传统方法1.document.write方法可以直接在需要插入的地方通过script标签插入&lt;body&gt; &lt;script&gt; document.write("&lt;p&gt;This is inserted.&lt;/p&gt;&原创 2019-02-25 13:14:07 · 17084 阅读 · 0 评论 -
使用createDocumentFragment()创建DOM片段
参考文章:https://www.imooc.com/wenda/detail/346318我一般创建DOM节点都是用createElement()或者是createTextNode(),但不知道如何创建DOM片段,也不知道为什么要创建DOM片段。回答:理由:避免浏览器反复渲染,提高性能等。假设创建一个ul元素并添加3个li,然后在将其添加到文档中;可以使用一个文档片段来保存创建的列表项,...原创 2019-02-25 13:35:35 · 2200 阅读 · 0 评论 -
事件冒泡、事件捕获、DOM2事件流和事件委托、DOM事件中Event对象
由网上文章整理成,具体可以参考下面文章:https://www.cnblogs.com/xiaohuochai/p/5859476.htmlhttps://segmentfault.com/a/1190000013176643https://segmentfault.com/a/1190000012729080https://www.cnblogs.com/christineqing/p/...原创 2019-02-25 14:28:00 · 3313 阅读 · 0 评论 -
JS中在windowonload中调用function函数遇见的问题
参考文章:https://blog.youkuaiyun.com/c_p_h/article/details/63684510今天在jsp中的form表单利用onclick=”xxx”来监听js中一个function xxx(){}函数,遇到一个很奇怪的问题就是点击submit按钮之后竟然没有响应xxx()函数。在这之前我已经多次在form表单中利用onclick=”xxx”来监听一个函数,并没有出现过这种...原创 2019-02-25 17:24:03 · 2634 阅读 · 0 评论