七夜丨鸣-CSDN博客

原创 Javascript之Object.assign()

Object.assign() 方法用于将所有可枚举的属性的值从link一个或多个源对象复制到目标对象。它将返回目标对象注意， Object.assign 会跳过那些值为 null 或 undefined 的源对象。详细描述可以参见：Object.assign() - JavaScript | MDN对于不支持该属性的浏览器：Object.assign = fu

2017-08-02 15:07:42 721

1、当客户端页面编码必须为gb2312时，ajax获取的信息显示为乱码有时候有些项目需要include新闻发布系统某站点数据时，新闻发布系统该站点配置为gb2312编码的站点，此时，页面设置的编码必须为gb2312。但ajax异步获取的utf-8信息需要写入页面，与页面编码不一致，显示为乱码。（比如xy2某项目，同时需要include新闻数据，与接口返回的直播信息）/p>解决方法：添加ajax参数

2016-08-12 16:59:04 1958

原创从URL中提取参数与将对象转换为URL查询参数

一、从URL中提取参数有下列字符串：var linkURL = 'http://localhost:8080/pages/august.html?sourceId=60054&u_id=deaf';对于一个真实的URL地址，可以用js来读取location中的相关信息来获得某些信息，下面列举一些：location.origin : http://loca

2016-08-02 15:25:50 13632

转载简述Session 、Cookie、cache 区别

Session是由应用服务器维持的一个服务器端的存储空间，用户在连接服务器时，会由服务器生成一个唯一的SessionID,用该SessionID 为标识符来存取服务器端的Session存储空间。而SessionID这一数据则是保存到客户端，用Cookie保存的，用户提交页面时，会将这一 SessionID提交到服务器端，来存取Session数据。这一过程，是不用开发人员干预的。所以一旦客户端禁用C

2016-07-18 16:21:49 414

转载 Canvas 在高清屏下绘制图片变模糊的解决方法

