排序:
默认
按更新时间
按访问量

script的异步加载

异步加载 what two concept js引擎: 渲染引擎: why 性能优化 渲染时间 下面是一个再简单不过的页面: index.js alert(1232) index.html <!DOCTYPE...

2018-06-10 10:36:34

阅读数:75

评论数:0

React高阶组件在业务场景下的应用

背景 在参与beisenCloud和pageBuilder的对接任务中,出现了这样一个问题:有两个组件同时关联了同一个属性组件,并且在constructor和componentDidMount内等做了一些初始化操作,当在这两个组件之间切换的时候,由于属性组件已经被首次render了,所以只进行了...

2018-06-10 10:34:04

阅读数:201

评论数:0

React this绑定的几点思考

我们在react项目开发时,通常会遇到this 绑定的问题。解决的方法总结下分为下面的三种情况: import React from 'react' export default class Demo extends React.Component{ constructor(prop...

2018-06-10 10:27:19

阅读数:55

评论数:0

webpack dll VS external

webpack在打包后,生成的文件主要分为三种类型: * 业务代码 * 外部依赖库 * webpack runtime webpack中的dll和external在本质上其实是解决的同一个问题:避免将某些外部依赖库打包进我们的业务代码,而是在运行时提供这些依赖。 一方面实现了代码拆分,以...

2018-06-05 10:07:58

阅读数:150

评论数:0

关于深拷贝

今天的code rewiew , 看到了如下的代码来实现深拷贝的效果。 var a = {name:'demo'}; var c = JSON.parse(JSON.stringify(a)) 其实这样的实现,看似是解决了问题:防止数据的意外篡改。但是,其实有很多的隐患。 性能 首先是...

2018-05-17 18:38:22

阅读数:22

评论数:0

欢迎使用CSDN-markdown编辑器

firefox 下的iframe问题今天在开发中,发现一个问题: 在页面中嵌入一个iframe,在谷歌下显示是正常的,但是在火狐下不能显示。经过查找和测试,发现了原因是:火狐下iframe不显示的问题,应该是浏览器的设计机制,防止出现无限递归显示,就是说在iframe的URL与父级的URL相同时...

2017-09-27 09:23:29

阅读数:112

评论数:0

单元测试

项目中准备引入自动化测试,记录下分享的内容Monkey Patch猴子补丁,在运行时对方法或者属性进行替换.虽然会解决一些问题,但是一定程度上会导致代码的混乱,所以应该慎用单元测试 Unit Testclassification TDD:Test Driven Development测试驱动开发 ...

2017-07-26 10:19:31

阅读数:499

评论数:0

webpack2配置心路历程

最近在研究webpack2的配置,发现遇到了很多的问题,而且一绊就是好久。其实webpack2的配置,官方文档讲的还是很清楚明白的,很多的配置也清晰灵活了好多,应该是自己对webpack还不是太熟悉,一直停留使用封装好的框架上,对内部的一些配置不明就里。这里将自己在配置过程中出现的各种问题记录下,...

2017-06-20 09:30:09

阅读数:680

评论数:0

webpack调试方法

在浏览器地址栏输入:chrome://inspect/#devices 点击如下:在webpack的配置文件中加一个debugger 4.在你的package.json中添加一个新的script,比如: "debug": "node --inspect --debu...

2017-06-16 09:29:41

阅读数:4296

评论数:0

高阶组件应用-组件重新实例化

背景在参与beisenCloud和pageBuilder的对接任务中,出现了这样一个问题:有两个组件同时关联了同一个属性组件,并且在constructor和componentDidMount内等做了一些初始化操作,当在这两个组件之间切换的时候,由于属性组件已经被首次render了,所以只进行了di...

2017-06-01 18:55:03

阅读数:588

评论数:0

webpack打包优化

背景最近在做项目的过程中,发现项目打包的时间特别长,在npm start 的时候,需要耗费大概70s的时间,项目使用的webpack1+babel +react+redux,以及其他用到的第三方类库。于是接手了这样一个任务:对项目的webpack打包做优化。其实优化主要设计两方面的任务: 1....

2017-05-14 20:40:39

阅读数:829

评论数:0

JS 继承

JS继承设计的缘由 看了阮一峰老师文章,总结了如下的几点:JS是基于面向对象的语言,需要一种机制,实现对象之间的关联 借鉴面向类的语言中constructor 构造函数的思想,和new 关键字 解决数据共享的问题,引入prototype 原文地址继承的实现方式继承FAQ__proto__ 与...

2017-04-16 16:18:46

阅读数:1219

评论数:0

JS创建对象

在面向类的语言中,对象是类的实例,JS是面向对象的语言,对象是基于另一个对象继承而来。下面总结下在js中创建的对象的几种方式Object 构造函数var a = new Object()Object.createvar a = Object.create(Object.prototype);关于该...

2017-04-16 11:32:48

阅读数:168

评论数:0

async和defer的异步加载

what two conceptjs引擎: 渲染引擎: why 性能优化 渲染时间 下面是一个再简单不过的页面: index.js alert(1232) index.html <!DOCTYPE html> <html lang="en"&g...

2017-04-09 15:59:41

阅读数:287

评论数:0

关于字体图标

1、为什么要将SVG图标改为使用icon-font呢? 字体图标可以很容易的任意进行缩放 可以简单的进行图标颜色的修改,svg图标不同色需要不同的文件,增加文件成本 可以简单的给图标添加阴影,svg图标需要对图标进行重新设计,出现一个新的图标文件 可以使得图标拥有透明的效果 现在的浏览器大部分都支...

2017-04-08 10:12:28

阅读数:400

评论数:0

Component & Element & ReactClass

本文主要阐述下react中,Component & Element & ReactClass之间的关系下面看一段基本的代码 demo.js import {Component} from 'react' export deault class Demo extends Comp...

2017-04-05 21:07:38

阅读数:421

评论数:0

React高阶组件应用

本文主要记录如何使用高阶组件实现外部逻辑注入,如性能打点,以及其中遇到的一些问题The defination of HOC所谓高级组件,即:接受一个组件作为参数,并且其返回值也为一个react组件demo如下是一个再简单不过的react组件import connect from './connec...

2017-04-04 21:13:21

阅读数:2390

评论数:0

关于对象/数组的深拷贝

在本次迭代开发中,由于引用对象的原因,导致一个bug,虽然很快得到了解决,但这个问题还是比较经典的。所以就整理下关于深拷贝的问题:对象Object.assignvar a={name:'name'} var b=Object.assign({},a) var c={...a} var d=JSON...

2017-03-31 22:11:09

阅读数:1145

评论数:2

JavaScript高级程序设计

3.7 arguments关于函数参数:function(num){ }//num 即为命名参数 函数的命名参数只提供便利,非必须。任何参数都可以通过arguments对象来获取 arguments对象只是与数组类似,但并不是数组的实例 arguments的值始终与对应命名参数的值保持一致,但是他...

2017-03-28 22:18:56

阅读数:276

评论数:0

react state or redux store?

Use React for ephemeral state that doesn’t matter to the app globally and doesn’t mutate in complex ways. For example, a toggle in some UI element, a...

2017-03-28 12:45:56

阅读数:232

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