- 博客(57)
- 收藏
- 关注
RSS订阅原创 react redux 学习记录
一、准备资料 react官方文档 https://reactjs.org/ 安装new app步骤 https://doc.react-china.org/docs/add-react-to-a-new-app.html//安装create-react-appnpm install -g create-react-app//创建项目create-react-app my-app...
2018-04-17 20:08:20
237
1
原创 JavaScript字符串最多重复的字符及次数
//方法一: 循环遍历下，记录字母个数。var str = "www.baidu.com";function findMaxLetter(str){ var obj = {}; for(var i=0;i<str.length;i++){ var key = str[i]; if(obj[key]){ obj[k...
2018-03-20 09:55:26
603
原创 MAC新机安装记录
一、资源地址 安装软件：http://xclient.info二、web编程类工具 webstorm sublime beyond compare sourceTree Sketch Alfred 3 x nvm npm nodes
2018-03-16 18:40:39
420
原创 怎么判断一个数组
var obj = [];//1.看一个对象是否在另一个对象的原型链上Array.prototype.isPrototypeOf(obj)//2.一个对象在其原型链上是否存在一个构造函数的 prototype 属性。obj instanceof Array//3.用来确定传入的值是不是一个ArrayArray.isArray(obj) //4.可以使用Function.call()...
2018-03-06 23:46:07
1053
原创 JS快排
一、快排原理 （1）在数据集之中，选择一个元素作为”基准”（pivot）。 （2）所有小于”基准”的元素，都移到”基准”的左边；所有大于”基准”的元素，都移到”基准”的右边。 （3）对”基准”左边和右边的两个子集，不断重复第一步和第二步，直到所有子集只剩下一个元素为止。二、前端代码var quickSort = function(arr){ if(arr.length &...
2018-03-05 17:16:35
581
原创 express中app.use
一、app.use() 在express中是怎么工作的 app.use在express中被看成是消息中间件 middleware 。Use the given middleware function, with optional mount path, defaulting to “/”。引入一个所谓的中间件，其实就是用来再实际请求发生之前hack req和res对象来实现一些功能，...
2018-03-05 16:47:14
668
原创 nodejs负载均衡
一、怎么做负载均衡 单个节点、进程间的负载均衡可以通过cluster、pm2实现。 二、nginx怎么做负载均衡 nginx有一个master和worker进程，master负责监听进程端口 accept connection,并把accept的socket发给worker进程，worker进程接受并处理数据。linux nginx使用socketpair进行通信，sendmsg、...
2018-03-04 23:56:04
1801
原创 3次握手4次挥手
一、三次握手syn(client)---syn+ack(server)---ack(client)二、四次挥手fin(client)-ack(server)-fin(server)-ack(client)三、问题 1. 为什么握手3次就可以了，挥手要4次 Server端收到Client端的SYN连接请求报文后，可以直接发送SYN+ACK报文。其中ACK报...
2018-03-03 00:19:01
172
原创 栅格化布局的简单示例
<!DOCTYPE html><html><head> <title>栅格布局</title> <meta charset="utf-8"> <style> .container { padding: 10px; } .row
2018-02-28 23:35:52
3797
原创 圣杯、双飞翼、flex简单示例
<html><head> <title>圣杯布局</title> <style> .header{ min-height: 50px; border: 1px solid red; text-align: center; } .footer{ ...
2018-02-27 20:29:48
167
原创 日常坑记录
一、js 1.【android不能自动播放视频】调整交互，促使用户点击按钮后进行播放操作。 2. video标签加入controls属性，播放器会显示出默认的控制条，调整css进行提示默认隐藏video::-webkit-media-controls-panel{ display:none !important;}二、css 1. 【inline-block元素间间距】 ...
2018-02-26 20:03:37
124
原创 你不知道的javascript读书记录
一、作用域是是什么 1. 编译原理：a 分词/词法分析 b 解析/语法分析 c代码生成 2.理解作用域： 引擎(负责js程序编译及执行过程) 编译器（语法分析和代码生成） 作用域（负责收集并维护所有声明的标识符，确定当前执行代码对这些标识符的访问权限） 变量的赋值操作会执行2个动作，编译器在当前作用域中声明一个变量，运行时引擎会在作用域中查找该变量，如果找到就赋值。 ...
2018-02-11 20:54:06
127
原创 计算一个数字二进制1的个数
一、 一个数字中二进制的个数function countBits(num){ var count = 0; while(num != 0){ num = num & (num-1); console.log("num --->",) count ++; } return num;}...
2018-02-11 00:44:34
175
原创 javascript的数字运算
一、浮点型数字的精度问题：JS中的数据类型即Number，这种类型使用IEEE754格式来表示整数和浮点数值，用 IEEE 754(二进制浮点数算术标准) 标准的64 位双精度浮点数数做运算的时候经常有一些问题。组成：1位符号位， s 表示 ，0表示正数，1表示负数；11位– 储存指数部分 e 表示 ；52位–储存小数部分（即有效数字）f 表示。原因：浮点数用二进制表达时是无穷的，因浮点...
2018-02-09 19:24:51
2243
原创 JS时间Date相关操作
一、 获取当天0点时间1.获取年月日拼接字符串 var date = new Date();var dateStr = [date.getFullYear(),date.getMonth()+1,date.getDay()].join("/");new Date(dateStr).getTime();2.Date.prototype.setHours(hoursValue,mi...
2018-02-08 16:54:07
1170
原创 encodeURIComponent和encodeURI 异同
一、URI组成保留字符 ; , / ? : @ & = + $非转义字符 1⃣️ 52字母 2⃣️ 10进制数字 3⃣️ uri标记符 - _ . ! ~ * ' ( )数字字符 #其他字符 二、encodeURIComponetencodeURIComponent: 对统一资源标识符(URI)组成部分进行编码，它使用一到四个转义序列表示字符串中每个字符的utf8编码。
2018-02-07 21:52:19
298
原创 data-* 数据属性
一、概念 data-*属性允许我们在标准内于HTML元素中存储额外的信息。 所有在元素上以data-开头的属性都为数据属性。 二、javascript访问 1. getAttribute(） 2. dataset对象获取数属性，属性名后的data-后面的部分（破折号连接的名称需要转换为用驼峰式命名）article id="test" data-columns="3" data-i
2018-02-07 20:12:46
717
1
原创 日常工作GIT命令记录
一、新建代码库git init #在当前目录新建一个git仓库git clone url #下载一个历史和整个代码二、在一个master分支下工作git pull #拉取代码git status #查看本地仓库修改状态git add . #暂存文件git commit #提交文件git pull #拉取最新代码git push #提交代码git log
2018-02-06 17:01:17
181
原创 今天水一下工作随想
你越老别人越不会原谅你的穷挫，在互联网做技术要保持一颗学习的心，工作大家用的的无非就是那几个框架，最快的产出下结果。你学习是为了迎接变革和机会，有些机会不学不准备用不上就没了。当你在一个大平台的时候，占着一个坑，做好萝卜的事情很安全，能和领导业务沟通能有更实际的产出也会给你更多的效益，把螺丝的事情做好。但是除了做螺丝还有别的能力么，小心点，平台不在了变差了螺丝就变的无关紧要了，转变随时做其他的。
2018-02-05 23:45:06
192
原创 javascript 里面的 this
一、全局上下文：this指的是全局对象。 console.log(this === window);//true二、函数上下文：在函数内部，this值取决于函数被调用的方式。1.简单调用非严格模式下，this的值不是通过调用设置的, this默认是全局对象function fn(){return this;} fn() == window;严格模式 undefine
2018-02-04 22:42:24
137
原创 meta标签
一、概念 1. meta描述网页文档属性的标签。一般提供字符文档集、作者、日期、网页描述、关键词、页面刷新、网页等级等设定。 2. 分为2大类：HTTP-EQUIV和NAME变量 HTTP-EQUIV: 把content属性关联到http头部 NAME：把content属性关联到一个名称二、使用场景指定文档编码集为简体中文meta http-equiv="Content-Ty
2018-02-03 19:31:30
136
原创 移动端适配viewport
一、移动端适配基本概念 viewport 即视口 visual viewport 透过屏幕的可视区域 window.innerWidth layout viewport 渲染页面的虚拟窗口document.documentElement.clientWidth document.documentElement.clientHeight二、viewport适配
2018-02-03 17:47:31
2025
原创 ES6学习笔记
var、let和const 有什么区别 ？ var 作用域为该语句所在的函数内，存在变量提升。 let 块级作用域，该语句所在的代码块内，不存在变量提升，暂时性死区，相同作用域不允许重复声明。 const 使用声明的常量（栈内存在的值和地址），值类型的不可以改，引用类型的可变，引用不可变要用Object.freeze() 【基本类型】 Boolen, Number, String
2018-02-01 11:44:20
116
原创 Throttle 小例子
function testFn() { console.log(1111); }var throttle = function (fn, delay,atleast) { var timer = null; var pretime = null; return function () { var now = Date.now() if(!p
2018-01-31 23:56:14
158
原创 JS正则寻找英文单词
function FindWord(article){ return article.match(/\b\w+\b/g);}FindWord('If I knew it would be the last time Id see you fall asleep,I would tuck you in more tightly and If I knew it would be th
2018-01-30 23:15:19
4727
原创 怎么判断一个url是qq.com
首先你想到的是什么呢？ loacation.host.indexOf(‘qq.com’)>-1, 有一个问题我们现在是判断一个字符串是否是url, 跟location没什么关系哈，哪怕有关系这个真的对吗。正常的正则是匹配 /^(http:|https:)\/\/([\w-]+.)+qq.com\//.test(url) 看起来是不错哦。你访问http://wq.qq.com@w.url.
2018-01-29 22:48:38
1075
原创 Web安全
【隐式认证】现在的Web应用程序几乎都是使用Cookie来识别用户身份以及保存会话状态。浏览器在最初加入Cookie功能时并没有考虑安全因素。假设一个网站使用了Cookie，当一个用户完成身份验证之后．浏览器得到一个标识用户身份的Cookie，只要不退出或关闭浏览器。以后访问相同网站下的页面的时候，对每一个请求浏览器都会“智能”地主动附带上该网站的Cookie来标识自己，用户不需要重新认证就可以被
2018-01-28 21:17:20
348
原创 flex布局
html>head> meta charset="UTF-8"> title>flextitle> style> .flexbox{ display: flex; height: 100px; } .box1{ width:100px; display: inline-block;
2018-01-27 22:13:47
94
原创 前端观察者模式 observer
var Observer = function(){ this.callbacks=[];};Observer.prototype.subscribe = function(mes,callback,observer) { this.callbacks[mes] = this.callbacks[mes]||[] this.callbacks[mes].push({
2018-01-26 22:38:22
1124
原创 setMask的实现
// 给任意dom设置一个蒙层，并使蒙层区域不可点击function showmask(dom) { var domRect = dom.getBoundingClientRect(), domTop = domRect.top + window.pageYOffset, domLeft = domRect.left + window.pageXOffse
2018-01-25 22:27:57
1708
原创 Javascript 原型继承小例子
//1.实现一个Person类，公有成员name，私有成员age,有公有方法setAgefunction Person() { var age = "this is a private property age" //私有成员 age this.name = "sophia"; //公有成员 name this.setAge = function() { //公有方法se
2018-01-24 21:42:56
144
原创 JS大数运算
/** * 大数与或操作 */global.andorOpera = function (a, b, type) { //type = 1是与运算，type = 2 是或运算，默认是与运算 a = a + ""; b = b + ""; var aStr = toBin(a); var bStr = toBi
2018-01-23 22:52:18
5572
原创 平台监控记录
一、开发环境基础知识1.Nodejs:2.MongoDB:3.Mysql:4.Highchart5.Bootstrap: 6.素材图标7.重要css二、MongoDB的安装启动常用命令1.安装 D盘新建D:\Mongodb\data文件夹(Mongodb数据库安装在D:\Mongodb\data,它将会成为数据存放的根目录。如果要Mongodb安装在D:\Mongodb则拷贝安
2016-12-09 16:20:39
331
原创 平台立体监控nodejs+mongodb
一、素材网站阿里图标库：http://www.iconfont.cn/collections/icomoon： https://icomoon.io/app/#/select二、比较重要的几个css属性的使用flexoverflow
2016-11-21 12:14:01
719
原创 移动端调试
一、 fiddler设置抓包1. 获取本机ip地址: win+R ---->cmd---->ipconfig 2. 设置fiddler允许远程连接||端口号： 安装fiddler --->fidder导航栏tools---->Fiddler Options---->connections--->勾选allow romote computer to connect允许远程连接
2016-11-19 12:25:02
303
原创 常见跨域解决方案
一、 浏览器同源策略 浏览器同源策略：https://developer.mozilla.org/zh-CN/docs/Web/Security/Same-origin_policy 1. 同源：2个页面具有相同的协议(protocol)、端口（如指定）、主机名 （ie未将端口放入） 2. 变更源：脚本可以设置document.domain 的值为当前域的一个后缀（使用document.
2016-11-19 11:28:53
256
原创 前端异常处理
一、前端常见的异常处理 1. 编码错误：window.onerror --处理上报异常 2. 可能出现的编码错误：try catch--处理上报异常 3. badjs（客户端错误） errorjs（服务器端 404 找不到） servererror (服务器) 4. 后台接口异常： 降级容灾处理
2016-11-17 14:35:40
1490
原创 常用js函数
//数组去重 function arrayUniq(array) { return Array.prototype.filter.call(array, function(item, idx){ return item && array.indexOf(item) == idx; });}function arrayUniq(arr){ var returnArr=[];
2016-11-08 18:05:49
406
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人