请使用firefox,chrome等最新浏览器浏览本站。

javascript,jquery技术分享

position:sticky实现粘性布局

网站中,通常我们会把用户最常用到或者我们希望用户注意到的内容一直展现在窗口的可视区域,让用户能够一眼就看到。经常用到一种页面滚动然后元素固定在窗口的某个位置的布局方式。要实现这种布局通常我们会使用js监听window的scroll事件,当需要固定的元素滚动到窗口顶部时,把元素的position属性设置为fixed,否则,取消fixed,简单的js代码如下: ……继续阅读 »

阿豹 3年前 (2016-04-12) 475浏览 0评论 9个赞

requirejs常用配置项

页面加载js的时候,浏览器会停止网页渲染,加载文件越多,网页失去响应的时间就会越长;其次,由于js文件之间存在依赖关系,因此必须严格保证加载顺序,依赖性最大的模块一定要放到最后加载,当依赖关系很复杂的时候,代码的编写和维护都会变得困难。 require.js的诞生,就是为了解决这两个问题: 1.实现js文件的异步加载,避免网页失去响应; 2.管理模块之间的……继续阅读 »

阿豹 3年前 (2016-04-12) 352浏览 0评论 9个赞

iframe跨域高度自适应

最近在做项目中,遇到了iframe嵌套第三方网站,需要iframe正常使用。下面分享一下遇到的问题,以及解决方案。 项目链接:http://www.qutouzhu.com/ 最初的想法是设置iframe width:100%, height: 100%, overflow:auto; 使用这种方式在pc端可以实现效果。但是在移动端,尤其是android浏览……继续阅读 »

阿豹 3年前 (2016-02-02) 346浏览 0评论 9个赞

angularjs指令作用域(scope)

angularjs中每当一个指令被创建的时候,都会有这样一个选择,是继承自己的父作用域(一般是外部的Controller提供的作用域或者根作用域($rootScope)),还是创建一个新的自己的作用域,当然AngularJS为我们指令的scope参数提供了三种选择,分别是:false,true,{};默认情况下是false。 scope = false ht……继续阅读 »

阿豹 3年前 (2016-01-05) 655浏览 2评论 8个赞

AJAX POST跨域 解决方案 – CORS

跨域资源共享(CORS )是一种网络浏览器的技术规范,它为Web服务器定义了一种方式,允许网页从不同的域访问其资源。而这种访问是被同源策略所禁止的。CORS系统定义了一种浏览器和服务器交互的方式来确定是否允许跨域请求。 它是一个妥协,有更大的灵活性,但比起简单地允许所有这些的要求来说更加安全。 简言之,CORS就是为了让AJAX可以实现可控的跨域访问而生的。……继续阅读 »

阿豹 3年前 (2015-12-24) 2015浏览 7评论 10个赞