随笔分类 - javascript
摘要：收集了一些github、掘金、思否...平台文章或小册中的精华内容，完成一些片段学习，并作总结! HTML/CSS篇 CSS 常见布局方式 【整理】CSS布局方案 CSS查漏补缺 [布局概念] 关于CSS BFC深入理解 [译]这些 CSS 命名规范将省下你大把调试时间 CSS知识总结 前端开发规范
阅读全文
摘要：两个数组对象去并集 arr1中的每一项都是对象,arr2中的每一项也都是对象 const a = [ {_id: 1}, {_id: 2}, {_id: 3}, ]; const b = [ {_id: 2}, {_id: 4}, ] 解决方法一: const c = a.filter(x = !b
阅读全文
摘要：合并两个数组并去重（ES5和ES6两种方式实现） ES6实现方式 let arr1 = [1, 1, 2, 3, 6, 9, 5, 5, 4] let arr2 = [1, 2, 5, 4, 9, 7, 7, 8, 8] function uniqueArr(arr1,arr2) { //合并两个数
阅读全文
摘要：关于跨域，有N种类型，本文只专注于ajax请求跨域(,ajax跨域只是属于浏览器”同源策略”中的一部分,其它的还有Cookie跨域iframe跨域,LocalStorage跨域等这里不做介绍)，内容大概如下:
什么是ajax跨域
原理
表现(整理了一些遇到的问题以及解决方案)
如何解决ajax跨域
JSONP方式
CORS方式
代理请求方式
如何分析ajax跨域
http抓包的分析
一些示例
阅读全文
摘要：1)请求(客户端->服务端[request]) GET(请求的方式) /newcoder/hello.html(请求的目标资源) HTTP/1.1(请求采用的协议和版本号) Accept: */*(客户端能接收的资源类型) Accept-Language: en-us(客户端接收的语言类型) Con
阅读全文
摘要：//正序var data = {"rows": [{"name": "张三","time": "2011/4/1 0:00:00",},{"name": "李四","time": "2015/5/6 12:30:00",},{"name": "王五","time": "2012/10/1 22:10
阅读全文
摘要：JavaScript诞生已经有20多年了，我们一直使用的用来循环一个数组的方法是这样的： for (var index = 0; index < myArray.length; index++) { console.log(myArray[index]); } 自从JavaScript5起，我们开始
阅读全文
摘要：var getJsonTree=function(data,parentId){
var itemArr=[];
for(var i=0;i
阅读全文
摘要：javascript下拉列表框，内容为当前年份及前后50年，默认选择为当前年份
阅读全文
摘要：这篇文章主要介绍了jQuery中hover与mouseover和mouseout的区别,结合实例分析了jQuery中hover与mouseover和mouseout的区别与使用技巧,需要的朋友可以参考下
阅读全文
摘要：最近在做网站遇到这样的问题：就是鼠标滑过的时候出现一个层，当鼠标滑到当前层的话mouseover和mouseout在低版本的浏览器会出现闪动的现象，解决这个现象的办法有许多，不过我觉得有一种是最简单的那就是把mouseover和mouseout换成对应的mouseenter和mouseleave。
阅读全文
摘要：Flexslider具有以下特性： 支持滑动和淡入淡出效果。 支持水平、垂直方向滑动。 支持键盘方向键控制。 支持触控滑动。 支持图文混排，支持各种html元素。 自适应屏幕尺寸。 可控制滑动单元个数。 更多选项设置和回调函数。 HTML 首先在页面head部位载入jquery库文件和Flexsli
阅读全文
摘要：今天写代码的时候遇到了一个小问题，这里解决了记下小记。 问题如下： 因此使用prop方法去操作就能获得正确的结果。 分析原因发现： 在JQuery中，prop()是操作DOM属性，attr()是操作HTML属性。 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。 对于HTML元素我
阅读全文
摘要：JQuery Ajax异步操作的方式： $.ajax，$.post， $.get， $.getJSON。 一， $.ajax，这个是JQuery对ajax封装的最基础步，通过使用这个函数可以完成异步通讯的所有功能。也就是说什么情况下我们都可以通过此方法进行异步刷新的操作。但是它的参数较多，有的时候可
阅读全文
摘要：获取页面某一元素的绝对X,Y坐标 var X = $('#DivID').offset().top; var Y = $('#DivID').offset().left; 获取相对(父元素)位置: var X = $('#DivID').position().top; var Y = $('#DivID').position().left;
阅读全文
摘要：// 1、jq法 <script> var winHeight = $(window).height(); $("#show").css("height",winHeight); $(window).resize(function() { winHeight = $(window).height()
阅读全文
摘要：//第一、相对于屏幕 function getMousePos(event) { var e = event || window.event; return {'x':e.screenX,'y':screenY} } //第二、相对于浏览器 function getMousePos(event) { var e = event || window.event;...
阅读全文
摘要：$(document).ready(function(){ $("#nav a").each(function(){ $this = $(this); if($this[0].href==String(window.location)){ $(this).parent("li").addClass("active"); ...
阅读全文
摘要：.slideUp([duration][,complete])——目标元素向上滑入隐藏； .slideDown([duration][,complete])——目标元素向下滑出显示； .slideToggle([duration][,complete])——目标元素隐藏则向下滑出显示，否则向上滑入隐藏； 注：duration为方法执行的时间区间，complete为回调函数。 /*滑动效果*/ ...
阅读全文
浙公网安备 33010602011771号