![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
啥啥都知道
这个作者很懒,什么都没留下…
展开
-
js常用日期函数封装
var obj={ //判断某一个年份是否为闰年 isLeapYear:function(year){ if(year%4==0&&year%100!=0 || year%400==0){ return true; } return false; }, //将日期格式化输出 2019-08-25 format:function(date,s){ v...原创 2019-08-25 10:56:10 · 350 阅读 · 0 评论 -
数组去重
var arr=[1,2,3,4,1,2,2,2,1];将arr去重?(1)传统js方法,封装一个去重函数: function noRepeat(arr){ var newArr=[]; var obj={}; for(var i=0;i<arr.length;i++){ if(obj[arr[i]]==undefined){ obj[arr...原创 2019-04-23 12:01:26 · 96 阅读 · 0 评论 -
WEB页面性能优化以及SEO
前端优化的目的是什么?从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。从服务商角度而言,优化能够减少页面请求数、或者减小请求所占带宽,能够节省可观的源。优化的方式有以下几种:一、编辑html的时候注意语义结构化结构语义化:根据内容的结构,选择合适的标签,以便于开发者阅读和写出更优雅的代码,同时让浏览器的爬虫和机器很好地解析。结构语义...转载 2019-03-11 09:07:10 · 313 阅读 · 0 评论 -
事件传播机制
什么是事件流?事件捕获------>事件源------>事件冒泡首先解释一下名词:(1)事件捕获:事件按照从最不特定的事件目标到最特定的事件目标的顺序触发;(2)事件源:事件触发的最初源头;(3)事件冒泡:事件按照从最特定的事件目标到最不特定的事件目标的顺序触发;Firefox,Opera,Chrome支持事件流,IE不支持事件流;阻止事件冒泡 event.stopPro...原创 2019-03-08 14:16:49 · 240 阅读 · 0 评论 -
javascript关于DOM对象运动的封装函数
重点:DOM对象要动,跟样式相关,和像素(px)还有透明度相关的一些属性值发生变化(left top width height opacity)封装代码如下:function objMove(obj,json){clearInterval(obj.timer);var flag=true;//假设所有属性都达到了目标值obj.timer=setInterval(function(){...原创 2019-01-14 19:40:17 · 192 阅读 · 0 评论 -
js实现九宫格拖拽
/思路:拖拽出去的结点克隆一份放在拖拽节点移除的位置,利用勾股定理,比较拖拽节点和九个位置的距离,和距离最近的节点交换位置,最后删除克隆节点;交换时:距离最近的结点的left和top赋给拖拽节点,克隆节点的left和top赋给距离最近的节点(注意:此时的克隆节点left和top保存的是拖拽节点拖拽之前的位置)/具体代码如下: 效果图:![在这...原创 2019-01-12 11:49:00 · 1273 阅读 · 0 评论 -
javaScript全局作用域和局部作用域
1.全局作用域(1)最外层函数和最外层函数外通过var来定义的变量(全局变量、全局函数)(2)在函数内部不通过var定义的变量也称为全局变量2.在ES5中函数是区分全局和局部唯一的代码块 (1)在函数内通过var来定义的变量,以及内部定义的函数 (2)函数的参数具有局部作用域 functio...原创 2018-12-29 20:46:18 · 673 阅读 · 0 评论 -
js获取select中option的文本内容的例子
加减乘除运算 + - * / %原创 2018-12-24 18:48:02 · 2332 阅读 · 0 评论 -
javascript数据类型的转换
1.双引号、空格、null、undefine、NaN转换成数值类型时的转换结果《注:测试代码写在中》测试代码:console.log(Number(&quot;&quot;),Number(&quot; “),Number(null),Number(undefined),Number(NaN));测试结果:2.双引号、空格、null、undefine、NaN转换成Boolean类型时的转换结果测试代码:consol...原创 2018-12-24 18:41:19 · 94 阅读 · 0 评论 -
js输出两个数组相同的元素和不同的元素
//得到两个数组不同的元素function getArrDifference(arr1, arr2) { return arr1.concat(arr2).filter(function(v, i, arr) { return arr.indexOf(v) === arr.lastIndexOf(v); });}//得到两个数组相同的元素function g...原创 2019-08-25 10:58:29 · 1029 阅读 · 0 评论