文件名 均采用小写方式, 以中划线分隔, 如有复数结构时,采用复数命名法 目录名:scripts,styles,images,data-models 文件名: example.js retina-sprites.css …
分类:html
移动端判断用户是否安装客户端
因为看到很多人在问关于页面怎么查询用户安装了什么软件,并且调用它,我有可能说的也不是很正确,希望读者多多指教。 如下是我自己在项目中的解决方案和思路。 ios无法用这段判断,至于原因,还没有查明,安卓可以用。(查找到一种…
移动前端开发经验小结
一、概要 本文档针对移动前端开发,包括 Hybrid 里面的web页面,非 Native 应用。 二、适用 所有经验适用于:iOS6.0+, Android4.0+ 三、小结 <1>css伪类:active …
DIV的失去焦点(blur)实现
用防抖实现DIV鼠标移出消失 由于div标签本身不支持onblur事件,所以对于点击一个按钮弹出的div,我们想要当这个div失去焦点的时候,让它消失不能使用的onblur来实现。 但是可以利用onmouseout…
Node对象的一些方法
Node对象是什么提供了 DOM的标准规范提供了Node对象,该对象主要提供了解析DOM节点树结构的属性和方法,DOM树结构主要是依靠节点进行解析,称为DOM节点树结构。Node对象是解析DOM节点树结构的主要入口。 N…
webpack4+react多页面架构
webpack在单页面打包上应用广泛,以create-react-app为首的脚手架众多,单页面打包通常是将业务js,css打包到同一个html文件中,整个项目只有一个html文件入口,但也有许多业务需要多个页面不同的入…
FE.WEB-前端安全防范初识
xss-跨站脚本攻击 概念:用户填写信息是可运行的 js 代码。 操作用户界面 攻击源头: 反射型 – 从url读取内容展示 <!--1.xss.html--> <script> //打开 1.x…
16进制转rgba
function hexToRgba(hex, opacity) { return “rgba(” + parseInt(“0x” + hex.slice(1, 3)) +…
夯实JS基础(一):this的指向问题和经典面试题
很多高级编程语言都给新创建的对象分配一个引用自身的指针,比如JAVA、C++中的this指针,python中的self,JavaScript也有this指针,虽然它的指向可能相对复杂些,但是this指向的,永远只可能是对…
HTML5 实时监听输入框值变化
在网页开发中经常会碰到需要动态监听输入框值变化的情况,如果使用 onkeydown、onkeypress、onkeyup 这个几个键盘事件来监测的话,监听不了右键的复制、剪贴和粘贴这些操作,处理组合快捷键也很麻烦。 因此…
[面试专题]JS设计模式
JS设计模式 发布订阅模式: 这种设计模式可以大大降低程序模块之间的耦合度,便于更加灵活的扩展和维护。 // 一个播放器类 class Player { constructor() { // 初始化观察者列表 this.…
蘑菇街前端电话一面
蘑菇街电话一面 DOM事件流的介绍,事件流的顺序,IE下是否一致 跨域的了解,介绍JSONP的原理 如何实现在多行文字条件下,超过5行显示省略号 stopProgagation, preventDefault,retur…