anrui123456-CSDN博客

转载我遇到的前端面试题总结（2018）

来到新公司上班已经快一个月的时间，趁着空闲时间把自己这段时间的面试题进行一波总结，避免再次踩坑，有些问题还是需要自己去查一下，有时间的话会把答案补全关于模块化的理解，AMD、CMD规范 AMD、CMD规范其实就是require.js、sea.js在推广过程中对模块规范化的产出模块化就是将一个大文件拆分成相互依赖的小文件，再进行统一的拼装和加载。只有这样，才有多人协作的...

2018-06-20 09:41:00 115

转载 React懒加载组件实现

懒加载的好处当我们一次性大批量的加载资源的时候，会占用大量的内存，尤其是在一些低内存的设备上会造成卡顿的现象，所以我们就需要在必要的时候再进行资源的加载。懒加载就是在真正需要资源才加载资源，这样就可以节省内存，尽可能的减少卡顿现象的出现。懒加载原理懒加载的原理就如上图所示，当组件进入可视区域加载子组件，不在可视区域内卸载子组件。懒加载的原理就是这么简单，下面介绍一下懒...

2018-02-17 17:28:00 511

转载关于前端中遇到各种高度宽度的总结

最近一直在看关于懒加载组件和无限下拉组件的实现，遇到了各种需要获取dom高度、滚动的高度、浏览器可视区的高度...，索性今天对各种高度进行一次总结，省的每次遇到总要找谷哥、度娘。 element.clientHeight:可视区高度，不包括border的高度,如果底部有滚动条也不包括滚动条的高度 element.clientWidth可视区宽度，不包括border的宽度,如果有滚...

2018-02-09 14:34:00 199

转载 React+Redux项目实战总结

本项目实战是简化版的大众点评wap版技术栈 react + redux + react-router-dom mock数据使用的是 koa + koa-router 项目源码：https://github.com/volcanoliuc/dianpingapp 项目结构 ├── app #项目主目录 │ ├── index.jsx # 项目的入口index │ ├── i...

2017-12-18 15:25:00 306

转载 Redux学习总结

Redux 是 JavaScript 状态容器，提供可预测化的状态管理。使用Redux应该遵循一下原则：整个应用共享的state应该存储在store的状态树中，store是唯一的； state不能直接修改，只能通过action表达修改的意图，调用dispatch()修改state； state的修改规则reducers必须是一个纯函数，不能有副作用。 Re...

2017-12-18 15:08:00 215

转载 css学习笔记

CSS：Cascading Style Sheet，层叠样式表。CSS的作用就是给HTML页面标签添加各种样式，定义网页的显示效果。简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。 1.CSS和HTML结合的方式 CSS和HTML的结合方式有3种：行内样式：在某个特定的标签里采用style属性。范围只针对此标签。内嵌样式表：在页面的head里采用<s...

2016-12-22 22:52:00 79

转载 JS学习笔记

Web前端有三层： HTML：从语义的角度，描述页面结构 CSS：从审美的角度，描述样式（美化页面） JavaScript：从交互的角度，描述行为（提升用户体验） JavaScript基础分为三个部分： ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM：文档对...

2016-12-09 17:01:00 70

转载 HTML学习总结

1.什么是HTML HTML（HyperText Mackeup Language）又叫超文本标记语言，HTML不是编程语言，直接由浏览器解析成页面。 HTML是负责描述文档语义的语言 html是一个纯本文文件，用一些标签或者标签对来描述文字的语义，这些标签在浏览器里面是看不到的，所以称为“超文本”，所以就是“超文本标记语言”。 2.HTML的规范 HTML是...

2016-12-09 16:58:00 89

转载 Java编程思想-第四章练习题

练习1：写一个程序，打印从1到100的值 public class Print1To100{ 　　public static void main(String args[]){ 　　　　for(int i = 1 ; i <= 100 ; i++){ 　　　　　　System.out.println("value:" + i) ; 　　　　} 　　} } 练...

2016-11-02 21:29:00 228

转载 centos7下安装Python的pip

root用户使用yum install -y python-pip 时会报如下错误： No package python-pip available Error:Nothing to do 解决方法如下：　　首先安装epel扩展源：　　yum -y install epel-release 　　更新完成之后，就可安装pip：　　yum -y install pytho...

2016-10-08 21:46:00 236

anrui123456的博客