
javascript
这里王工头
我们都在努力奔跑,我们都是追梦人
展开
-
__dirname和__filename
欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ // path.js console.log('文件目录' + __dirname) console.log('文件绝对路径' + __filename) `node path.js` 执行文件得到结果 文件目录 D:\ocr-demo-page 文件绝对路径 D:\ocr-demo-pa...原创 2020-03-16 12:04:20 · 362 阅读 · 0 评论 -
webpack path.resolve
欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ var path = require("path") //引入node的path模块 path.resolve('/foo/a', './b') // returns '/foo/a/b' path.resolve('/foo/a', 'b') // returns '/fo...原创 2020-03-16 11:46:34 · 1455 阅读 · 0 评论 -
javascript中的伪数组
javascript中的伪数组 欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 什么是伪数组 假如有这样一段代码 <!DOCTYPE html> <html lang="en"> <head> &原创 2019-01-27 00:20:10 · 1711 阅读 · 1 评论 -
同步加载、异步加载、延迟加载和预加载
javascript中的同步加载、异步加载、延迟加载和预加载 欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 同步加载 常默认的是同步加载 <script src="http://yourdomain.com/script.js"></script> 同步模式又称阻塞模式,会阻止浏览器的原创 2019-01-27 01:20:49 · 1351 阅读 · 0 评论 -
javascript中的 parseInt()
欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 本文参考MDN 中的 parseInt() 英文好的,请移步 MDN parseInt() MDN 中对 **parseInt()**的讲解总结如下: 语法 parseInt(string, [radix]); 参数 string: 必需,要解析的值,如果 string 不是字符串,则将其转化为字符串,并忽略字符串中的...原创 2019-01-28 23:08:05 · 327 阅读 · 0 评论 -
javascript实现简单拖曳功能
欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 相比大家对这一类场景很熟悉,QQ登陆面板跟着鼠标的拖动,鼠标到哪它到哪,飞机大战小游戏里,鼠标或者手指到哪,飞机到哪,这一类场景用的很多,那么下面来简单实现一下: 思路: 在鼠标移动的时候,计算鼠标位置 给盒子一个绝对定位,将鼠标位置赋值给盒子 HTML 结构 <!DOCTYPE HTML> &am原创 2019-01-29 18:15:41 · 497 阅读 · 0 评论 -
e.clientX,e.clientY, e.pageX , e.pageY , e.offsetX , e.offsetY , e.screenX , e.screenY
e.clientX,e.clientY, e.pageX , e.pageY , e.offsetX , e.offsetY , e.offsetX , e.offsetY 欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 声明:参考文档你是如何理解var e=e||window.event的 刚才写博客《javascript实现简单拖...原创 2019-01-29 19:11:52 · 1610 阅读 · 0 评论 -
.offset(), .position(), .scrollTop(), .width(), .innerWidth(), .outerWidth()
欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 上篇文档总结了《一些坐标属性》,这里总结一些距离或者宽高属性,它们分别为: .offset() .position() .scrollTop(),.scrollLeft .width(),.height .innerWidth(),innerHeight() .outerWidth(),ou...原创 2019-01-29 19:47:12 · 141 阅读 · 0 评论 -
ES6-Babel转码
ES6笔记一 欢迎访问我的博客https://qqqww.com/,祝所有码农同胞们早日走上人生巅峰,迎娶白富美~~ ES6的笔记参考ECMAScript 6 入门 部署进度 这里使用阮一峰老师写的一个工具 ES-Checker用来检查各种运行环境对 ES6 的支持情况。访问ruanyf.github.io/es-checker,可以看到您的浏览器支持 ES6 的程度。运行下面的命令,可...原创 2019-01-24 16:35:42 · 182 阅读 · 0 评论 -
ES6中的class关键字
欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 声明:本文参考业界大佬阮一峰老师的ES6标准入门 ES5 中的面向对象 // 创建一个构造函数 function People (name, age) { this.name = name this.age = age } // 向构造函数的原型对象中添加 say 方法 ...原创 2019-01-30 02:04:09 · 246 阅读 · 0 评论 -
ES6新特性整理
欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 声明:本文参考文章如下: 业界大佬阮一峰老师的ES6标准入门 一位道友的[理解 JavaScript 中的 for…of 循环](https://www.cnblogs.com/m2maomao/p/7743143.html) github上的You-Dont-Know-JS Babe...原创 2019-01-30 02:13:39 · 6828 阅读 · 1 评论 -
ES6中的Symbol
欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 声明:本文参考业界大佬阮一峰老师的Symbol 引入Symbol的好处 为解决属性名冲突问题而生 ES5 中方法和属性的命名: 以前,我们给一个对象下的方法或者属性命名的时候,可能会与该对象原有的方法或者属性产生冲突,这样的场景想必大家也很熟悉,我们常用到的解决办法是将方法前加一段项目...原创 2019-01-30 18:43:15 · 271 阅读 · 0 评论 -
再看Object.assign
欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 文章目录1 前言2 什么是浅拷贝3 什么是深拷贝4 看看Object.assign5 总结6 参考文章 1 前言 这是今天面试的一个问题,问题是:Object.assign是深拷贝还是浅拷贝,因为之前专门就JS的深拷贝和浅拷贝做过研究,也写了文档记录,自认为自己高的还是比较清楚的,所以我就...原创 2019-02-20 13:57:05 · 302 阅读 · 0 评论 -
Ajax工作原理及实例
Ajax工作原理及实例 欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ Ajax基本概念 Ajax(Asynchronous JavaScript And XML),异步 JavaScript 和 XML,用于异步请求数据,在不刷新网页的情况下更新页面数据,提升用户体验 基本工作原理 注意:涉及到 AJAX 操作的页面“不能”...原创 2019-01-27 00:17:58 · 676 阅读 · 0 评论 -
javascript中的深拷贝与浅拷贝
javascript中的深拷贝与浅拷贝 欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 声明:参考文章:http://www.cnblogs.com/Chen-XiaoJun/p/6217373.html 看这个深拷贝和浅拷贝之前,先要对javascript中不同数据类型之间的传值有一定的了解 javascript中不同数据类型之间的传值 javascript中数据...原创 2019-01-26 23:30:29 · 391 阅读 · 0 评论 -
javascript中substring,substr和slice对比
javascript中substring,substr和slice对比 欢迎访问我的博客https://qqqww.com/,祝所有码农同胞们早日走上人生巅峰,迎娶白富美~~ 先写下最终结论,这样方便阅读者快速使用: substring(a, b):指的是截取从开始位置到结束位置,a:开始位置,b:结束位置的后一位 slice(a, b):指的是截取从开始位置到结束位置,且a和b可以为负数...原创 2019-01-26 18:45:42 · 479 阅读 · 0 评论 -
javascript中Array相关的属性和方法
javascript中Array相关的属性和方法 欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ Array 对象属性 constructor : 返回对创建此对象的数组函数的引用 var test=new Array() if (test.constructor==Array){ document.write("This is an A...原创 2019-01-25 12:22:56 · 514 阅读 · 0 评论 -
javascript中的闭包
javascript中的闭包 欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 当一个函数的返回值是另外一个函数,而返回的那个函数如果调用了其父函数内部的其它变量,如果返回的这个函数在外部被执行,就产生了闭包 实例 根据作用域链的规则,底层作用域没有声明的变量,会向上一级查找,找到就返回,没找到就一直找,直到window的变量,没有就返...原创 2019-01-25 12:23:47 · 184 阅读 · 0 评论 -
javascript中跨域问题
javascript中跨域问题 欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 由于浏览器同源策略,凡是发送请求url的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域 产生跨域的情况 网络协议不同,如http协议访问https协议 端口不同,如80端口访问8080端口 域名不同,如qqqww.com访问baidu.com 子...原创 2019-01-25 12:40:40 · 247 阅读 · 0 评论 -
javascript中call与apply的区别
javascript中call与apply的区别 欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ JavaScript中的每一个Function对象都有一个apply()方法和一个call()方法,它们的语法分别为: /*apply()方法*/ function.apply(thisObj[, argArray]) /*call()方法*...原创 2019-01-25 13:49:45 · 184 阅读 · 0 评论 -
javascript中sessionStorage 、localStorage 和 Cookie
javascript中sessionStorage 、localStorage 和 Cookie 欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 参考文章:[JS 详解 Cookie、 LocalStorage 与 SessionStorage](https://www.cnblogs.com/minigrasshopper/p/8064367.html) 下面是个人总结内...原创 2019-01-25 13:50:45 · 351 阅读 · 0 评论 -
typeof VS instanceof
typeof VS instanceof 欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 相同点:JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空,或者是什么类型的 区别:前者判断数据类型较多,后者判断一个变量是否属于某个对象实例 typeof的定义和用法:返回值是一个字符串,用来说明变量的数...原创 2019-01-25 13:55:35 · 134 阅读 · 0 评论 -
垃圾回收机制与内存管理
垃圾回收机制与内存管理 欢迎访问我的博客https://qqqww.com,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ Js具有自动垃圾回收机制。垃圾收集器会按照固定的时间间隔周期性的执行。 什么是垃圾回收机制 垃圾回收机制(GC:Garbage Collection): JavaScript具有自动垃圾收集机制,也就是说,执行环境会负责管理代码在执行环境过程中使用的内存。 垃圾收集...原创 2019-01-25 18:42:37 · 970 阅读 · 0 评论 -
javascript中的继承
javascript中的继承 欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 面向对象的基本特征有:封闭、继承、多态 在JavaScript中实现继承的方法: 原型链(prototype chaining) call()、apply() 混合方式(prototype和call()/apply()结合) 对象冒充 javascript对象冒充实现继承 本质上就是改变this...原创 2019-01-25 18:46:30 · 233 阅读 · 0 评论 -
javascript 中全局变量与形参的赋值
javascript 中全局变量与形参的赋值 欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 现象 定义数组 var arr1,arr2,arr3; var arr4 = [ {name:'zhangsan',age:'18'}, {name:'lisi',age:'18'}, {name:'wangwu',age:...原创 2019-01-25 18:48:56 · 363 阅读 · 0 评论 -
javascript 中局部变量和形参同名冲突问题
javascript 中局部变量和形参同名冲突问题 欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 新建一个数组 var arr = [ {name:'zhangsan',age:'18'}, {name:'lisi',age:'18'}, {name:'wangwu',age:'18'}, {name:'z...原创 2019-01-25 18:49:53 · 218 阅读 · 0 评论 -
node读取文件方法封装&Promise
node读取文件方法封装&Promise 欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 准备 一个空js文件和files文件里面放上三个文件,方便下面操作 载入核心模块 const fs = require('fs') const path = require('path') 需求:封装一个方法,给你一个要读取文件的路...原创 2019-01-25 18:56:28 · 875 阅读 · 1 评论 -
虚拟DOM与Diff算法
虚拟DOM与Diff算法 欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 虚拟DOM(Virtual Document Object Model)的模拟DOM树操作需要用到DIff算法,推荐先看这句话下面的文章内容 DOM的本质 浏览器中的概念,用JS对象来表示 页面上的元素,并提供了操作 DOM 对象的API React中的虚拟DOM...原创 2019-01-25 19:01:56 · 1345 阅读 · 0 评论 -
javascript中字符串操作
javascript中字符串操作 欢迎访问我的博客https://qqqww.com/,祝所有码农同胞们早日走上人生巅峰,迎娶白富美~~ String : javascript检测字符串 javascript去除字符串空格 URL中查询字符串中的参数 javascript字符串的常用函数 检测string类型 方法一:typeof function isString (str) { ...原创 2019-01-24 16:50:15 · 276 阅读 · 0 评论