随笔分类 - 【JavaScript】
摘要：npm的使用 node package manager（npm）node包管理工具，在项目中会生成一个node_modules文件夹存放该项目的所有依赖包，包的规模非常大但只是开发时依赖，发布时通过webpack等模块打包工具将依赖包和src目录下的源代码打包到dist文件夹中。 常用指令 //查看
阅读全文
摘要：JavaScript字符串和数字对比大小 在进行比较时js会先将两边的类型自动转成一致再对比。 比较首先分为以下几种情况： 1、纯数字之间比较：1<2 //true；（不解释） 2、纯数字与数字型字符串之间比较：222 < '30' //false （此时数字型字符串会转成纯数字再与前面的纯数字比较
阅读全文
摘要：网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeigh
阅读全文
摘要：原生JavaScript的事件类型 Web浏览器中可能发生的事件有很多类型，下面是几种常用的事件类型： UI事件：焦点事件，鼠标与滚轮事件，键盘与文本事件，复合事件变动事件，HTML5事件设备事件，触摸与手势事件。 第一部分：UI事件 UI事件中主要包括load,unload,abort,error
阅读全文
摘要：BootStrap表单组件 详细文档请查看BootStrap中文网，这里只列举几种效果供参考 效果1： 效果2：
阅读全文
摘要：BootStrap 有序/无序列表 代码和表单 列表： 无序列表去掉点：加class属性.list-unstyled 内联列表：.list_inline 代码： https://v3.bootcss.com/css/#code 内联代码 通过 <code> 标签包裹内联样式的代码片段。 用户输入 通
阅读全文
摘要：BootStrap排版 标题 h1 ~h6 ： h1 ~h6 可以直接使用 <h1></h1>, 也可以作为 class属性使用 如<span class="h1">hello</span> 标题的副标题 <small>hello</small> body全局样式： p标签全局样式： 对齐方式： 强
阅读全文
摘要：BootStrap-栅格系统 引入移动设备优先 .container 类用于固定宽度并支持响应式布局的容器 .container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器 栅格系统 Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（v
阅读全文
摘要：全套Ajax 参考：https://www.cnblogs.com/wupeiqi/articles/5703697.html 1、基于jQuery的Ajax 2、基于XMLHttpResponse原生的Ajax 3、用iframe+Form 伪Ajax 4、用new FormData() 包裹数据
阅读全文
摘要：JavaScript面试题1 作用域： 题目1： 结果： var v = 123; function foo() { var v = 456; function inner() { console.log(v) } return inner } result = foo(); //456 conso
阅读全文
摘要：详解JavaScript的 浅拷贝VS深拷贝 参考：https://www.cnblogs.com/penghuwan/p/7359026.html https://www.zhihu.com/question/23031215 阮一峰 《ECMASript6入门》 http://es6.ruany
阅读全文
摘要：JavaScript之10种遍历方法 1. for 循环 for循环语句，最基础的遍历，以数组的下标为索引，主要对数组元素进行遍历。 注意：for 循环不是函数，不存在返回值。 2. for in for in 循环主要用于遍历普通对象，i 代表对象的 key 值，obj[i] 代表对应的 valu
阅读全文
摘要：ES6 - Promise用法 参考：https://www.jianshu.com/p/7e60fc1be1b2 https://www.jianshu.com/p/eb474a90cf46?utm_campaign=maleskine&utm_content=note&utm_medium=se
阅读全文
摘要：ES6 新增方法 1、ES6严格模式 2、ES6定义变量的新方式let const 3、结构赋值 4、正则扩展 5、数值扩展 6、数组扩展 7、函数扩展 8、字符串扩展 9、Symbol 10、数据结构 11、Proxy 12、Reflect 13、类 14、Promise https://www.
阅读全文
摘要：JavaScript正则表达式 正则表达式：目的在于处理字符串,查找,验证,修改,替换 参考：http://www.w3school.com.cn/jsref/jsref_obj_regexp.asp 正则表达式的一些基本概念总结： 1.元字符:(.,\w,\W,\d,\D,\s,/S,^,$,)
阅读全文
摘要：JavaScript同步和异步+宏任务和微任务+事件 同步和异步 所有的点击事件都是异步的 注意：所有事件函数(addEventListener)都不能return /* * 同步和异步 * 同步,是指代码从上向下执行,执行完一条,才去执行下一条,是按照顺序按照步骤的执行 * * 异步,代码执行需要
阅读全文
摘要：JavaScript核心 BOM 和DOM 一、区分什么是BOM 什么是DOM window对象 window对象既是通过 JavaScript 访问浏览器窗口的一个接口，又是 ECMAScript 规定的 Global 对象。这意味着在网页中定义的任何一个对象、变量和函数，都以 window 作为
阅读全文
摘要：JavaScript-字符串详解 预热：Number() 方法 <script> //重要等级 1,2,3,4,5 var s=10; //最高级别5 var s1=new Number(10);//构造函数创建的数值对象 console.log(s s1);//false console.log(
阅读全文
摘要：JavaScript-数组详解 预热知识：对象遍历 1、定义对象，获取对象 2、for in 循环，复制对象 案例：设置div标签style属性 另一种写法： 一、数组基础 二、数组长度 案例：冒泡排序和选择排序 <script> window.onload = function () { /*冒泡
阅读全文
摘要：JavaScript函数的详细用法 return 返回值 一般是用于跳出函数，还可以携带一个返回值（可以是对象） return continue break 比较 return 只能返回一个值（可以是数据也可以是对象） 小案例-生成随机大小颜色的矩形块： function getRandomColo
阅读全文
浙公网安备 33010602011771号