- 博客(16)
- 收藏
- 关注
RSS订阅原创 HTML5 新特性
1、 语义标签 语义化标签使得页面的内容结构化，见名知义 2、增强型表单 HTML5 拥有多个新的表单 Input 输入类型。这些新特性提供了更好的输入控制和验证。HTML5 也新增以下表单元素HTML5 新增的表单属性placehoder 属性，简短的提示在用户输入值前会显示在输入域上。即我们常见的输...
2018-12-19 16:30:54
163
原创 实现一个计算最大公约数的函数
function Mgn(num1,num2){ var temp=0; while(num2!=0){ //当num2==0时,最大公约数为num1 temp=num1%num2; num1=num2; num2=temp; } return num1; } var p=Mgn(...
2018-12-04 17:31:10
1477
原创 PureComponent
前言 React15.3中新加了一个 PureComponent 类，PureComponent 也就是纯组件，取代其前身 PureRenderMixin , PureComponent 是优化 React 应用程序最重要的方法之一，易于实施，只要把继承类从 Component 换成 PureComponent 即可，可以减少不必要的 render操作的次数，从而提高性能，而...
2018-11-15 20:01:50
914
原创 前端性能优化
前段时间项目中遇到性能相关的问题，用户反馈网页首屏加载时间过慢，操作点击反应迟钝，组内优化了一个星期，终于改善了很多，总结了几个比较重要的点一、减少HTTP请求 改善响应时间最简单的途径就是减少HTTP请求的数量。 项目在首页的时候加载了太多的接口，真正的接口其实是有利有弊的，我们项目是react+redux的，首页加载的时候，把一些数据存在store里，后...
2018-11-15 19:07:05
156
原创 高阶组件2 项目实例
自己项目中写一个高阶组件，插入到body中，用完销毁在项目中实际场景是一个选人组件，点击选人之后，返回所选人员的信息，之前是存在localstorage里，太麻烦了，每个页面都要写引入和回调。用这种方式的话每次用完就不留痕迹。在点击事件时调这个函数，插入到body里，选中的结果在回调中传给原页面，这个div用完就即时销毁掉了。class Hoctest extends React.Com...
2018-11-15 15:40:01
160
翻译 递归函数及递归优化（尾递归）
一、定义 在函数内部，可以调用其他函数。如果一个函数在内部调用自身本身，这个函数就是递归函数。二、利弊 递归函数的优点是定义简单，逻辑清晰。理论上，所有的递归函数都可以写成循环的方式，但循环的逻辑不如递归清晰。 使用递归函数需要注意防止栈溢出。在计算机中，函数调用是通过栈（stack）这种数据结构实现的，每当进入一个函数调用，栈就会加一层栈帧，每...
2018-08-23 20:06:46
661
转载 Scrollbar样式设置
一、场景在CSS 中，如果我们在块级容器上设置了属性:overflow:scroll/* x y 方向都会*/或者overscroll-x:scroll/*只是x方向*/或者overflow-y:scroll /*只是y方向*/当块级内容区域超出块级元素范围的时候，就会以滚动条的形式展示，你可以滚动里面的内容，里面的内容不会超出块级区域范围。有时候我们需要...
2018-08-23 19:25:50
1308
原创 nginx反向代理解决跨域问题，使本地调试更方便
我们可能都会遇到一个这样的问题，线上环境是https://...，本地启动了项目，域名是localhost:8000等，本地想要访问线上的接口，直接在本地调试，却提示跨域，这个时候我们可以配置nginx，反向代理到本地，这样可以直接在谷歌浏览器里调试线上问题。nginx配置语法规则： location [=|~|~*|^~] /uri/ { … }= 开头表示精确匹配^~ 开头表示uri以某个常规...
2018-07-02 19:57:07
1024
原创 react父组件调用子组件方法
把子组件的参数回传到父组件中,并且赋值给子组件的一个实例方法.参考React中文网： http://www.css88.com/react/docs/refs-and-the-dom.htmlimport React, {Component} from 'react';export default class Parent extends Component { render() {...
2018-06-05 17:37:15
4213
2
原创 JS数据类型
js中有六种数据类型，包括五种基本数据类型（Number,String,Boolean,Undefined,Null）,和一种复杂数据类型（Object）。
2018-06-05 14:38:56
83
转载 理解JavaScript中的深拷贝和浅拷贝
在说深拷贝与浅拷贝前，我们先看两个简单的案例：//案例1var num1 = 1, num2 = num1;console.log(num1) //1console.log(num2) //1num2 = 2; //修改num2console.log(num1) //1console.log(num2) //2//案例2var obj1 = {x: 1, y: 2}, obj2 = obj1;co...
2018-05-10 21:02:22
130
原创 webstorm 格式化代码及常用快捷键
centOS 下webstorm 格式化代码的快捷键 Ctrl+Shift+l windows 下 webstorm 格式化代码的快键键 Ctrl+Alt+lmac 下 webstorm 格式化代码的快捷键 Option+Command+l
2018-04-18 18:01:12
452
原创 通俗理解 React 高阶函数
定义：高阶组件就是一个函数，且该函数接受一个组件作为参数，并返回一个新的组件。A higher-order component is a function that takes a component and returns a new component.函数模拟高阶组件最普通的方法，一个welcome，一个goodbye。两个函数先从localStorage读取了username，然后对use...
2018-04-10 19:52:09
10318
1
翻译 ESLint
ESLint 是一个代码规范和错误检查工具，有以下几个特性所有东西都是可以插拔的。你可以调用任意的rule api或者formatter api 去打包或者定义rule or formatter。任意的rule 都是独立的没有特定的coding style，你可以自己配置ESLint 允许你指定你想要支持的 JavaScript 语言选项。默认情况下，ESLint 支持 ECMAScript 5 ...
2018-04-10 16:28:35
365
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人