前端
文章平均质量分 74
azureternite
这个作者很懒,什么都没留下…
展开
-
关于新增元素使用jQuery on()方法重复绑定的问题
使用ajax时用on()对新增元素的事件绑定问题原创 2015-06-08 15:27:30 · 3128 阅读 · 2 评论 -
页面两列布局高度填满
问题来源昨天早上某面试提出的一个问题,脑子一热漏写了一个条件,心塞。问题大概是写一个两列布局,左边固定,高度都是默认填满页面,右边内容高度超出浏览器窗口出现滚动条。解决办法今天仔细想了下,用浮动做的话,高度不好弄成填满的。折腾了一会儿,搞出两种方案(不使用js的)。左侧:fixed,右侧:absolute,min-height:100%,width为calc(100% - [左侧的width]),原创 2016-09-22 19:30:53 · 1225 阅读 · 0 评论 -
移动端Web适配的两种做法思路总结
看了几篇文章,理一下网易跟淘宝移动端适配的思路,主要是参考 从网易与淘宝的font-size思考前端设计稿与工作流像素相关概念物理像素(physical pixel) 一个物理像素是显示器(手机屏幕)上最小的物理显示单元,在操作系统的调度下,每一个设备像素都有自己的颜色值和亮度值。其值也就是我们常说的分辨率设备独立像素(density-independent pixel) 设备独立像素(也原创 2016-09-13 18:44:30 · 16686 阅读 · 0 评论 -
JavaScript对寄生组合式继承的理解
有关JavaScript的几种继承方式请移步JavaScript的几种继承方式原型链的缺陷SubType.prototype = new SuperType();这样做的话,SuperType构造函数中的属性也会变成SubType原型中的属性,而我们需要SubType原型只继承SuperType原型 还有一点就是引用类型值属性的共享寄生组合式继承的理解为了结合原型链、组合继承和寄生式继承的优点,可原创 2016-08-11 13:56:24 · 489 阅读 · 0 评论 -
JavaScript笔记——this的取值
函数this对象在全局上下文与函数上下文中的取值绝大多数情况下,函数的调用方式决定了this的取值;在JavaScript严格模式与非严格模式下this的取值也略有区别原创 2016-08-09 10:38:08 · 499 阅读 · 0 评论 -
ECMAScript中关于如何获取this的定义
ECMAScript中关于如何获取this的定义,主要涉及execution context、 Lexical Environment、Environment Record的概念原创 2016-08-08 17:26:27 · 726 阅读 · 0 评论 -
pushState()、popstate事件配合ajax实现浏览器前进后退页面局部刷新
用ajax,pushState(),popstate实现浏览器前进后退页面局部刷新原创 2015-06-06 23:06:16 · 7232 阅读 · 0 评论 -
JavaScript创建对象的几种模式
看《JavaScript高级程序设计》做的一些笔记。工厂模式、构造函数模式、原型模式、组合使用构造函数模式和原型模式、动态原型模式、寄生构造函数模式、稳妥构造函数模式原创 2016-07-14 16:02:40 · 471 阅读 · 0 评论 -
JavaScript笔记——引用类型之Object类型和Function类型
JavaScript笔记——引用类型之Object类型和Function类型《JavaScript高级程序设计》中介绍的几种JavaScript的引用类型,本文只记了Object跟Function类型Object类型创建对象原创 2016-08-05 16:31:33 · 420 阅读 · 0 评论 -
gulp-less解决遇到错误停止执行task
来龙去脉在用less+gulp开发时,有时候代码还没写完整,不小心保存了一下,然后gulp就开始执行gulp-less的task。 但是代码是有问题的,这时候会输出一个Potentially unhandled rejection,告诉你哪里出问题了,然后, 然后就挂了!!pipe就会停止输入数据,整个task就停止了。 特别是我用Sublime,设置了失去焦点自动保存,很容易出现这个问题。解原创 2016-09-09 13:56:45 · 3061 阅读 · 0 评论 -
Node.js实现CORS跨域资源共享
什么是CORSCORS(Cross-origin resource sharing),跨域资源共享,是一份浏览器技术的规范,用来避开浏览器的同源策略简单来说就是解决跨域问题的除了jsonp外的另一种方法CORS的wiki如何使用CORS只要服务端在响应时发送一个响应的标头即可浏览器端还是照常使用ajax,支持get,post在Node.js上启用CORS参照StackOverflow上面的一个回答,原创 2016-08-29 00:22:55 · 7203 阅读 · 0 评论 -
bootstrap如何给.list-group加上序号
在bootstrap中,我们可以使用不带任何class的跟来创建一个有序列表,但是如果加上list-group类,样式有了,但列表前面的数字却没了。Bootstrap给list-group-item应用了display:block; 所以显示不了序号,因此我们只要修改一下list item的display就能把序号找回来了 .list-group{原创 2016-08-02 10:02:01 · 1730 阅读 · 0 评论 -
JavaScript的几种继承方式
JavaScript的几种继承方式原型链、借用构造函数、组合继承、原型式继承、寄生式继承、寄生组合式继承原创 2016-07-15 12:42:18 · 616 阅读 · 0 评论 -
初学Less
Less入门原创 2016-08-15 16:27:32 · 1834 阅读 · 0 评论 -
checkbox全选与反选
用原生JavaScript与JQuery实现checkbox的全选与反选原创 2016-07-27 12:54:26 · 661 阅读 · 0 评论 -
script标签不带属性与带async、defer的区别
当页面解析到script标签时,会停止解析并下载对应的脚本,并马上执行,执行完毕后再继续解析页面async 在下载脚本的同时不会停止解析HTML,但是在下载完成后会停止解析并开始执行,执行完毕后继续解析页面defer 下载脚本时跟async一样不会停止解析HTML,下载完毕后会延迟到页面解析完后执行参考:http://www.growingwit原创 2016-07-13 11:41:49 · 1914 阅读 · 0 评论 -
dataTransfer.getData()在dragover,dragenter,dragleave中无法获取数据的问题
做拖拽相关效果时,想在ondragover时给被拖拽元素添加一些样式,于是在dragover事件的函数中通过dataTransfer.getData()获取在dragstart中设置的数据,然而发现dataTransfer.getData()所返回的数据为空。查询资料发现dataTransfer.setData()中所设置的数据是存储在drag data store中,而根据W3C标准,dra原创 2016-05-15 03:30:04 · 9090 阅读 · 0 评论 -
webpack打包生成的bundle.js文件过大的问题
问题使用webpack进行打包时,发现bundle.js竟然有2M多。解决办法网上有去除插件、提取第三方库、压缩代码等方法。还有一个比较容易忽略的原因就是开了sourcemap在生产环境中,应使用devtool: false关闭sourcemap后bundle.js的大小从2.46M降到302k参考彻底解决 webpack 打包文件体积过大 - 简书用webpack打包后的文件为什么会非常大?原创 2016-10-20 14:30:34 · 10114 阅读 · 0 评论