brother_hu的博客

原创 WebSocket从入门到精通

现在，很多网站为了实现推送技术，所用的技术都是 Ajax 轮询。轮询是在特定的的时间间隔（如每1秒），由浏览器对服务器发出HTTP请求，然后由服务器返回最新的数据给客户端的浏览器。这种传统的模式带来很明显的缺点，即浏览器需要不断的向服务器发出请求，然而HTTP请求可能包含较长的头部，其中真正有效的数据可能只是很小的一部分，显然这样会浪费很多的带宽等资源。HTML5 定义的 WebSocket 协议，能更好的节省服务器资源和带宽，并且能够更实时地进行通讯。

原创 【博学谷学习记录】超强总结，用心分享 #node.js基础

path 模块是 Node.js 官方提供的、用来处理路径的模块。它提供了一系列的方法和属性，用来满足用户对路径的处理 需求。例如：⚫ path.join() 方法，用来将多个路径片段拼接成一个完整的路径字符串⚫ path.basename() 方法，用来从路径字符串中，将文件名解析出来http 模块是 Node.js 官方提供的、用来创建web 服务器的模块。

原创 【博学谷学习记录】超强总结，用心分享 vue生命周期

这时，如果你去单击“更新”按钮，就会发现什么效果也没有了，也就是无法完成元素的更新了，因为元素已经被销毁了。通过以上的测试，可以验证在更新元素的时候，会执行在“更新”阶段的钩子函数。实例已经被销毁，所有的事件监听器会被移除，所有的子实例也会被销毁。的时候，所有的状态都初始化完成，我们也完全可以在该阶段发送异步的。的时候，页面已经被渲染完毕了，在这个钩子函数中，我们可以去发送。下面，我们在测试一下，看一下“销毁”阶段的钩子函数的执行。中的数据发生了变化，会触发对应组件的重新渲染，先后调用了。

原创 【博学谷学习记录】超强总结，用心分享 vue基础学习

数组做了一个判断，如果没有数据，就在页面上展示：“没有任何用户数据”而如果某个元素满足条件后，渲染到页面中，并且以后变化比较少，可以使用。对于插值表达式的绑定会出现闪烁的情况，通常使用v-text来解决。v-if和v-show指令可以用来控制元素的显示和隐藏。如果需要频繁的控制元素的显示与隐藏，建议使用。的模板如何编写和解析，怎样将具体的值替换掉。框架的三要素：响应式，模板引擎，渲染。v-bind的使用，简写 ：属性。控制元素显示，元素总是存在的。内容，这就是模板引擎的解析。在上面的代码中，我们首先对。

原创 JavaScript进阶【博学谷学习记录】超强总结，用心分享

构造函数通过new实例化后得到一个实例对象，实例对象可以继承构造函数上的静态方法，构造函数的prototype属性上的方法，prototype是构造函数的原型对象，实例对象的–proto–属性指向原型对象，原型对象有个constructor属性指回他的构造函数，原型对象也有–proto–属性指向Object的原型对象，Object原型对象的–proto-属性指向null。早期的回收方式是引用清除法，效果显著，但在相互应用的对象中无法清除回收，后面出现了标记清除的方式，完美解决了引用清除法的问题。

原创 推送远程仓库报错remote: [session-0642c2b3] Access denied，解决办法

提交远程仓库时报错提示：

原创 【博学谷学习记录】超强总结，用心分享 #web安全

CSRF（Cross-site request forgery）跨站请求伪造：攻击者诱导受害者进入第三方网站，在第三方网站中，向被攻击网站发送跨站请求。利用受害者在被攻击网站已经获取的注册凭证，绕过后台的用户验证，达到冒充用户对被攻击的网站执行某项操作的目的。受害者登录a.com，并保留了登录凭证（Cookie）。攻击者引诱受害者访问了b.com。b.com 向 a.com 发送了一个请求：a.com/act=xx。浏览器会默认携带a.com的Cookie。

原创 【博学谷学习记录】超强总结，用心分享 #前端性能优化笔记

任何小型企业，博主或成长型公司在网上出现时面临的最大挑战之一就是“页面加载时间”问题。除非您能确保尽可能快速无缝地加载每个页面，您才可以拥有世界上最好最引人注目的网站，否则您仍然无法赢得关注者的尊重和忠诚度。根据当今网络上的所有主要浏览器公司的说法，如果每个网站都想要排名靠前，表现良好并确保客户满意，那么每个网站都需要快。毕竟，如果您的网页加载速度很慢，那么您会立即增加客户开始在其他地方搜索信息，而不是坚持下去的风险。这也是为什么很多公司去找专门的技术人员来做SEO（Search Engine Optimi

原创 【博学谷学习记录】超强总结，用心分享 ES6深入学习笔记

ES6 引入了一种新的原始数据类型Symbol，表示独一无二的值。undefined、null、Boolean、String、Number、Object直接调用Symbol函数即可生成一个Symbol，注意Symbol函数前不能使用new命令，否则会报错。Symbol函数可以接受一个字符串作为参数，表示对 Symbol 的描述，主要是为了在控制台显示，或者转为字符串时，比较容易区分。注意，Symbol函数的参数只是表示对当前 Symbol 值的描述，因此相同参数的Symbol函数的返回值是不相等的。

原创 【博学谷学习记录】超强总结，用心分享 ES6模块化与异步编程高级用法

两种阶段(未决)(已决) unsettled settled三种状态 挂起 完成 失败(pending)(fulfilled)(rejected)

原创 webpack、yarn包管理与vue项目创建流程学习【博学谷学习记录】超强总结，用心分享

