- 博客(82)
- 资源 (2)
- 收藏
- 关注
RSS订阅转载 实现webIM技术小结——websocket 实例篇
Socket.io 用于浏览器与 Node.js 之间实现实时通信。官网：socket.io/ 官网聊天室案例：socket.io/get-started… Socket.io 中文介绍：www.cnblogs.com/xiezhengcai… Socket.io 简述：blog.csdn.net/yczz/articl…Socket.io介绍Socket.io 是一个完全由 Ja...
2019-07-15 09:45:39
620
原创 实现webIM技术小结——websocket IM原理篇
继续总结webIM实现的核心技术-websocket,以及socket.io的总结归纳～～IM通讯协议应用场景：即时通信 聊天 消息推送 好友上线，微博被赞 其他领域 股票价格/商品拍卖/监控报警协议种类：协议用途：数据封装与传输，连接有效性检测，消息接收保证私有协议 二进制：QQ 文本： ...
2019-05-16 20:41:41
1655
1
原创 实现webIM技术小结——框架配置篇
好久好久没有继续更博客了，一直忙着春招实习。。。好惨好惨！刚到自己的实习公司就接受了一个一周内实现即时通信的web IM的全栈项目。整个人都很懵逼，很少熬夜到一两点的我，一星期发生了三次（我的美容觉），几乎无node基础和数据库经验的我收获满满（伤痕累累）。下面开始我的总结啦（和我一样踩坑的过来看看）～Express常用中间件cookie-parser1.cookie的设置expr...
2019-05-16 18:47:56
915
1
原创 浅谈http缓存
因为面试中出现的关于缓存的点，总是稀里糊涂的，一下子就被问蒙了，特此做些小结。我们用http访问服务器进行数据请求时，会先发送一个请求，之后服务器会做应答。而缓存，是在第一次必须获取到资源后，根绝返回的信息来告诉如何缓存资源。一般有两种形式：强缓存和协商缓存。同样从另外一个方面来看可以分为：缓存控制和缓存校验。缓存控制：控制缓存的开关，用于标识请求或访问中是否开启了缓存，使用了哪种缓存方式...
2019-03-08 11:14:30
267
转载 React中组件间通信的几种方式
组件间进行消息传递（通信）的几种方式，主要有一下几种：父组件向子组件通信 子组件向父组件通信 跨级组件之间通信 非嵌套组件间通信父组件向子组件通信这是最简单也是最常用的一种通信方式：父组件通过向子组件传递 props，子组件得到 props 后进行相应的处理。import React,{ Component } from 'react';import Sub from '....
2019-03-04 21:06:20
302
原创 面试基础题汇总（HTML/CSS/JS）——求职面试之道
HTML Doctype作用？严格模式与混杂模式如何区分？它们有何意义? HTML5 为什么只需要写 <!DOCTYPE HTML>？ 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ 页面导入样式时，使用link和@import有什么区别？ 介绍一下你对浏览器内核的理解？ 常见的浏览器内核有哪些？ html...
2019-02-21 16:23:32
490
转载 浏览器 返回状态码汇总
浏览器 返回状态码汇总1xx-信息提示这些状态代码表示临时的响应。客户端在收到常规响应之前，应准备接收一个或多个 1xx 响应。 100 - 继续。 101 - 切换协议。 2xx - 成功 这类状态代码表明服务器成功地接受了客户端请求。 200 - 确定。客户端请求已成功。 201 - 已创建。 202 - 已接受。 203 - 非权威性信息。 204 - 无内容。 ...
2019-02-20 18:46:29
437
原创 2018年前端学习心得——总结篇
学习2018年，确定了人生的职业规划，开启了前端之路。基础不存在的，本科所了解的HTML标签和简单CSS样式早就不存在了。下面简单总结一下这一年的收获与进步。自我学习（3个月）：前端基础知识，在图书馆随意借书看了好几本（无营养）。感觉CSS3+DOM操作没有太大问题了，其实还是一个未入门的小垃圾。。。感觉这是入门前端初学者的通病，没有在一个大的平台来看待前端的发展及良好的学习路线。多看知乎...
2019-01-07 15:34:59
2041
2
原创 class的继承详解(第二篇)——ES6篇
概述及用法class可以通过extends关键字实现继承，在新定义的类中，通过super关键字，来表示父类的构造函数，用来新建父类的this对象 class Point {}class ColorPoint extends Point { constructor(x, y, color) { super(x, y); //调用父类的constructor(x, y) th...
2018-12-19 14:45:01
578
原创 React+Atd+Dva架构深入理解——框架
PC管理端架构技术构成：1）基础框架React ----性能优越、稳定可靠虚拟DOM技术，网页在内存拼接，一次批量快速渲染2）UI组件库Ant Design ----成熟、丰富、稳定的React UI组件库文档说明清晰，使用人数多，常用UI组件多，界面美观，可定制性高3）数据状态管理Dva跨组件数据状态共享，避免复杂的数据传递，任一组...
2018-12-19 09:36:18
1658
1
原创 class的基本用法（第一篇）——ES6篇
含义：ES6提供了更接近传统与语言的写法，引入了class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。它的绝大部分功能ES5都可以，只是让对象原型的写法更加清晰，更像面向对象编程的语法而已。类的数据类型就是函数，类本身就指向构造函数//定义类class Point{ constructor(x, y) { this.x = x; this.y = y...
2018-12-13 14:42:05
723
原创 深入理解async函数——ES6篇
含义及作用引入了 函数，使得异步操作变得async更加方便。async函数就是将 Generator 函数的星号（*）替换成async，将yield替换成await，仅此而已。async函数对 Generator 函数的改进，体现在以下四点。内置执行器 更好的语义 更广的适用性 返回值是 Promise基本用法async函数返回一个Promise对象，可以使用then方法添加回...
2018-12-12 09:40:08
518
转载 web前端工程化之VS code版本控制工具Git和SVN安装
VSCode本身就是一个文本编辑器，非常轻量级，搭配各种插件的话，就可以重现Visual Studio的强大功能。一、VSCode使用Git进行版本控制参考小编另外一篇博客进行git基本配置1、关联vscode和git打开vs_code，然后文件 > 首选项 > 设置，然后添加"git.path"键，值为Git目录下的cmd下的git.exe文件。如： "git.pa...
2018-12-10 11:18:20
1201
原创 React+ Dva + Atd入门知识(必读)——框架详解
学react是会有很多疑惑，不知道需要用到ES6的哪些知识点； react component 有三种写法，都要掌握还是 ....JavaScript语言变量声明const 和 let不要用var, 而是用const和let, 分别表示常量和变量。不同于var的函数作用域， const和let都是块级作用域const DELAY = 1000;let count =...
2018-11-21 09:27:37
4346
1
原创 PuTTY的安装及Sass使用教程
Putty是Windows下操作Linux命令的小工具，也是一个跨平台的远程登录工具，非常好用。本文首先总结了如何利用putty登录ssh主机，并利用这个来编辑HTML文件。从而熟悉和练习Linux命令。利用putty登录SSH主机方法首先下载putty，成功后，双击打开putty.exe程序 登录远程主机IP或域名，设定端口号为22端口，登录协议选择SSH，点open登录...
2018-11-02 04:08:28
339
转载 http协议报文头及常见的状态码
http协议简介：http协议（hyper text transfer protocol，超文本传输协议），是用于从万维网服务器传输超文本到本地浏览器的传送协议。 http基于TCP/IP通信协议来传递数据，属于应用层协议。 http基于客户端/服务器（c/s）架构模型，通过可靠的链接来交换信息，是一个无状态的请求/响应协议特点：HTTP是无连接：无连接的含义是限制每次链接只处理...
2018-10-18 00:52:50
971
原创 日常整理系列——笔试刷题00008
1)下面列出的浏览器，无webkit内核的是（）答案：Firefox解析：目前主流的三大浏览器内核为：（1）webkit是一个开源的web浏览器引擎，也就是浏览器的内核。Apple的Safari，Google的chrome，Nokias60的默认浏览器，苹果手机的默认浏览器以及Android手机的默认浏览器均采用webkit作为浏览器内核；（2）Gecko，大名鼎鼎的Firefox就是采用...
2018-10-13 23:59:59
558
原创 日常整理系列——笔试刷题00007
1）如果一个html文档内含有阿拉伯文，则应该（）答案：使用utf-8解析：utf-8是一种针对Unicode的可变长度字符编码，又称万国码。utf-8用1-6个字节编码UNICODE字符。用在网页上可以统一页面显示中文、简体、繁体以及其他语言（英语、日文、韩文）GBK是汉字编码，是双字节码，可表示繁体字和简体字ISO8859-2字符集，也称Latin-2,收集了东欧字符2）hea...
2018-10-13 01:06:06
374
原创 回文串问题——JavaScript（查找最长公共子序列）
给定一个字符串s，你可以从中删除一些字符，使得剩下的串是一个回文串。如何删除才能使得回文串最长呢？输出需要删除的字符个数。链接：https://www.nowcoder.com/questionTerminal/28c1dc06bc9b4afd957b01acdf046e69来源：牛客网输入描述:输入数据有多组，每组包含一个字符串s，且保证:1<=s.length<=1...
2018-10-12 23:15:33
437
原创 日常整理系列——笔试刷题00006
1） CSS 百分比参照问题当进行百分比设置宽高、内外边距时，所遵循的规则是：参照父元素宽度的元素：padding margin width text-indent 参照父元素高度的元素：height 参照父元素属性：font-size line-height特殊：相对定位的时候，top(bottom) left(right) 参照的是父元素的内容区域的宽度与高度，而绝对定位的时候参...
2018-10-12 21:33:26
316
原创 GET与POST的区别与选取
GET与POST的区别：GET方式：用get方式可传送简单数据，但大小一般限制在1KB下，数据追加到URL中发送（http的header传送），也就是说，浏览器将各个字段元素及其数据依照URL参数的格式附加到请求行中的资源路径后面。另外重要的一点事，他会被客户端的浏览器缓存起来，别人就可以从浏览器的历史记录中，读取到此客户的数据，比如账号和密码。因此，在某些情况下，get方法会带来严重的安...
2018-10-12 17:15:28
249
原创 日常整理系列——笔试刷题00005
1）编写一个函数判断参数是否是数组类型，如果是返回 true解题思路：typeof只能识别原始类型，它无法对function和object类型做进一步判断。 验证原型对象： var bool = obj.__proto__.constructor.name == 'Array' ? true: false; 验证实例： var bool = (obj instance of Ar...
2018-10-12 01:11:48
196
原创 日常整理系列——笔试刷题00004
1）关于CSS布局中的BFC，相关描述：（从未遇到的知识漏洞，赶紧补上）BFC就是”块级格式化上下文“的意思，创建了BFC的元素就是一个独立的盒子，不过只有block-level box可以参与创建BFC,它规定了内部的Block-level Box如何布局，并且与这个独立盒子里的布局不受外部影响，当前他也不会影响到外面的元素 内部的Box盒子会在垂直方向，从顶部开始一个接一个地放置；属于同...
2018-10-11 22:34:48
232
原创 盒模式与BFC深入学习——CSS篇
盒模式有两种：标准模型与IE模型 两种模型对比：标准模型的宽高只是内容得宽高，而IE模型的宽高是内容+填充+边框的宽高。CSS设置模型：<!--标准模型-->box-sizing:content-box;<!--IE模型-->box-sizing:border-box;如何获取宽高通过JS获取盒模式对应的宽和高，...
2018-10-11 20:53:00
179
原创 Promise对象——JavaScript
JavaScript的异步执行概述：JavaScript语言是单线程的，为了解决排队等待的现象，JavaScript将任务的执行模式分成了同步和异步。同步模式：传统的做法，后一个任务等待前一个任务结束，然后再执行，执行的执行顺序与任务的排列顺序是一致的、同步的。这往往用于一些简单的、快速的、不涉及IO读写的操作。异步模式：每一个任务分成两段，第一段代码包含对外部数据的请求，第二段代码被写成...
2018-10-06 00:47:58
153
原创 window事件——JavaScript
window尺寸有三种方法能够确认浏览器窗口的尺寸（浏览器的窗口、不包括工具栏和滚动条）对于Internet Explorer、Chrome、Firefox、Opera以及Safari.window.innerHeight-浏览器窗口的内部高度.window.innerWidth- 浏览器窗口的内部宽度对于Internet Explorer 8/7/6/5document.doc...
2018-10-03 17:58:28
1704
原创 重定向跳转——javascript
重定向的概念及目的当点击一个URL来访问一个网页x,但在内部你背定向到另一页Y，仅仅是因为页面重定向。这一概念是从不用于JavaScript页面刷新，可能有各种原因，为什么想从原来的页面重定向，原因如下：1）如果不喜欢现有的域名，可以重定向到一个新的。同时，要引导所有访问者到新网站。在这种情况下，可以保持旧的域名，但放在一个页面到一个页面重定向使所有的旧域名游客可以来到新的域名2）基于...
2018-10-03 17:17:26
2026
原创 云计算概述——综述篇
为了一篇关于云计算的论文，特此总结了关于云计算的相关知识点。望借鉴！云计算的概念 云计算（cloud computing，台湾译作云端运算），是分布式计算技术的一种，其最基本的概念，是透过网络将庞大的计算处理程序自动分拆成无数个较小的子程序，再交由多部服务器所组成的庞大系统经搜寻、计算分析之后将处理结果回传给用户。透过这项技术，网络服务提供者可以在数秒之内，达成处理数以千万计甚至亿计的信息...
2018-10-03 02:21:53
4455
转载 前端面试题集——汇总二
浏览器页面有哪三层构成，分别是什么，作用是什么? 参考答案构成：结构层、表示层、行为层 分别是：HTML、CSS、JavaScript 作用：HTML实现页面结构，CSS完成页面的表现与风格，JavaScript实现一些客户端的功能与业务HTML5的优点与缺点？ 参考答案优点： a、网络标准统一、HTML5本身是由W3C推荐出来的。 b、多...
2018-09-28 17:05:33
289
原创 函数表达式和函数声明
创建函数的最常用的两个方法是函数表达式和函数声明，两者期间的区别是有点晕，因为ECMA规范只明确了一点：函数声明必须带有标示符（Identifier）（就是大家常说的函数名称），而函数表达式则可以省略这个标示符： 函数声明: function 函数名称 (参数：可选){ 函数体 } 函数表达式： function 函数名称（可选）(参数：可选){ 函数体 }所以，...
2018-09-20 11:31:46
270
原创 高质量JavaScript代码基本要点汇总（持续更新）
本博文包括一些与代码不太相关的习惯，但对整体代码的创建息息相关，包括撰写API文档、执行同行评审以及运行JSLint。这些习惯和最佳做法可以帮助你写出更好的，更易于理解和维护的代码，这些代码在几个月或是几年之后再回过头看看也是会觉得很自豪的。所以将不断从项目中，日常累积，并时常回头来回味。。。全局变量的问题全局变量的问题在于，JavaScript应用程序和web页面上的所有代码都共享了这些...
2018-09-20 10:29:35
290
原创 日常整理系列——笔试刷题00003
1、元素的alt和title的异同：alt是html标签的属性，而title既是html标签，又是html属性。 title标签这个不用多说，网页的标题就是写在<title></title>这对标签之内的。 title作为属性时，用来为元素提供额外说明信息。例如，给超链接标签a添加了title属性，把鼠标移动到该链接上面是，就会显示title的内容，以达到补充说明或者提...
2018-09-12 20:32:50
175
转载 GitHub的README.md的常用样式的标签使用
首先注意一点，GitHub上README.md的编写，在大多数情况下与CSDN的MarkDown编辑器一样的，但是它回车不一样,在README.md上用<br> 代替回车。在不需要上传图片等资源时，基本上只需要注意回车即可。而需要在README.md上展示图片等资源的方法，本文也有介绍。以下给出常遇的一些情况的写法。 效果可以看我放到github上的一个例子：https://gith...
2018-09-10 21:27:08
2583
转载 reactJS 学习指南——汇总
React学习资源汇总 React是如今最热门的前端框架，它设计思路独特，性能卓越，逻辑简单，受到了广泛开发者的喜爱。一旦接触她，你就会被她深深吸引。 我断断续续的学了将近两个月，今天终于有时间把自己学习React的一些学习资料总结一下。 React 官方 官网地址： http://facebook.github.io/react/ Github地址： ht...
2018-09-07 16:33:10
292
原创 React初级篇————基础项目搭建以及环境配置
今日起，开始学习web前端的三大框架之最看好的主流框架React。React用于搭建响应式的前端页面，一切皆为js的思想，具有最高的自由度。这里不作太多介绍，首先先来搭建配置相应的环境。安装的方式方法很多，我采用的是最为常见的，Nodejs的npm搭建：1）首先，我们需要安装node.js，直接搜索并在官网下载安装包或是通过菜鸟教程安装。node.js官网：https://nodejs...
2018-09-04 16:14:58
750
转载 获取隐藏的div实际宽高----使用jQuery.Actual.js插件
实例代码：// get hidden element actual width $( '.hidden' ).actual( 'width' ); // get hidden element actual innerWidth $( '.hidden' ).actual( 'innerWidth' ); // get hidden element actual outer...
2018-09-04 13:01:49
1082
原创 关于Echarts和离线谷歌地图窗口显示不全的问题及解决方案
今日一个工作中的大数据分析平台项目中，接入了离线谷歌卫星地图和诸多Echarts。但是初次涉入数据分析平台，不可避免会碰到很多问题。最近一个特别头疼的问题就是出现白边或显示不全的问题。通过拖拽浏览器，使得浏览器重新获取可视宽高时，Echarts可以实现理想的效果，但是离线地图又出现白边问题产生的原因大致分为：1）Echarts图表所在祖辈Div隐藏后显示，发现所在的Echarts的canvas...
2018-09-04 11:38:57
2438
1
原创 日常整理系列——笔试刷题00002
1.RegExp对象的方法JavaScript RegExp 对象有 3 个方法：test()、exec() 和 compile()。(1) test() 方法用来检测一个字符串是否匹配某个正则表达式，如果匹配成功，返回 true ，否则返回 false；(2) exec() 方法用来检索字符串中与正则表达式匹配的值。exec() 方法返回一个数组，其中存放匹配的结果。如果未找到匹配的值，...
2018-09-02 20:36:14
312
2
原创 用CSS3实现简单图形的显示
在写网页的过程,必不可免的会碰到网站需要装饰一些几何图形; 实现的方式无非四种: 1. 图片 2. CSS2.1&3 3. SVG 4. Canvas就我个人而言,对于一些常见的几何图形. - 图片是不推荐的[太占资源,也不利于维护] - CSS是比较推荐的,精简且方便维护 - SVG也是一个很好的选择[学习成本高一点点] - Canvas看情况使用.square...
2018-08-29 16:44:19
433
1
原创 函数定义功能汇总 （箭头函数、函数生成器声明等）
今天偶的发现一个新鲜的生成器函数，故此查询到了所有的函数声明定义的相关资料。供以后参考，累积。。主要包括：函数声明 函数表达式 生成器函数声明 生成器函数表达式 箭头函数表达式 几大类一 、 函数声明 （function声明）声明函数有一种特殊的语法：函数名称（[ param [, param [,... param]]]）{ statements }name 功能名称 ...
2018-08-24 00:16:03
1091
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人