自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(47)
  • 资源 (11)
  • 论坛 (2)
  • 收藏
  • 关注

转载 日常折腾 - zsh - 一个更好用的终端

安装zshUbuntu 安装:$ sudo apt-get install -y zsh先启动看看:安装好了,但是连高亮都没有,所以接下来就是美化了安装oh-my-zshoh-my-zsh中整理了常用的zsh扩展和主题,所以先安装oh-my-zsh使用curl安装 :sh -c "$(curl -fsSL https://raw.github....

2020-04-29 19:12:21 173

转载 web性能监控

1 前端性能监控的两种方法前端性能监控主要分为两种方式,一种叫做合成监控(Synthetic Monitoring,SYN),另一种是真实用户监控(Real User Monitoring,RUM)。合成监控就是在一个模拟场景里,去提交一个需要做性能审计的页面,通过一系列的工具、规则去运行你的页面,提取一些性能指标,得出一个审计报告。工具如YSlow、webpagetest、阿...

2020-04-27 10:45:25 184

转载 关于this.setState()的那些事

在网上看了很多关于this.setState()的介绍,觉得受益匪浅,就总结了一些帮助自己理解的点,在此分享出来,如果有侵权的地方,请及时提醒。一、State的定义状态(state) 和 属性(props) 类似,都是一个组件所需要的一些数据集合,但是它是私有的,并且由组件本身完全控制,可以认为它是组件的“私有属性(或者是局部属性)”。二、关于 setState() 有三件事是你应该知...

2020-04-26 17:52:32 290

转载 编程风格 - 块级作用域

块级作用域 字符串 解构赋值 对象 数组 函数 Map 结构 Class 模块 ESLint 的使用【免费课程】开始学习《ES6 实战教程》,一线大厂前端必备技能。本章探讨如何将 ES6 的新语法,运用到编码实践之中,与传统的 JavaScript 语法结合在一起,写出合理的、易于阅读和维护的代码。多家公司和组织已经公开了它们的风格规范,下面的内容主要参考了Airbn...

2020-04-24 11:51:02 84

转载 装饰器+HOC(高阶组件)简单使用

装饰器+HOC(高阶组件)简单使用这里不会过多的详细介绍HOC和装饰器的概念,而是简单叙述实际开发场景中是一个demo来作为使用参考。高阶组件简单来说,高阶组件是一个函数,能够接受一个组件并返回一个新的组件。组件是将 props 转化成 UI ,然而 高阶组件将一个组价转化成另外一个组件。React在第三方组件库中非常常见,例如Redux的connect装饰器ES7中的一种语法...

2020-04-24 09:51:21 150

转载 彻底理解React 之React SSR、React服务端渲染,教你从零搭建配置

技术栈: React16.x + React-router4.x + React-redux5.x + Redux-thunk2.x + express4.x前言前段时间研究了下React SSR,SEO。后面就想把整个过程总结一下,同时也加深自己对其的理解 。(好慌!第一次写简书) 关于服务端渲染的优缺点,vue服务端渲染官方文档讲的很清楚。网上关于React的SSR也很多,但都不够...

2020-04-23 16:50:22 151

转载 为何GET只发一次TCP连接,POST发两次TCP连接

转自微信公众号WebTechGardenGET和POST是HTTP请求的两种基本方法,要说他们的区别,接触过WEB开发的人都能说出一二。最直观的区别就是GET把参数包含在URL中,POST通过request body传递参数。你可能自己写过无数个GET和POST请求,或者已经看过很多权威网站总结出的他们的区别,你非常清楚的知道什么时候该用什么。当你在面试中遇到这个问题时,你的内心充...

2020-04-22 14:12:13 119

转载 前端基础整理

1.前端基础1.1 prototype和proto的关系是什么 .__proto__ ===.contructor.prototype //如果一个对象是通过Object.create函数构造出来的,那其__proto__就不一定是.constructor.prototype了 //属性返回对创建此对象的数组函数的引用。 1.2 meta vi...

