web 前端安全问题
摘要：转载自：https://segmentfault.com/a/1190000006672214?utm_source=weekly&utm_medium=email&utm_campaign=email_weekly#articleHeader14 随着互联网的发达，各种WEB应用也变得越来越复杂，
阅读全文
posted @ 2017-03-22 08:54
03 2017 档案
webpack 打包js和css
摘要：首先进行全局安装webpack npm install -g webpackcmd跳转到项目的文件夹，安装webpack npm install --save-dev webpack接着需要packjson.js文件，全部enter掉就好了，默认值就行了 npm init接着在项目文件夹接着安装，c
阅读全文
posted @ 2017-03-21 12:28
vue 路由
摘要：vue 路由 其实vue的路由非常简单，只要有一点Angular和React基础的，一看就明白了，vue就是结合Angular和React的有点进行改造出来的，里面很多语法都和Angular很类似，建议在学习Vue之前先熟悉一下Angular，这样学习起来会比较轻松，和React，Angular对比
阅读全文
posted @ 2017-03-16 20:20
用 node.js 创建第一个Hello World
摘要：如果我们使用PHP来编写后端的代码时，需要Apache（xampp） 或者 Nginx 的HTTP 服务器，并配上 mod_php5 模块和php-cgi。从这个角度看，整个"接收 HTTP 请求并提供 Web 页面"的需求根本不需 要 PHP 来处理。 1.引入 required 模块：我们可以使
阅读全文
posted @ 2017-03-12 22:10
js原生Ajax 的封装和原理
摘要：原理及概念 AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是一种用于创建快速动态网页的技术。 动态网页：是指可以通过服务器语言结合数据库随时修改数据的网页。 静态网页，随着html代码的生成，页面的内容和显示效果就基本上不会发生变化
阅读全文
posted @ 2017-03-11 10:14
BFC原理
摘要：一、BFC是什么？ 在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。 Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Box 的
阅读全文
posted @ 2017-03-09 00:42
怎么理解js的面向对象编程
摘要：面向对象的语言有一个标志，即拥有类的概念，抽象实例对象的公共属性与方法，基于类可以创建任意多个实例对象，一般具有封装、继承、多态的特性！但JS中对象与纯面向对象语言中的对象是不同的，ECMA标准定义JS中对象：无序属性的集合，其属性可以包含基本值、对象或者函数。可以简单理解为JS的对象是一组无序的值
阅读全文
posted @ 2017-03-08 08:49
HTML移动端开发常见的兼容性总结
摘要：1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了48032
阅读全文
posted @ 2017-03-08 00:09
移动H5开发入门知识，CSS的单位汇总与用法
摘要：说到css的单位，大家应该首先想到的是px,也就是像素，我们在网页布局中一般都是用px，但是近年来自适应网页布局越来越多，em和百分比也经常用到了。然后随着手机的流行，web app和hybrid app的开发，都用到了css3技术，在css3中，新增了许多单位，rem、vw和vh、vmin和vma
阅读全文
posted @ 2017-03-07 00:04
js 中的闭包
摘要：一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 Js代码 另一方面，在函数外部自然无法读取函数内的局部变量。 Js代码 这里有一个地方需要注意，
阅读全文
posted @ 2017-03-05 21:04
Canvas画椭圆的方法
摘要：虽然标题是画椭圆，但是我们先来说说Canvas中的圆 相信大家对于Canvas画圆都不陌生 如上所示，直接调用API就可以了，但是计算机内部却是使用光栅学，利用bresenham算法画圆的，这个我们放到最后来说，先说说利用圆的参数方程画圆. r和2*Math.PI配合就是圆的精细程度，在半径为100
阅读全文
posted @ 2017-03-04 21:10
js 封装原生ajax
摘要：jquery框架的ajax方法固然好用，但是假如某天我们的项目不能引入jquery或项目需求很简单，没有很多交互功能，只需要ajax，这时引入jquery库会造成资源浪费，也会显得页面臃肿。这时我们就需要用原生JS写一个ajax函数了。其实所有框架的ajax函数都是基于原生来写的，只不过被封装到了他
阅读全文
posted @ 2017-03-04 10:34
ES6新特性
摘要：ES6新特性概览本文基于lukehoban/es6features ，同时参考了大量博客资料，具体见文末引用。 ES6（ECMAScript 6）是即将到来的新版本JavaScript语言的标准，代号harmony(和谐之意，显然没有跟上我国的步伐，我们已经进入中国梦版本了)。上一次标准的制订还是2
阅读全文
posted @ 2017-03-03 09:08
CSS Sprites (css精灵)
摘要：CSS Sprites CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载
阅读全文
posted @ 2017-03-02 08:25
标准盒子模型和IE盒子模型
摘要：盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型： 从上图可以看到标准 W3C 盒子模型的范围包括 margin、border、padding、conten
阅读全文
posted @ 2017-03-02 00:36
