努力成为一名合格的前端开发工程师!!!

闻达有先后,术业有专攻,努力,加油ing!!!!

导航

随笔分类 -  JavaScript

dom,
24 个 Javascript 代码优化技巧
摘要:1. if 多条件判断 在if多条件判断的情况下建议使用includes方法。 const day = "星期二"; if (day "星期二" || day "星期三" || day "星期四") { console.log(day); } // 优化 if (["星期二", "星期三", "星期 阅读全文

posted @ 2021-06-28 17:02 前端小小匠 阅读(218) 评论(0) 推荐(0)

8个JavaScript数组操作必须熟练运用的方法
摘要:JavaScript 提供了大量不同的处理数组的方法,这里花几分钟时间介绍 8 个项目中可以用到的数组方法。 1. Array.map() 使用.map() 方法,可以创建一个基于原始数组的修订版数组。.map() 方法接受一个函数,该函数遍历数组中的所有项并进行相应的修改。 当需要更新数组中的所有 阅读全文

posted @ 2021-06-28 16:25 前端小小匠 阅读(85) 评论(0) 推荐(0)

01. JavaScript基础总结深入
摘要:01. 数据类型 1. 分类(2大类) * 基本(值)类型 * Number: 任意数值 * String: 任意文本 * Boolean: true/false * undefined: undefined * null: null * 对象(引用)类型 * Object: 任意对象 * Arra 阅读全文

posted @ 2019-06-17 12:06 前端小小匠 阅读(525) 评论(1) 推荐(0)

javascript 取整,取余数 math方法
摘要:1.丢弃小数部分,保留整数部分 parseInt() 函数可解析一个字符串,并返回一个整数。 parseInt(string, radix) 参数描述 string 必需。要被解析的字符串。 radix 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。 如果省略该参数或其值为 0,则数字 阅读全文

posted @ 2018-07-31 11:24 前端小小匠 阅读(2953) 评论(0) 推荐(0)

1、JavaScript 基础一 (从零学习JavaScript)
摘要:1:定义:javascript是一种弱类型、动态类型、解释型的脚本语言。 弱类型:类型检查不严格,偏向于容忍隐式类型转换。 强类型:类型检查严格,偏向于不容忍隐式类型转换。 动态类型:运行的时候执行类型检查。 静态类型:编译的时候就知道每个变量的类型。 解释型:程序不需要编译,程序在运行的时候才翻译 阅读全文

posted @ 2018-02-07 15:46 前端小小匠 阅读(1838) 评论(1) 推荐(1)

深入理解,函数声明、函数表达式、匿名函数、立即执行函数、window.onload的区别.
摘要:一、函数声明、函数表达式、匿名函数1.函数声明:function fnName () {…};使用function关键字声明一个函数,再指定一个函数名,叫函数声明。2.函数表达式 var fnName = function () {…};使用function关键字声明一个函数,但未给函数命名,最后将 阅读全文

posted @ 2017-11-03 16:50 前端小小匠 阅读(2453) 评论(0) 推荐(1)

Web前端开发规范文档
摘要:通用规范: TAB键用4个空格代替(WINDOWS下TAB键占四个空格,LINUX下TAB键占八个空格;一般用4个空格代替tab,vim,eclipse,np++等都可以设置)。 CSS样式属性或者JAVASCRIPT代码后加“;”方便压缩工具“断句”。 文件内容编码均统一为UTF-8。 CSS、J 阅读全文

posted @ 2017-07-14 11:45 前端小小匠 阅读(764) 评论(0) 推荐(2)

Javascript 需要注意的细节
摘要:1.使用 代替 ==JavaScript 使用2种不同的等值运算符: |!== 和 ==|!=,在比较操作中使用前者是最佳实践。“如果两边的操作数具有相同的类型和值, 返回true,!==返回false。”——JavaScript:语言精粹然而,当使用==和!=时,你可能会遇到类型不同的情况,这种情 阅读全文

posted @ 2017-07-07 17:22 前端小小匠 阅读(412) 评论(0) 推荐(1)