什么是webpack, 它有什么作用webpack是一个打包模块化javascript的工具，在webpack里一切文件皆模块，通过loader转换文件，通过plugin注入钩子，最后输出由多个模块组合成的文件，webpack专注构建模块化项目专注于处理模块化的项目，能做到开箱即用，一步到位通过plugin扩展，完整好用又不失灵活通过loaders扩展, 可以让webpack把所有类型的文件都解析打包社区庞大活跃，经常引入紧跟时代发展的新特性，能为大多数场景找到已有的开源扩展。

原创 【博学谷学习记录】超强总结，用心分享 JavaScript高级内容笔记

构造函数有一个prototype的属性指向它的原型对象，构造函数通过实例化得到实例对象，实例对象有一个__proto__属性指向构造函数的原型对象，构造函数的原型对象有一个constructor属性指回构造函数，实例对象也有一个constructor属性指回构造函数，构造函数的原型对象也有一个__proto__属性指向Object的原型对象，Object的原型对象也有__proto__属性指向NUll，Object的原型对象有一个consructor属性指向Object构造函数。

原创 【gitbook电子书最新教程】

推荐使用node Version10.21.0的版本来搭建gitbook来使用，但是由于我们还会用到node的其他版本，所以我们可以安装一个nvm工具，来管理我们的node版本。需要注意md文件不会保存图片文件，只会保存本地图片文件的绝对路径，我们需要把图片保存至目录下，使用相对路径，才可以在电子书中显示出图片来！会出现乱码现象，切换版本的命令需要管理员权限，所有需要打开管理员权限的终端窗口使用use命令才可以生效。安装node之前需要先安装一下nvm，安装nvm需要把现有的node版本全部卸载！

原创 省市二级联动案例

省市二级联动案例

原创 【博学谷学习记录】超强总结，用心分享 深拷贝和浅拷贝

深拷贝和浅拷贝，以及与数据类型分类的关系

原创 Ajax总结【博学谷学习记录】超强总结，用心分享

Ajax学习

原创 WebAPI总结【博学谷学习记录】超强总结，用心分享

webAPI总结、常用方法

原创 【博学谷学习记录】超强总结，用心分享【Git学习】git学习和github的使用

Git和GitHub的使用

原创 LNMP服务器环境部署

LNMP服务器环境部署

原创 Centos7.3配置Google Authenticator动态密钥进行ssh二次验证

服务器安全策略之动态验证登录

原创 jQuery基础学习【博学谷学习记录】超强总结，用心分享

jQuery基础学习

原创 DOM编程之接收值到table【博学谷学习记录】超强总结，用心分享

错误代码示例效果图：效果图：

原创 【博学谷学习记录】超强总结，用心分享 排他思想之Tab栏切换案例和复选框全选案例

排他思想应用案例，Tab栏切换，复选框全选或不全选案例，DOM操作

原创 Javascript编程01【博学谷学习记录】超强总结，用心分享

程序执行原理及JavaScript基础语法

原创 移动布局阶段总结【博学谷学习记录】超强总结，用心分享

移动适配布局和Bootstrap框架的使用

原创 【博学谷学习记录】超强总结，用心分享，JS算法实现函数接收三个参数计num1，num2，运算符，num1运算符num2的值

参数本质就是函数内部的变量一个函数可以没有参数，也可以有一个，或者多个都行这里的参数叫做形参，即形式上的参数，在创建函数时它里面是没有值的，所以叫形参。运算符只有加减乘除这四种常用的，故可以利用Switch循环直接将四种情况列出。continue :跳出本次循环，继续执行下次循环。return :能够返回 return 语句中的值。return :可以结束当前的函数体内的代码。js代码不够严谨，不能使得变量成为运算符。随意输入两个数的最大值并且能运算结果。break :结束当前的循环体。...

原创 #【博学谷学习记录】超强总结，用心分享#less的使用

Less是一门CSS预处理语言，它扩展了CSS语言，增加了变量、Mixin、函数等特性，使CSS更易维护和扩展。CSS是一门非程序式语言，没有变量、函数、SCOPE（作用域）等概念。CSS需要书写大量看似没有逻辑的代码，CSS冗余度是比较高的。Less大大简化了CSS的编写，并且降低了CSS的维护成本；Less提供了加（+）、减（-）、乘（*）、除（/）算术运算。常见的CSS预处理器Sass、Less、Stylus。Less是一门CSS扩展语言，也称为CSS预处理器；...

原创 CSS摩天轮动画

CSS3动画

原创 rem和媒体查询布局移动适配#【博学谷学习记录】超强总结，用心分享

rem布局和媒体查询

原创 阶段总结【博学谷学习记录】超强总结，用心分享

PC网页布局总结

原创 CSS学习总结#【博学谷学习记录】超强总结，用心分享

CSS：层叠样式表，因其属性重复部分会覆盖原有属性，故称其为层叠样式表，主要作用是美化网页元素。css学习是一块重要的基石，所以一定要吃透它，才能走的更远。字体样式：1.字体大小： font size2.字体粗细： font weight3.字体样式： font style4.字体类型： font family文字样式：显示模式CSS背景CSS的背景背景颜色 background-colorbackground-color：颜色值；透明色：background-color: transpar

原创 HTML基础总结#【博学谷学习记录】超强总结

3：常用标签h标题标签：h1-6,字体大小递减p段落标签：自动适应换行br换行标签：强制换行hr分割线：生成分割线文本格式标签：strong/b标签，倾斜em/i标签，删除线del/s，下划线ins/u;单词所表示的标签比单个字母表示的标签语义化更强，突出强调作用强，作用相同；无语义化标签;div,sapn;img图片标签:a链接标签注释编辑器使用Ctrl+/ 快捷键4：表格5：列表6:表单input标签type：...

原创 Ajax评论列表案例

Ajax运用get请求获取数据，运用post请求上传数据

原创 python基础学习代码