jQuery 性能优化

jQuery性能优化点 合理使用选择器 缓存对象 使用链式操作 事件委托 一、合理使用选择器 首先,对id选择器,类选择器,标签选择器性能进行比较。 id选择器无疑是最佳提高性能的方式。jQuery将不经过Sizzle选择器引擎处理而直接调用本地方法document.getElementsById()。 同样,对于标签选择器,jQuery将直接调用本地document.getElementsByTagName()来定位元素。 类选择器对于较新的浏览器如IE9,将调用本地的document.getElementsByClassName()方法,而对于老的浏览器只能靠使用DOM搜索的方式来实现。 如果使用id选择器不能找到需要的元素,可以考虑从最近的id元素开始使用find方法, »

关注列表之React 改造

记录改造过程中遇到的问题 头疼的JSX语法 组件的render函数里return 的jsx 对象必须使用外层标签包起来。 jsx 对象里面调用函数,函数的返回(return)时如果是多个标签并排的结构,又不想使用外层标签包起来(这样做会加深DOM结构)。可以采用这种做法: let a = <div>a</div>; let b = <div& »

这些问题,你也遇到了吗?--from pc 5.3

一.关于onbeforeunload onbeforeunload事件在即将离开当前页面(刷新或者关闭)时触发。 该事件可以用于弹出对话框,提示用户留在当前页面或是离开。 对话框默认的提示信息根据不同的浏览器有所不同,标准的信息类似于“确认要离开此页吗?”,该提示信息不能删除。 chrome不支持自定义提示信息。常使用return '',弹出默认信息提示框。 此外要注意,在不需要触发这个事件的地方需要: window.onbeforeunload = null; 来去掉提示框。 二.Error: unexpected end of »

微信企业号Bug调试

1、有测试帐号 手机通过代理链接到本地代码(必须是和当前环境部署相同分支代码),通过alert测试代码是否在运行中报错。如果没有报错, 2、没有测试帐号 (1)通过本地gulp server,使用当前静态分支代码调试,重现bug。 (2)如不能重现,启动后端代码,链接本地静态代码调试,重现bug。 »

MVVM的简单实现

一、视图的逆袭-MVVM模式 MVVM具体是指:Model(模型)- View(视图) - ViewModel(视图模型), 其含义是 为视图层(View)量身定做一套视图模型(ViewModel),并在视图模型(ViewModel)中创建属性和方法,为视图层(View)绑定数据(Model)并实现交互。 创建视图就是创建页面内的视图(本质上就是HTML代码) »

企业号提测碰到的各种坑

微信开发,碰到了各种坑,记录下: 一、缓存问题 1、微信浏览器取消缓存的方法 二、环境问题 一、缓存问题: 1、微信浏览器取消缓存的方法 做微信公众号和调试手机页面的时候,避免不了页面要跳转到微信浏览器打开,调试阶段,android版微信浏览器一直都默认缓存html静态资源,每次静态资源变化甚至新内容发布的时候在微信浏览器上都极有可能不能更新,很多时候要清理微信缓存才能看到效果,很是烦人。 部分客户装了QQ浏览器,微信实际调用的是QQ浏览器,有时候甚至光清理微信缓存都无效,QQ浏览器的缓存也要清。 经过一番探索微信浏览器确实是在webview的上层做的缓存:就是如果请求过了这个地址, »

IntelliJ-IDEA搭建本地Java环境注意点

步骤流程 1.下载安装maven 配置环境变量 export M2_HOME=/Users/huangxiaogang/maven export PATH=$PATH:$M2_HOME/bin 配置maven的jdk目录,在~/.mavenrc中输入如下您的JDK1.7目录 export JAVA_HOME=/Library/Java/JavaVirtualMachines/ »

FE团队 设备持有信息

编号 品牌 型号 网络 所属人 固资编号 IMEI 1 苹果  iPhone6 Plus JS 杨恩鹏 SHIW0525B0900039 359245063144271 2 小米 小米3 JS 孟月 SHIW0525B0900038 865630023963554 3 红米 红米note JS »

新人分享- JavaScript设计模式漫谈

一、引言 随着前端开发针对的业务线越来越庞大,代码量越来越大,传统的开发模式往往会导致以下问题。 重复代码 重构成本增加: 重构需要兼顾css和js,覆盖面太大。 逻辑混乱: 由于没有统一的开发设计规范,导致千人千面,后续开发难度越来越大。 二、JS设计模式[主流的解决方式] 设计模式的出现就是对以上问题的一个很好的解决方案。 下面以JS设计模式和框架设计模式为切入点展开论述 设计模式按照功能可以如下分类 创建型: singleton(单例) constructor(构造器) prototype(原型模式) »

Vue.js漫谈

一、简单的Vue程序 <div id="app">{{message}}</div> new Vue({ el:'#app', data:{ message:'Hello World' } }) 1、Vue 使用第一步 创建Vue实例 new Vue( »