highcharts x轴中文刻度太长换行
摘要:xAxis: { type: 'category', title:null, gridLineWidth: 1, lineColor: "#50ae93", labels: { style: { fontSize: '10px' }, formatter: function() { ... 阅读全文

posted @ 2017-06-19 13:46 前端小小匠 阅读(3739) 评论(0) 推荐(0)

JavaScript常用定义和方法
摘要:1.字符串一些常用方法,注意,调用这些方法本身不会改变原有字符串的内容,而是返回一个新字符串。toUpperCase()把一个字符串全部变为大写: toLowerCase()把一个字符串全部变为小写: indexOf()会搜索指定字符串出现的位置: substring()返回指定索引区间的子串: p 阅读全文

posted @ 2017-06-01 09:06 前端小小匠 阅读(586) 评论(0) 推荐(0)

javascript 经典问题汇总
摘要:1. ["1","2","3"].map(parseInt) 为多少?答:[1,NaN,NaN]array.map(function(currentValue,index,arr), thisValue)原数组中的元素经过该方法后返回一个新的元素。currentValue callback的第一个参 阅读全文

posted @ 2017-03-31 14:48 前端小小匠 阅读(547) 评论(0) 推荐(0)

javascript代码 调试方法
摘要:你的代码可能包含语法错误,逻辑错误,如果没有调试工具,这些错误比较难于发现。 通常,如果 JavaScript 出现错误,是不会有提示信息,这样你就无法找到代码错误的位置。 在程序代码中寻找错误叫做代码调试。 JavaScript 调试工具 调试很难,但幸运的是,很多浏览器都内置了调试工具。 内置的 阅读全文

posted @ 2016-10-26 16:23 前端小小匠 阅读(960) 评论(0) 推荐(0)

javascript 类型转换。
摘要:学校js感觉好漫长,断断续续,要坚持每天都能学到点,总结了下数据类型的转换。 Javascript的变量是松散类型的,它可以存储Javascript支持的任何数据类型,其变量的类型可以在运行时被动态改变。请看示例: 上面的示例中,首先声明n变量并初始化其值为10(整数类型),接着将字符串“hello 阅读全文

posted @ 2016-10-11 17:35 前端小小匠 阅读(443) 评论(0) 推荐(0)

javascript的defer和async的区别。
摘要:我们常用的script标签,有两个和性能、js文件下载执行相关的属性:defer和async defer的含义【摘自https://developer.mozilla.org/En/HTML/Element/Script】 This Boolean attribute is set to indic 阅读全文

posted @ 2016-09-28 11:46 前端小小匠 阅读(640) 评论(0) 推荐(1)

jquery attr()方法
摘要:在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中,用一个attr()就可以全部搞定了,赞一个先 ^^ jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQue 阅读全文

posted @ 2016-07-27 17:16 前端小小匠 阅读(3119) 评论(0) 推荐(0)

js for循环中i++ 和 ++i有什么区别?
摘要:平时都是这样写的for循环, for(var i = 0; i < 20 ; i++){ .... } 但我看有的人这样写 for (var i = 0; i < 20 ; ++i) { .... } 这样会对for循环有什么影响? 1.在for里好像没啥区别... 但是用在赋值的时候, 就有区别了 阅读全文

posted @ 2016-07-20 16:23 前端小小匠 阅读(3683) 评论(0) 推荐(0)

JavaScript 经典实例收集整理
摘要:跨浏览器添加事件 跨浏览器移除事件 跨浏览器阻止默认行为 跨浏览器获取目标对象 跨浏览器获取滚动条位置 跨浏览器获取可视窗口大小 js 对象冒充 js 异步加载和同步加载 异步加载也叫非阻塞模式加载,浏览器在下载js的同时,同时还会执行后续的页面处理。在script标签内,用js创建一个script 阅读全文

posted @ 2016-03-30 09:29 前端小小匠 阅读(698) 评论(0) 推荐(1)

JavaScript获取浏览器高度和宽度值
摘要:IE中: document.body.clientWidth ==> *DY对象宽度 document.body.clientHeight ==> *DY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentEle 阅读全文

posted @ 2016-02-23 14:09 前端小小匠 阅读(13607) 评论(0) 推荐(1)

创建和删除节点:——核心DOM
摘要:1. 创建单个元素节点:3步: 1. 创建空元素节点对象: var elem=document.createElement("标签名"); 比如: var a=document.createElement("a"); html: <a></a> 2. 设置新元素的关键属性: 比如: a.href=" 阅读全文

posted @ 2016-02-15 16:03 前端小小匠 阅读(541) 评论(0) 推荐(0)