2020-04-22 11:03:44 100

转载 数组和类数组的区别

什么是类数组:    上一个例子:    输出结果:类数组是指在写法上跟数组一样,例如 arguments 和 length 写法上跟数组一样,不具有数组所具有的方法但类数组,只是一个普通的对象,他的原型是Object。而真实的数组是Array类型。、把对象变成数组的方法:   方法一:  输出结果: 返回一个原型为Arr...

2020-04-22 09:54:25 291

转载 Redux + Immutable.js 性能优化

(阅读本文约需 2 分钟)引言众所周知,在使用 Redux 时最麻烦的一个部分就是 reducer 的编写,由于 Redux 要求状态是 immutable 的,也就是说,发生变化的状态树一定是一个新的引用。 所以 reducer 经常会写成这样:function todoApp(state = initialState, action) { switch (action.typ...

2020-04-22 09:39:48 120

转载 前端面试题之手写代码

函数防抖(debounce)概念:在事件被触发 n 秒后再执行回调,如果在这 n 秒内又被触发,则重新计时。function debounce(fn, wait) { var timer = null; return function() { var context = this; var args = arguments; if (timer) { ...

2020-04-21 16:12:18 156

转载 javascript事件代理(delegate)原理解析

什么是事件代理?首先得知道什么是事件,并且弄清楚事件流,才能真正明白事件代理原理。一、什么是事件?  javascript与HTML之间交互就是通过事件实现的,事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。如onload、onclick、onmouseup、onmousedown... 。二、事件流  DOM(文档对象模型)结构是一个树型结构,当一个HTML元素产生一个事件时...

2020-04-21 15:33:37 98

转载 jsonp相关的安全问题

1、jsonp劫持如果b.com通过jsonp的方式获取json数据,攻击者通过构造恶意的jsonp调用页面a.com.html,a.com.html中通过<script></script>标签,远程调用b.com下的json文件,被攻击者在已登录b.com时,访问a.com.html,攻击者即可获取敏感数据。 <script> f...

2020-04-21 15:27:34 71

转载 meta viewport原理

HTML中:<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">1该meta标签的作用是让当前viewport的宽度等于设备的宽度,同时不允许用户手动缩放。当然maximum-scale=1.0, user-scalab...

2020-04-21 15:09:28 155

转载 Web Worker 使用教程(就是service线程)

一、概述JavaScript 语言采用的是单线程模型,也就是说,所有任务只能在一个线程上完成,一次只能做一件事。前面的任务没做完,后面的任务只能等着。随着电脑计算能力的增强,尤其是多核 CPU 的出现,单线程带来很大的不便,无法充分发挥计算机的计算能力。Web Worker 的作用,就是为 JavaScript 创造多线程环境,允许主线程创建 Worker 线程,将一些任务分配给后者运...

2020-04-21 14:24:17 183

转载 Promise面试题

题目一const promise = new Promise((resolve, reject) => { console.log(1); resolve(); console.log(2);})promise.then(() => { console.log(3);})console.log(4);解析首先Promise新建...

2020-04-21 11:57:55 259

转载 ES6的模块化规范和CommonJS的模块化规范的差异

ES6 在语言标准的层面上,实现了模块功能,而且实现得相当简单,旨在成为浏览器和服务器通用的模块解决方案。其模块功能主要由两个命令构成:export 和 import。export命令用于规定模块的对外接口,import命令用于输入其他模块提供的功能。/** 定义模块 math.js **/var n = 1;function add(){ return 2+3}e...

2020-04-21 11:52:38 73

转载 ES6中声明变量 let和const特点

在ES6中我们有两种定义变量的方式:let const let特点: 1.let定义时不会进行变量声明提升 2.变量不允许被重复定义 3.变量不可以被删除 4.在for循环当中用let定义i 循环时可以保存 i 的值 5.在块级元素中用let定义的变...

2020-04-21 11:48:13 114

转载 详解ES5和ES6的继承

ES5继承构造函数、原型和实例的关系:每一个构造函数都有一个原型对象,每一个原型对象都有一个指向构造函数的指针,而每一个实例都包含一个指向原型对象的内部指针, 原型链实现继承 基本思想:利用原型让一个引用类型继承另一个引用类型的属性和方法,即让原型对象等于另一个类型的实例 基本模式: 1 function SuperTyp...

2020-04-21 11:31:20 35

转载 ES6之Promise常见面试题

ES6谈一谈 promise 所有的 ES6 特性你都知道吗?如果遇到一个东西不知道是 ES6 还是 ES5, 你该怎么区分它 es6的继承和es5的继承有什么区别 promise封装ajax let const的优点 es6 generator 是什么,async/await 实现原理 ES6和node的commonjs模块化规范区别 箭头函数,以及它的thisProm...

2020-04-21 11:29:08 617

转载 vue.js面试题整理

Vue.js面试题整理一、什么是MVVM?MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑;View 代表UI 组件,它负责将数据模型转化成UI 展现出来,ViewModel 是一个同步View 和Model的对象(桥梁)。在MVVM架构下,View 和Model 之间并没...

2020-04-20 17:44:19 305

转载 MVC/MVP/MVVM的理解

Model: 业务处理和存储,数据更新后更新 View: 人机交互接口,一般为展示给用户的界面MVCController控制层: 负责连接Model层和View层,接受并处理View层触发的事件,并在Model层的数据状态变动时更新View层思路: View层通过事件通知到Controller层,Controller层经过对事件的处理完成相关业务逻辑,要求Model层改变数据状态,Mo...

2020-04-20 17:42:54 100

转载 一. Vue核心小知识点

1、vue中key值的作用key 的特殊属性主要用在 Vue的虚拟DOM算法,在新旧nodes对比时辨识VNodes。如果不使用key,Vue会使用一种最大限度减少动态元素并且尽可能的尝试修复/再利用相同类型元素的算法。使用key,它会基于key的变化重新排列元素顺序,并且会移除key不存在的元素。有相同父元素的子元素必须有独特的key。重复的key会造成渲染错误。最常见的用例是结...

2020-04-20 17:35:54 97

转载 从零开始创建Virtual DOM

1)Virtual DOM从何说起?说它之前,我们先回顾一下前端领域最近几年都发生了什么事情。以前的前端开发基本都是静态页面,通过服务器同步数据渲染然后通过http响应内容返回给浏览器解析。页面与页面之间的跳转物理路由直接跳转。所有页面交互通过ajax异步请求数据,再局部刷新。但是这样开发有一些缺点,就是页面与页面之间跳转的时候由于网络不稳定等因素,导致新的响应内容回来到浏览器重新渲染新的页面...

2020-04-19 20:18:23 106

转载 webpack学习笔记(阮一峰教程demo)

学习webpack,直接观看代码理解。将自己的理解过程记录下来,后续若有不同理解,再来修改。献上阮一峰老师的webpack教程地址:webpack将整个demo完整的clone下来,用vscode导入整个文件夹之后,发现也只有15个demo而已,小case,so easy,开撸。Demo01: Entry file组织架构如图,demo01bundle.js为自动生成...

2020-04-15 18:02:59 162

转载 tomsnail

说明Vue、Grunt、Webpack的知识请看官方网站Grunt Tasks:构建、开发调试、打包,命令:grunt build,grunt default,grunt zipall。。。Webpack:编译Vue、压缩文件http2:启动http/2服务,命令 node http2.jsserver:启动http/1.x服务,命令:node server.js配置w...

2020-04-15 15:46:07 48

转载 React-Hooks(附demo)

转载于:https://blog.csdn.net/sinat_17775997/article/details/90369730hooks诞生的原因在react的今天和明天系列文章中,react开发人员介绍了class组件存在的三个问题。逻辑复用 庞大的组件 难以理解的class在class组件中通过HOC和render props中来实现组件的逻辑复用。这会带来一个问题,当我...

2020-04-14 11:42:33 130

转载 我们为什么要拥抱React Hook

首先,让我们谈谈什么是react hook。先剖出官方解释:Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。再来看看,当我们在不使用hook前,我们写一个有状态的组件:class Example extends React.Component { constructor(props)...

2020-04-13 16:50:20 112

转载 PWA介绍及快速上手搭建一个PWA应用

PWA初次体验​ 前言:本示例不用安装任何东西部分资源来自网络资源及PWA官网,不要把PWA想象的太复杂,跟着示例走一下,你行的。PWA介绍一个新的前端技术,PWA( 全称:Progressive Web App )也就是说这是个渐进式的网页应用程序。官网:https://developers.google.com/web/progressive-web-apps/是 ...

2020-04-12 21:27:13 1386

转载 常见浏览器的兼容性问题(面试重点)

众所周知,浏览器的兼容性问题是开发人员经常会遇到的问题,它是由于不同浏览器的不同对代码的解析不同,而产生的在页面上显示的效果不同。那么,现在我把从工作当中发遇到的有关兼容性问题及解决方案做个简单总结,供各位参考:第一类:块状元素float后,有添加了横向的margin,在IE6下比设置的值要大(属于双倍浮动的bug)解决方案:给float标签添加display:inline,将其转换为行内...

2020-04-12 10:42:12 178

转载 rem与px的转换

rem是相对于根元素<html>,这样就意味着,我们只需要在根元素确定一个参考值,这个参考值设置为多少,完全可以根据您自己的需求来定。我们知道,浏览器默认的字号16px,来看一些px单位与rem之间的转换关系:| px | rem |------------------------| 12 | 12/16 = .75 || 14 | ...

2020-04-11 19:31:51 53

转载 《数据结构与算法》之树与树算法

转载于:https://www.pianshen.com/article/1479282230/树与树算法树的概念树(英语:tree)是一种抽象数据类型(ADT)或是实作这种抽象数据类型的数据结构,用来模拟具有树状结构性质的数据集合。它是由n(n>=1)个有限节点组成一个具有层次关系的集合。把它叫做“树”是因为它看起来像一棵倒挂的树,也就是说它是根朝上,而叶朝下的。它具有以下的特...

2020-04-11 18:16:56 90

转载 BOM属性对象方法

本文原链接:https://cloud.tencent.com/developer/article/1018747BOM1.window对象2.location对象3.history对象BOM也叫浏览器对象模型,它提供了很多对象,用于访问浏览器的功能。BOM缺少规范,每个浏览器提供商又按照自己想法去扩展它,那么浏览器共有对象就成了事实的标准。所以,BOM本身是没有标准的或者还...

2020-04-11 16:53:17 69

转载 JS对象创建的几种方式整理

最近一直在看JS高级程序设计这本书,有空来梳理一下几种创建对象的方式。话不多说,直接步入正题。第一种:Object构造函数创建 1 2 3 var Person = new Object(); Person.name = 'Nike'; Person.age = 29; 这行代码创建了Object引用类型的一个新实例,...

2020-04-11 15:50:35 37

转载 babel之配置文件.babelrc入门详解

介绍es6特性浏览器还没有全部支持,但是使用es6是大势所趋,所以babel应运而生,用来将es6代码转换成浏览器能够识别的代码babel有提供专门的命令行工具方便转码,可以自行去了解什么是Babel官方解释,是下一代JavaScript 语法的编译器。既然是下一代Javascript的标准,浏览器因版本的不同对此会有兼容性问题,JavaScript的新的方法都不能使用,但是目前...

2020-04-10 13:31:14 443

转载 WebSocket 教程

WebSocket是一种网络通信协议,很多高级功能都需要它。本文介绍 WebSocket 协议的使用方法。一、为什么需要 WebSocket?初次接触 WebSocket 的人,都会问同样的问题:我们已经有了 HTTP 协议,为什么还需要另一个协议?它能带来什么好处?答案很简单,因为 HTTP 协议有一个缺陷:通信只能由客户端发起。举例来说,我们想了解今天的天气,只能是客...

2020-04-10 09:52:23 81

转载 树的概念:

树(英语:tree)是一种抽象数据类型(ADT)或是实作这种抽象数据类型的数据结构,用来模拟具有树状结构性质的数据集合。它是由n(n>=1)个有限节点组成一个具有层次关系的集合。把它叫做“树”是因为它看起来像一棵倒挂的树,也就是说它是根朝上,而叶朝下的。它具有以下的特点:每个节点有零个或多个子节点; 没有父节点的节点称为根节点; 每一个非根节点有且只有一个父节点; 除了根节点外,每...

2020-04-09 11:47:59 60

转载 关于树的一些算法题---持续更新

树的定义为:public class TreeNode { int val; TreeNode left; TreeNode right; TreeNode(int x) { val = x; }}1、求一棵树的高度: public int height(TreeNode root) { if(root == null) retur...

2020-04-09 11:47:02 44

转载 谈谈React中Diff算法的策略及实现

1、什么是Diff算法传统Diff:diff算法即差异查找算法;对于Html DOM结构即为tree的差异查找算法;而对于计算两颗树的差异时间复杂度为O(n^3),显然成本太高,React不可能采用这种传统算法; React Diff: 之前说过,React采用虚拟DOM技术实现对真实DOM的映射,即React Diff算法的差异查找实质是对两个JavaScript对象的差异查找;...

2020-04-08 19:28:54 219

转载 React之diff算法

前言:在看《深入React技术栈》时,发现该书的语言不够通俗易懂,故整理之,希望在自己理解的基础上,进一步精炼语言,做到一遍基本能明白。注:图是用 visio2013 画的。diff算法的作用计算出Virtual DOM中真正变化的部分,并只针对该部分进行原生DOM操作,而非重新渲染整个页面。传统diff算法通过循环递归对节点进行依次对比,算法复杂度达到 O(n^3) ,n是树...

2020-04-08 19:24:07 226

android 官方例子代码 example code apk(全)

4.0 版本的官方code 代码 展现了所有sdk样式代码

2012-08-14

Learn Objective-C on the Mac eBook.pdf (incl. examples) 包含全代码

Learn Objective-C on the Mac eBook.pdf (incl. examples) 含操作图片且包含全实例代码

2012-07-21

ANDROID Mars第三季code代码全

ANDROID Mars第三季程序全

2012-07-01

ANDROID Mars第四季程序全

ANDROID Mars第四季程序全

2012-07-01

JavaScript权威指南(第6版)pdf(彩页)

[JavaScript权威指南(第6版)].(JavaScript:The.Definitive.Guide).David.Flanagan.文字版.pdf

2012-06-21

Txt阅读器源代码

GBK UTB可自由转换

2012-06-12

ServletJSP笔记(知识全,个人手写的)

写了50多页,把该写的该注意的都写进去了 , 看完基本就会这部分知识了 ,希望大家喜欢

2012-06-11

mars老师视频源码下载android(33集全)

很全的视频代码 ,写好了详细的评论注释 , 对学习android很有帮助

2012-02-13

USB LINUX驱动程序(已测试)

本例程是写一个c语言 通过USB控制外部的一个模拟导弹发射台 如可以控制其旋转 发射 , 以经过测试 可以完美执行~

2012-01-09

JAVA网络编程实例

JAVA 各类网络(socket udb 编程大全

2012-01-09

控制系统仿真与SIMULINK(PPT+程序)

RT~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

2011-06-28

飞翔的熊blabla的留言板

发表于 2020-01-02 最后回复 2020-01-02

博客被锁, 没发任何广告

发表于 2016-02-24 最后回复 2016-02-24

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

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