一线蓝光

摘要： 对于mustache模板，我是属于即用即查的方法，以下记录仅是我常用的方式。方便以后使用时不用再去项目中去找，因为真的不好找。（此处 -->serious 脸） 当需要渲染一些数据列表的时候，使用这个模板是比较快捷的。（具体详情语法看文档） 一.首先需要添加html模板部分。 <script id= 阅读全文

摘要： 最近在做移动端项目的时候，使用iscroll4实现页面滚动效果，之后发现页面中的input，textarea等不能得到焦点，输入内容。 问题原因是： 使用iscroll之后，输入框无法聚焦，页面文字等无法复制， iscroll主要一直监听用户的touch操作和鼠标事件，所以把其余事件都屏蔽了，禁止了 阅读全文

摘要： 知道有这个属性存在，是一个很偶然的机会。有一天，设计部的一个小伙伴给了我一个网址，说很有个性，让我看一下，当发现一个很有意思的效果时，作为一个前端小兵的我当然是第一时间开始审查元素，然后看到了这个从没听说过的属性 object-fit 。 object-fit是什么属性？ MDN上的解释是： The 阅读全文

摘要： 最近做项目的时候遇到一个需求，在商品详情页面中点击购买按钮，之后再新标签页中打开生成的订单页面，所以想用window.open()来实现。但是测试的时候发现打开的链接被浏览器拦截。 之后，开始在网上查找解决方案，看到最常用的一个是新建一个a标签，模拟点击测试，多次测试后发现并没有用。然后又尝试了几个 阅读全文

摘要： 最近项目中用到了JSONP，说起来也会用，至少完成了我想要的功能，但是呢，当朋友突然问起我：哎，JSONP是什么啊，表示竟无从说起，突然就词穷了。 首先从同源策略说起，基于安全原因，浏览器存在同源策略机制，同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性。 script标签时具 阅读全文

摘要： mouseover事件-不论鼠标指针穿过被选元素或其子元素，都会触发。 mouseenter事件-只有在鼠标指针穿过被选元素时才会触发，对应事件为mouseleave。 mouseout事件-不论鼠标离开被选元素还是任何子元素，都会触发。 mouseleave事件-只有在鼠标离开被选元素时，才会触发 阅读全文

摘要： 原文地址 >http://developer.51cto.com/art/201504/473422.htm 最近做项目时遇到了页面加载卡顿问题，一时没有头绪，感到无从下手，看到这篇文章，所以整体梳理了一下，在此记录。 在富客户端网页应用中，界面上的UI的更改是通过DOM操作实现的。 尽管DOM提供 阅读全文

摘要： 最近项目中有一个问题，做一个响应式的盒子，随着屏幕的变化， 宽高一直保持相等，之前一直使用js动态设置，获取盒子的宽度来设置盒子高度。 但是加载时样式显示不是很好，后来直接用css实现。 html部分： css部分： img-box为设置的正方形容器。 原文地址：https://segmentfau 阅读全文

摘要： 最近在开发项目时，遇到一个问题，使用iscroll实现的页面滚动，测试时发现在chrome浏览器中的模拟移动设备页面不能平滑滚动，有卡顿现象，在android手机端也有同样的问题。 在github上搜索了iscroll的相关问题，以下是对一些觉得对此问题解决有帮助的一些回答的总结。 解决办法:通过在 阅读全文

摘要： 今天是2017-1-18，每天进步一点点 今天主要来总结一下我在项目中遇到的关于iScroll的使用问题。 第一个是iscroll的初始化问题。 --在页面资源(包括图片)加载完毕后100ms之后初始化，是一种比较好的调用iscroll的方式。 //声明一个全局的变量 var myScroll; w 阅读全文