- 博客(69)
- 收藏
- 关注
RSS订阅原创 Vue项目中使用keep-Alive步骤
vue 2.1.0之前，实现方式:1 /router/index.js 配置路由元信息keepAlive: true { path: "user", name: "用户管理", component: User, meta: { requireAuth: true, kee...
2018-07-27 09:00:15
3036
原创 IE11浏览器报错 SCRIPT5009: "Promise"未定义
问题：Vue项目开发环境中在IE11正常运行，打包之后发布上线在IE11中报Promise 未定义1.重要：确保webpack是2.6.1的版本，如果不是在package.json将webpack修改为”webpack”: “2.6.1” I had this issue even with adding babel-polyfill, because of a bug with w...
2018-07-21 11:56:32
12067
原创 HTTP Connection
HTTP请求发送之前，需要先建立TCP连接，只有TCP连接建立，才可以发送HTTP请求。 当HTTP请求发送并响应完成，有两种情况， 操作 Are 关闭TCP连接 当HTTP发送下一个请求的时候，需要在此进行三次握手，建立TCP连接 不关闭TCP连接 长连接，HTTP发送下一个请求的时候可以直接发送，不需要再次建立TCP连接在浏览器中，Conn...
2018-07-06 15:33:12
24148
3
原创 Cookie基础知识
服务器的响应头(Response-Headers)设置Set-Cookie时，发送请求的时候cookie就会写入到浏览器中，浏览器在下次请求就会携带cookie。node设置单个cookie，代码如下：response.writeHead(200, { "Content-Type" : "text/html", "Set-Cookie": ["id=123"]});...
2018-07-05 17:06:07
340
原创 HTTP Cache-Control通用消息头知识点
Cache-Control通用消息头被用于http请求和响应中通过指令来实现缓存机制。缓存指令是单向的，这意味着在请求设置的指令，在响应中不一定包含相同的指令。可缓存性 指令 表明作用 public 表明响应文件可以被任何对象（发送请求的客户端，代理服务器等等）缓存 private 表明相应只能单个用户缓存，代理服务器不能缓存（只有发送请求的客户端缓存...
2018-07-05 12:00:46
692
原创 HTTP协议知识
浏览器中输入URL到完整渲染出来，HTTP过程如下图：HTTP协议的三次握手在客户端和服务端之间发送请求和返回响应的过程，是需要进行TCP connection。TCP(Transmission Control Protocol) 传输控制协议TCP是主机对主机层的传输控制协议，提供可靠的连接服务，采用三次握手确认建立一个连接: 用来规由于网络延迟等问题而造成的不必要...
2018-07-03 11:55:29
231
原创 常用PS切图方法
window系统下： 如图一个PSD文件，需要切图的位置是活动细则（包含背景黄色） 找到对应的图层（如上图，可以看到组10是活动细则这四个字，下方的000是对应的背景色）按住ctrl选中两个图层（如上图）Ctrl + E （合并图层） ==> 生成了组10这个图层 4. 选择组10图层，按住ctrl，并将鼠标移动到下图中，然后鼠标左击。 左击之后（图层周围出...
2018-06-06 14:55:12
527
原创 hint: Updates were rejected because the tip of your current branch is behind （报错信息 ）
在github库中手动添加了readme文件，本地执行命令：git add .git commit -m "login and tasklist"git push origin master // 出现如下的详细报错详细报错信息：To github.com:mangoyi/Vue_Full_Project.git ! [rej...
2018-05-30 09:18:19
2669
原创 mmall前端项目初始化总结
关于前端项目的初始化以及webpack打包处理的操作知识总结。 第一步：创建src源文件夹src 项目源代码存放的位置dist 存放项目打包之后的文件 第二步： 同步远程库，创建.gitignore文件创建.gitignorevim .gitignore :wq(保存并退出)修改.gitignore中的忽略的文件（.DS_Store）git statu...
2018-04-20 11:38:59
1355
1
原创 yarn.lock文件
今天在项目中遇到了一个yarn.lock文件想搞清楚这yarn.lock的文件作用，所以就学习了一下yarn。 Yarn是一个快速可靠安全的依赖管理工具。 主要的三个特点： 极其快速，Yarn会缓存它下载的每个包，所以无需重复下载。它还能并行化操作以最大化资源利用率。特别安全，Yarn会在每个安装包被执行前校验其完整性超级可靠， Yarn使用格式详尽而又简洁的lockfile文件...
2018-04-17 11:50:32
55593
4
原创 防止页面回退
window对象通过history对象提供了对浏览器历史的访问。它暴露了很多有用的方法和属性，允许你在用户浏览历史中向前和向后跳转。在history中跳转 使用back(), forward()和go()方法来完成在用户历史记录中向后和向前的跳转。向后跳转window.history.back()这段代码和用户点击浏览器回退按钮的效果相同。向前跳转window.h...
2018-04-16 10:38:01
991
原创 webpack构建工具基础知识
webpack是项目打包构建工具，基于项目做打包优化。通过一个入口js文件，来一步一步进行打包构建: 另外的两个项目构建工具Gulp和Grunt，Gulp是通过编程的方式进行优化。Grunt是通过配置js文件进行优化。案例：webpack.config.js配置文件中，入口文件app.js最后会输出bundle.js。 图如下： 常见插件html-webpack-plug...
2018-04-13 11:11:46
653
原创 Promise对象
1 Promise的含义 Promise是异步编程的一种解决方案，比传统的解决方法一一回掉函数和事件一一更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了用法，原生提供了Promise对象。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise是一个对象，从它可以获取异步操作的消息，Promis...
2018-04-11 10:00:04
119
原创 ajax跨域请求，服务端session丢失的解决方法
为什么跨域请求的时候session会丢失？关键先认识一下XMLHttpRequest.withCredentials属性。 引用MDN： XMLHttpRequest.withCredentials 属性是一个Boolean类型，它指示了是否该使用类似cookies,authorization headers(头部授权)或者TLS客户端证书这一类资格证书来创建一个跨站点访问控制...
2018-04-03 10:24:11
5302
原创 Reflect
概述 Reflect对象和Proxy对象一样，也是ES6为了操作对象而提供的新的API。Reflect对象设计的目的有： （1）将Object对象的一些明显属于语言内部的方法（比如Object.defineProperty），放到Reflect对象上，现阶段，某些方法同时在Object和Reflect对象上面部署，未来的新方法将只会部署到Reflect对象上，也就是说，从Reflect对象上可...
2018-03-30 09:59:46
128
原创 移动端DPR，物理像素，逻辑像素，PPI，物理尺寸
还是从具体的案例来去认识移动端中的各种定义吧。 以最常见的设计图参考iphone6来举个栗子，详细说。 4.7in 2.3*4.1 in 16：9 375 * 667 dp 750*1334px 2.0 xhdpi (密度) 4.7英寸 2.3(宽度)*4.1(长度) 英寸 高度：宽度 375*667 (points) 750*1...
2018-03-29 14:49:31
3075
原创 Proxy
Proxy Proxy用于修改某些操作的默认行为 ，等同于在语言层面做出修改，所以属于”元编程”，即是对编程语言进行编程。Proxy可以理解成，在目标对象之前架设一层”拦截”，外界对对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。原意是代理，表示由它来”代理”某些操作。 ES6原生提供Proxy构造函数，用来生成Proxy实例。var pr...
2018-03-29 14:41:14
247
原创 Visual Studio 安装VSN插件
1 https://www.visualsvn.com/downloads/ 下载VisualSVN。注意下载相应Visual Studio的版本 2 重新启动Visual Studio，在 工具 => 选项 => 源代码管理 => 插件选择 => Visual SVN 3 在Visual Studio界面中出现如下，安装成功！ ...
2018-03-27 14:40:29
2113
原创 Set和Map数据结构
1 Set ES6提供了新的数据结构Set，它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set本身是一个构造函数，用来生成Set数据结构。const s = new Set();[2,3,5,4,5,2,2].forEach(x => s.add(x));for(let i of s) { console.log(i);}// 2 3 5 4以...
2018-03-26 10:15:49
175
原创 中国第三届CSS开发者大会
第三届CSS开发者大会并没有视频资料，只能去看PPT啦。 Mathias Bynens：Things I Didn’t Know About CSS！important的认知 // html <div class="foo"> Lorem <span class="bar">ipsum</span> ...
2018-03-23 10:33:42
476
2
原创 中国第二届CSS开发者大会
展新：企业CSS应用 支付宝前端发展过程： 很早之前的支付宝的时候只有pa.css, 解决基础样式、重用等功能 => 后来超过了6000行/100k，全局样式太多，重置困难，烂代码积压 => 2011年的时候出现了前端解决方案： CSS样式规范，浏览器解决方案： 例如： 解决1px圆角，解决ie6下的浮动 形成了 Alice V3 写样式有道可寻，可维护性强...
2018-03-22 14:17:05
252
原创 中国首届CSS开发者大会
看了首届CSS开发者大会中各位大牛总结的PPT，还是有一些没有理解，但是先把它记下来，好在之后慢慢的去理解。 hax：贺师俊 百姓网前端工程师 什么是css框架？ (framework)css框架是预先准备好的软件框架，旨在允许使用层叠样式表更加简单，更加符合标准的网页设计。更多的功能框架还带有更多的功能过和附加的基于Javascript的功能，但大多数都是面上设计的...
2018-03-21 11:59:30
391
原创 Symbol
1 概述 ES的对象属性名都是字符串，容易造成属性名的冲突。比如，你使用了他人提供的对象，但又想为这个对象添加新的方法，新方法的名字就有可能与现有方法产生冲突。如果有一种机制，保证每个属性的名字都是独一无二的就好了，这样就可以从根本上防止属性名的冲突。ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。它是JavaScript语言的第七种数据类型，前六种是： undefined、...
2018-03-21 10:04:58
193
原创 ES6对象的扩展
1 属性的简洁表示法ES6允许直接写入变量和函数，作为对象的属性和方法。这种写法更加简洁const foo = 'bar';const baz = {foo};bar // {foo: 'bar'}// 等同于const baz = {foo: foo}function f(x, y) { return {x, y};}// 等同于funct...
2018-03-20 15:45:27
164
原创 姓名，手机号怎么左右对齐text-align
非常常见的需求在页面中，两端对齐文字端对齐。 HTML代码如下： <div class="item"> <i><img src="images/icon-avatar.png" alt="error"></i> <span class="item-name item-name-esp&
2018-03-19 17:39:50
884
原创 ES6数组的扩展
1 扩展运算符 扩展运算符是三个点（…），它好比rest参数的逆运算，将一个数组转为用逗号分隔的参数序列。console.log(...[1, 2, 3])// 1 2 3console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5该运算符主要用于函数调用function add(x, y) { return x + y;}cons...
2018-03-16 11:27:15
138
原创 ES6函数的扩展
1 函数参数的默认值 ES6之前，不能直接为函数的参数指定默认值，方法如下：function log(x, y) { y = y || 'World'; console.log(x, y);}log('Hello') // Hello Worldlog('Hello', 'China') // Hello Chinalog('Hello', '...
2018-03-15 16:07:29
276
原创 ES6数值的扩展
1 二进制和八进制表示法 ES6提供了二进制和八进制数值的新写法，分别用前缀0b（或0B）和0o（或0O）表示0b111110111 === 503 // true0o767 === 503 // true如果将0b和0o前缀的字符串数值转为十进制，要使用Number方法Number('0b111') // 7Number('0o10') /...
2018-03-15 09:26:08
193
原创 ES6正则的扩展
1 RegExp构造函数 在ES5中，RegExp构造函数的参数有两种情况： 第一种情况：参数是字符串，第二个参数表示正则表达式的修饰符(flag)var regex = new RegExp("xyz", "i");// 等价于var regex = /xyz/i; // /xyz/i第二种情况： 参数是一个正则表达式，直接表示正则表达式var regex = n...
2018-03-14 17:17:26
212
原创 ES6字符串的扩展
1 字符的Unicode表示法 javascript允许采用\uxxxx形式表示一个字符。ES6对其作出一点改进，只要将码点放入大括号，就能正确解读该字符"\u{20BB7}" // ��"\u{41}\u{42}\u{43}" // "ABC"2 codePointAt() Javascript内部，字符以UTF-16的格式存储，每个字符固定为2个字...
2018-03-14 15:51:02
556
原创 ES6中变量的解构赋值
数组的解构赋值数组的解构赋值，从数组中提取值，按照对应位置，对变量进行赋值。 本质上是属于“模式匹配”，只要等号两边的模式相同，左边的变量就会赋予对应的值。 let [head, ...tail] = [1, 2, 3, 4];1 解构不成功，变量的值就等于undefined。 let [x, y, ...z] = ['a']; ...
2018-03-13 17:29:04
166
原创 像素px、屏幕分辨率、dpi、dip的理解
像素 1. 像素是指由一个数字序列表示的图像中的一个最小单位，称为像素。 像素的大小是没有固定长度值的，不同设备上1个单位像素色块的大小是不一样的 例如： 尺寸大小相同的两块屏幕，分辨率大小可以是不一样的；分辨率高的屏幕的像素点更多，所以屏幕内可以展示的画面就更精致，单个像素值小。而分辨率低的屏幕像素点较少，单个像素面积更大，所以显示的画面就不那么...
2018-03-13 10:17:12
1849
原创 配置mongodb出现Error parsing INI config file: unrecognised option 'nohttpinterface' 报错
MongoDB的版本是： db version v3.6.2 git version: 489d177dbd0f0420a8ca04d39fd78d0a2c539420 OpenSSL version: OpenSSL 1.0.1u-fips 22 Sep 2016 allocator: tcmalloc modules: n...
2018-02-10 00:28:38
35581
1
原创 关于java常用的内存理解
int[] arr = new int[4]; // 内存图如下理解： 凡是new关键字创建的对象，jvm都会在堆内存中开辟新的空间创建一个新的对象。 所以对于上述的=相当于把数组对象内存地址赋值给arr变量。 int[] arr1 = new int[2]; int[] arr2 = arr1; // 公用一个内存地址,所以下面的操作arr1和arr2指向
2017-11-17 12:17:05
208
原创 java基础一
cpu： 计算机的核心，负责处理运算。 内存： 数据与cpu的交互桥梁 硬盘： 机械硬盘主要是通过磁头来寻址，而固态硬盘读取速度更快常用DOS命令： 命令 作用 f: 进入f盘 dir 目录详情 cd myfile 进入myfile目录下 cd.. 返回上一级目录 cd\ 回退到更目录 md test 创建test文件夹 rd test
2017-11-16 17:22:43
399
原创 PS切图
利用PS从网页设计师提供的psd获取自己所需要的资源网页设计的分辨率一般为72px/英寸，颜色模式为8位。web切图中四大面板： 信息，字符，图层，历史记录。重要流程： 1. ctrl+鼠标左键(缩略图) 2. 选中选区 3. 单击裁剪工具(裁剪选中部分) 4. 裁剪出来 5. 在开始学习图层的时候，按住alt键单机眼睛，隐藏其他图层 6. 导出透明的
2017-11-15 16:19:46
232
原创 web开发中，对url键值对的处理。
在web开发中，经常出现需求。例如 url : http://localhost/test/test.html?id=5&search=sea 转化成: [“id” : 5, “search” : “sea”]实现方法如下： function getArgs() { var args = []; // 存放结果的数组 var qs =
2017-10-17 11:17:44
1036
原创 String类型
基本包装类型：Boolean、Number、String都是基本包装类型，每当读取一个基本类型的时候，后台就会创建一个对应的基本包装类型的对象，从而可以调用方法来操作数据。** 通过new操作符，new出来的类型，一定是个引用类型。 var str = new Object("mangoyi"); // 没实际作用，通常不会这么写 console.log(typeof str);
2017-10-16 21:24:55
282
原创 ES5中的函数都是按值传递的
函数参数的传递方式，一般分为两种：1.按值传递(call by value)：函数的形参是被调用时所传实参的副本。修改形参的值并不会影响实参。 2.按引用传递(call by reference)：函数的形参接收实参的隐式引用，而不再是副本。这意味着函数形参的值如果被修改，实参也会被修改。同时两者指向相同的值。 function box(obj) { // 注意： 这里是
2017-10-16 21:07:36
432
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人