随笔分类 - js
this is about js
摘要：最近的项目中有一个星级评分的需求， 自己就写了一下， 由于可能一个页面要用到多个，就采用了面向对象的写法。 用到的png图片也放到这里。 js要用到jquery。 css: js: 由于我这里的需求只有点击哪个，就点亮那些。 所以事件里面就只写了一个click， 如果有鼠标移入到哪个上就点亮的需求，
阅读全文
摘要：一， 函数参数的默认值 1，与解构赋值默认值结合使用 function foo ({x=5, y = 5} = { }) { console.log(x,y) } function foo({x,y} = {x:5, y : 5}) { console.log(x, y)} 上面两种写法都对函数的参
阅读全文
摘要：js中的this是在运行时基于执行环境动态绑定的。 js中的this指向一般分为以下几种情况： 1，对象调用 2，普通函数调用 3，new 4，call，apply，bind 5，箭头函数 当函数作为对象的方法时，this指向该对象，也就是.之前的对象。 当不作为对象的属性而只是一个普通函数被调用时
阅读全文
摘要：一，高级函数 1，安全的类型检测 Object.prototype.toString.call(value)； isNativeJson = window.JSON && Object.prototype.toString.call(JSON) == '[object JSON]' 2，作用域安全的
阅读全文
摘要：1，错误处理 1，try-catch语句 try｛可能导致错误的代码｝ catch（error） ｛在错误发生时该怎么处理｝ error.message是所有浏览器都支持的属性。 finally语句是不论代码如何都会执行的。 2，错误类型 Error是基类型，其他错误都继承自该类型。 EvalErr
阅读全文
摘要：一，基础知识 在html中，表单是form元素，而在js中，表单对应的是HTMLFormElement类型，继承自HTMLElement，其独特的属性和方法有（常见）： action：接收请求的URL， elements： 表单中所有控件的集合 length： 表单中控件的数量 method： 发送
阅读全文
摘要：DOM是针对HTML和XML文档的一个API。DOM描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分。 1，节点层次 DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的结构。每个节点都有自己的特点、数据和方法，也与其他的节点存在某种关系。构成了层次。 <html>元素
阅读全文
摘要：1，理解对象 通过对象字面量的方式，创建一个对象，为它添加属性和方法： var obj = { a: 1, b:2, sayA(){ console.log(this.a)}} 1，属性类型： 数据属性 ： 数据属性包含一个数据值的位置。在这个位置可以读取和写入值。有四个特性 configurabl
阅读全文
摘要：一，变量和作用域 1， js变量可以保存两种类型，基本类型、引用类型和symbol类型，基本类型有5种：undefined、null、boolean、number、string，它们都有以下的特征 基本类型在内存中占据固定大小的空间，因此被保存在栈内存中 从一个变量向另一个变量复制基本类型的值，会创
阅读全文
摘要：废话不多说，直接上效果图和代码： 1，index.js
阅读全文
摘要：每次碰到元素滚动呀、鼠标拖动呀之类的通过对比位置来触发事件的需求时，都要花很多时间来百度怎么取到自己想要的那个值，什么scrollTop、offset等等，今天就把这些东西总结一下，以后再使用的话，就不用各种的百度了。 一，window窗口的各种距离 screen.width/height： 屏幕的
阅读全文
摘要：1，节流 节流就是对连续的函数触发，在设定的间隔时间段内，只让其执行一次。 先来看看js高级程序设计3里面节流的代码 当函数连续执行的时候，如果之前的定时器还没执行，就把它清除了，再从新设置一个新的定时器。 我们可以对这个进行改进 第一次执行： timeout为undefined， prevTime
阅读全文
摘要：之前面试的时候遇到过原型和原型链方面的题目，具体的已经忘了，只记得当时回答的稀里糊涂，今天查了一些资料，把自己所理解的写出来，加深记忆。 1，前提 在js中，对象都有__proto__属性，一般这个是被称为隐式的原型，该隐式原型指向构造该对象的构造函数的原型。 函数比较特殊，它除了和其他对象一样有_
阅读全文
摘要：如今promise大行其道，关于异步方面的几乎都有它的影子，新的fetch api返回的是promise对象，generator中的yield后面一般也会跟promise对象，async的await后面一般也是promise对象。 既然promise这么重要，这里也整理了一些关于它的知识，加深下自己
阅读全文
摘要：1，需求分析 滑块从左滑到右，开始滑、结束滑两种状态。两种状态显示的内容和样式的不同。 这是淘宝注册验证滑块的示例图 2，代码分析 这里定义了一个Slider类，用symbol定义了render 渲染和event事件的初始化函数 在渲染函数中，我们需要将滑块的模板直接放到页面上，所以可以这样做： 因
阅读全文
摘要：1， 需求分析 设计一个通用的表单验证，如果后期表单中添加了更多的需求，不需要更改之前的代码逻辑，最好不要改之前的代码，需要加什么直接加就好了。 2，代码分析 此表单验证最好返回一个函数，在api设计这块我选择在每个表单项上添加valid属性，在验证中通过查看是否有valid属性、valid属性的内
阅读全文
摘要：记得之前的一次面试中，有个面试官问了我关于es6导入和导出的一些知识点，可惜当时对这方面没在意，只知道每次机械的import和export，也不知道为啥要这样用，现在静下心来，好好的把这块看了下，顺便把自己的学习内容记录下来，方便将来的时候翻阅。 简介： es6模块主要是由export和import
阅读全文
浙公网安备 33010602011771号