问题：用canvas绘制图片的时候会模糊，但是用img显示的时候就不会，canvas和img的大小是相同的至于为什么会变模糊，这和浏览器处理 canvas 的方式有关，相关的文章可以参考这篇 High DPI Canvas，这里不作深入介绍。下面是相关的代码： function init() { var canvas = do

2016-07-15 11:31:21 23070 1

转载 IE/Chrome背景图片居中1px偏移解决方法

最近在支持行业运营的一个推广页面，遇到了非常规的页面banner图居中的问题，为了解决此问题，做了简单的测试，做了一个小结，为经常做大促页面的兄弟姐妹们提供参考解决方案。首先来看看现象。最经典的页面如下图从图中可以看到本页面为经典的顶部大图通栏，尺寸为1920px，但是为了兼顾所有分辨率，所以作为背景图片居中处理。内容区域为常用的经典栅格布局960px，设置margin:0 auto;

2016-06-23 14:07:34 2149

转载 SVG transform坐标变换

HTML transform和SVG transform 一些基本的变换类型是一样的，包括：位移translate, 旋转rotate, 缩放scale, 斜切skew以及直接矩阵matrix。但只局限于2D层面的变换，SVG似乎只支持二维变换，类似translateX, rotateX也都是不支持的，最重要的是中心点的默认值不同。 SVG transform translate位移 HT

2016-05-27 15:20:58 1817

转载 JS移动客户端--触屏滑动事件

移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。以下是四种touch事件touchstart: //手指放到屏幕上时触发touchmove: //手指在屏幕上滑动式触发t

2016-05-12 15:35:05 390

转载不起眼的 z-index 却能牵扯出这么大的学问

z-index在日常开发中算是一个比较常用的样式，一般理解就是设置标签在z轴先后顺序，z-index值大的显示在最前面，小的则会被遮挡，是的，z-index的实际作用就是这样。但是你真的了解z-index吗？你知道它有什么特性吗？这里先抛出几个名词：“层叠顺序（stacking order）”，“层叠上下文（stacking context）”，“层叠水平（stacking level

2016-05-12 10:47:48 536

转载关于document.cookie的使用

1、设置cookie每个cookie都是一个名/值对，可以把下面这样一个字符串赋值给document.cookie：document.cookie="userId=828";如果要一次存储多个名/值对，可以使用分号加空格（; ）隔开，例如：document.cookie="userId=828; userName=hulk";在cookie的名或值中不能使用分号（;）、逗号（,

2016-05-11 11:12:47 408

转载获取元素CSS值之getComputedStyle方法

1、getComputedStyle是？getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象([object CSSStyleDeclaration])，只读。语法如下：var style = window.getComputedStyle("元素", "伪类");例如：var dom = document.getEl

2016-05-11 10:15:37 1240

转载 requestAnimationFrame/cancelAnimationFrame——性能更好的js动画实现方式

requestAnimationFrame 是专门为实现高性能的帧动画而设计的一个API，目前已在多个浏览器得到了支持，包括IE10+，Firefox，Chrome，Safari，Opera等，在移动设备上，ios6以上版本以及IE mobile 10以上也支持requestAnimationFrame，唯一比较遗憾的是目前安卓上的原生浏览器并不支持requestAnimationFrame，不过对requestAnimationFrame的支持应该是大势所趋了，安卓版本的chrome 16+也是支持req

2016-05-09 13:44:35 6756

转载 Highcharts一些属性

属性说明【部分】一.chart的部分相关属性说明 renderTo: 'container', //图表的页面显示容器(也就是要显示到的div) defaultSeriesType: 'line', //图表类型(line、spline、scatter、splinearea、bar、pie、area、column) marginRight: 50,

2016-05-06 18:57:02 473

转载 css行高line-height的一些深入理解及应用

一、line-height与line boxes高度line-height撑开了div的高度，而不是文字！在inline box模型中，有个line boxes，这玩意是看不见的，这个玩意的工作就是包裹每行文字。一行文字一个line boxes。line boxes什么特性也没有，就高度。所以一个没有设置height属性的div的高度就是由一个一个line boxes的高度堆积而成

2016-05-03 18:25:11 3002

转载大小不固定的图片和多行文字的垂直水平居中

①透明gif图片+背景定位这里利用了background-position:center实现图片居中显示。这是个很实用也是很聪明的办法，对于维护控制成本都很不错。微软必应图片搜索的图片排列就是使用的这种方法。方法的原理很简单，使用一个透明的gif图片做覆盖层，高宽拉伸至所需要的大小，然后给这个gif图片一个background-position:center center的属性。而ba

2016-05-03 18:22:31 528

转载移动端开发之viewport的理解

一、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域，但viewport又不局限于浏览器可视区域的大小，它可能比浏览器的可视区域要大，也可能比浏览器的可视区域要小。在默认情况下，一般来讲，移动设备上的viewport都是要大于浏览器可视区域的，这

2016-04-21 16:54:30 833

转载 attr()、prop() 、end()、detach()

attr() VS prop() jQuery 1.6之前，.attr()方法在取某些 attribute 的值时，会返回 property 的值，这就导致了结果的不一致。从 jQuery 1.6 开始，.attr() 方法返回 attributes 的值，而1.6新增的 .prop()方法返回 property 的值。例如： selectedIndex, tagName,

2016-04-19 19:42:25 414

原创鼠标事件mousemove、mouseover、mouseout、mouseenter、mouseleave

Mousemove：当鼠标指针在元素内移动时，mousemove事件就会被触发，任何HTML元素都可以接受此事件。Mousemove 事件是当鼠标指针移动时触发的，即使是一个像素。这意味着多个事件在短时间内被触发。如果处理器做任何重大的处理，或者如果该事件存在多个处理函数，这可能造成浏览器的严重的性能问题。因此，优化mousemove处理程序尽可能，这一点很重要，当不再需要他们时应尽快解除

2016-04-19 10:50:40 33127

转载键盘事件event.keyCode ，event.which ，event.charCode

javascript判断是否按回车键size="90" onkeypress="enterHandler(event);"/> function enterHandler(event){//获取用户单击键盘的“键值”var keyCode = event.keyCode ? event.keyCode : event.which ? event.

2016-04-18 18:28:27 3816

转载 15个实用的PHP正则表达式

对于开发人员来说，正则表达式是一个非常有用的功能，它提供了查找，匹配，替换句子，单词，或者其他格式的字符串。这篇文章主要介绍了15个超实用的php正则表达式，需要的朋友可以参考下。在这篇文章里，我已经编写了15个超有用的正则表达式，WEB开发人员都应该将它收藏到自己的工具包。 1、验证域名检验一个字符串是否是个有效域名$url = "http://komunitasweb

2016-04-15 16:15:17 325

转载 js正则表达exec和match的区别

js正则表达exec和match的区别正则表达式对象有两个定义方式:： 1、第一种定义：new RegExp(pattern,attributes);如var reg = new RegExp("abc","g") 其中pattern为表示表达式内容,如上表示匹配abcattributes：g,全局匹配，i不区分大小写，m执行多行匹配，用最多的为g和i 2、第

2016-04-15 15:54:01 406 1

原创 JS自定义滚动条效果+鼠标滚轮事件

页面代码： Document *{margin:0;padding:0} ul{list-style:none} .detail{width:400px;height:360px;border:1px solid #ddd;text-align:center;margin:50px auto} .title{width:400px;heigh

2016-04-14 18:03:17 2318

转载 stopPropagation, preventDefault 和 return false 的区别

因为有父、子节点同在，因为有监听事件和浏览器默认动作之分。使用 JavaScript 时为了达到预期效果经常需要阻止事件和动作执行。一般我们会用到三种方法，分别是e.stopPropagation()，e.preventDefault()，和return false。它们之间有什么区别，该何时使用呢? 将在本文中进行讲解。术语监听事件，在在节点上能被监听的页面操作。如：select

2016-04-13 17:37:24 227

转载 pageX-layerX-clientX-offsetX的区别

PageX和clientX这个两个比较容易搞混,PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化clientX:鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器的可视窗口为参考点,随滑动条移动而变化.IE中没有PageX，解决办法：PageY=clientY+scrollTop-clientTop;页面上的位置

2016-04-13 17:04:05 916

转载 height、clientHeight、scrollHeight、offsetHeight的区别，和获取scrollTop的方法

height :其实Height高度跟其他的高度有点不一样,在javascript中它是属于对象的style对象属性中的一个成员,它的值是一个字符类型的,而另外三个高度的值是int类型的,它们是对象的属性.因此这样document.body.height就会提示undenifine,而必须写成document.body.style.height.height是最简单的了,不必去考虑是否有滚

2016-04-13 17:00:44 3803

原创 LESS简介及使用方法

1.动态样式语言静态样式语言：即CSS，作为一门“语言”，CSS并不称职，缺少一门编程语言必备的基本要素：如变量、数据类型、运算、逻辑结构、函数、继承等；导致样式文件的修改和维护困难！动态样式语言：在静态样式语言的基础上，添加了一门真正的语言所必需的元素：变量、数据类型、运算、逻辑结构、函数、继承等，从而大大提高样式的可修改和可维护性。常见的动态样式语言：(1)Sass

2016-03-31 16:39:55 3886

转载 seajs常用API快速参考

seajs.config用来对 Sea.js 进行配置。seajs.config({ // 设置路径，方便跨目录调用 paths: { 'arale': 'https://a.alipayobjects.com/arale', 'jquery': 'https://a.alipayobjects.com/jquery' }, // 设置别名，方便

2016-03-31 10:02:58 462

转载 seajs的模块标识

模块标识是一个字符串，用来标识模块。在 require、 require.async 等加载函数中，第一个参数都是模块标识。Sea.js 中的模块标识是 CommonJS 模块标识的超集:一个模块标识由斜线（/）分隔的多项组成。每一项必须是小驼峰字符串、 . 或 .. 。模块标识可以不包含文件后缀名，比如 .js 。模块标识可以是相对或顶级标识。如果第一项是 . 或 ..

2016-03-31 09:59:01 447

转载大部分人都会做错的经典JS闭包面试题

大部分人都会做错的经典JS闭包面试题这是一个我工作当中的遇到的一个问题，似乎很有趣，就当做了一道题去面试，发现几乎没人能全部答对并说出原因，遂拿出来聊一聊吧。先看题目代码：function fun(n,o) { console.log(o) return { fun:function(m){ return fun(m,n); }

2016-02-17 21:28:27 296

qyaroon的博客