前端笔记网页特效 / 浏览器兼容 / 经验心德

JS中==与===的区别详解

首先建议使用===做比较所有前端开发人员张口就来的解释:==      抽象相等,比较时,会先进行类型转换,然后再比较值。===    严格相等,会比较两个值的类型和值。深入探讨:==号左右的值,具体是通过什么规则转换类型后比较的?如 '0' == 0,是将 string ‘0’转成number 0, 还是number 0转成string ‘0’后,进行的比较?再如:true == 1 [1, 2]...
71

CSS选择器x-child,x-of-type系列摘要

伪类 伪元素

:nth-child(an+b) 首先找到所有当前元素的兄弟元素,然后按照位置先后顺序从1开始排序,选择的结果为CSS伪类:nth-child括号中表达式(an+b)匹配到的元素集合(n=0,1,2,3...)。示例:0n+3 或简单的 3 匹配第三个元素。1n+0 或简单的 n 匹配每个元素。(兼容性提醒:在 Android 浏览器 4.3 以下的版本 n 和 1n 的匹配方式不一致。...
110

精准判断JS数据类型方法

function typeOf(obj) {     const toString = Object.prototype.toString;     const map = {         '[object Boolean]'...
285

JS中ASCII码与字符互转

将字符转为ASCII码'a'.charCodeAt(); // 97将ASCII码转为字符String.fromCharCode(97); //"a"例1 :精确判断字符串长度:String.prototype.gblen = function() {     var len = 0;    &nb...
465

异步请求响应回调的4种方式

异步请求响应回调的4种方式◆  1. callback   (ES3)◆  2. Promise    (ES6)◆  3. Generator  (ES6)◆  4. Async      (ES7)使用最多的callback回调方式function ajax_get_callback(param,callback){    &nbs...
302

JavaScript中的this

先记住两句话:this 的指向在执行时决定,而不是定义时this 指向的是最后调用它的对象然后划分一下this的场情普通函数调用作为方法来调用作为构造函数来调用使用apply/call方法来调用Function.prototype.bind方法es6箭头函数普通函数调用:function say(){     console.log(this); } say();// Window调用say(),打印的this是Window对象。...
334

HTML5陀螺仪重力感应API

陀螺仪是什么,它是测量物理量的偏转、倾斜时的转动角速度。赛车、跑酷游戏里最常见的转动手机控制方向。知识点学习:陀螺仪API很简单,只要监听deviceorientation :window.addEventListener('deviceorientation', function(event) {  let alpha = event.alpha;  let beta =...
887

ES7 ES8的一些新特性简单了解

ES7小版本新特性**  求幂运算符 Array.prototype.includes  数组成员查找ES8 版本新特性1. Object.values/Object.entries 对象遍历2. String padding 字符串填充3. Object.getOwnPropertyDescriptors 4. Trailing commas函数参数列表和调用中的尾逗号5. Async Functions 异步函数介绍:求幂运算符A ** B&...
771

JS去重的几种算法

一. 简单的去重。利用JSON结构对数组去重。const arr = [ 1, 2, 3, 3, 4, 5, 2 ] ; let   tmp = {} ; let   res = [] ; arr.forEach( item =>...
631

VUE-CLI中使用SASS,SCSS

VUE2的CLI默认是没有配置SASS与SCSS支持的。需要手动添加。安装依赖包npm install sass-loader node-sass2.修改webpack打包配置。在项目的build/webpack.base.conf.js文件中,找到module对象下的rules,添加一个loader规则:{  test: /\.sass$/,   loaders: ['style',&n...
1803

精品模板蓝瞳原创精品网站模板

^