当你在设计网页的时候 是否会很烦躁面对枯燥的代码修改之后无法实时看见修改的效果, 或者是效果并不是自己预想中的那样.明明预想中它是应该那么的简洁好看,但是一预览就是位置错误,或者样式错误.这让我很是不爽,毕竟对于我这种不是专业的设计师来说,写个网页的难度不亚于写个整个后端.(话说我为啥要写前端呀!混蛋. 小组里别人写的更差呗)但总之解决方案早就有了, 在线的可拖拽设计有很多, 但是苦于网络环境或者是实用性. 我最推荐的还是:

router0-1 安装和基本配置 router0-2 传参及获取传参

~<!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

1). 一位华裔前Google工程师(尤雨溪)开发的前端js库2). 作用: 动态构建用户界面

淘宝镜像安装$ npm install cnpm -g --registry = https：//registry.npm.taobao.org//npm有的它都有加速安装，只要在原有命令加上c就可以了

var vm = new Vue({//content})

最近手头上做了一个很大的后台管理项目，前端对复杂数据的处理要求颇高，也确实让自己发现了很多之前被忽视的细节。在此特整理出来，希望不熟悉的朋友们们以后可以绕开我踩的这些坑。本文初衷在于帮助大家梳理一些数组操作上的重点和易错点，希望也能帮助和提醒大家，我会尽可能写的幽默些，加深大家的记忆。水平有限，真心无限。希望大家喜欢，请不要吝啬你们的赞，谢谢说起数组操作，我们肯定第一反应就是想到forEach()、map()、filter()等方法，下面分别阐述一下各方法的优劣。

使用条件：

平时好文章 搜集<!-- more -->

五月份 工作中遇到问题汇总<!-- more -->

业务中碰到微信小程序需要生成海报进行朋友圈分享，这个是非常常见的功能，没想到实际操作的时候花了整整一天一夜才搞好，微信的 canvas 绘图实在是太难用了，官方快点优化一下吧。<!--more--> 业务非常简单，只需要将用到的图片，文案素材拼装到一张图片，保存到本地就可以了。

AMD_-CMD<!--more--> 解决命名冲突

BOM<!--more--> Browser Object Model

CSS-3-Flex布局<!--more--> flex布局可以实现空间自动分配自动对齐，适用于简单的线性布局。

CSS-垂直居中的几种实现思路方法<!--more-->

CSS3-文本_边框_背景--渐变_动画_3D<!--more--> css3渐变生成工具

CSS基础<!--more--> CSS的全称是Cascading Style Sheets，层叠样式表。

CSS居中<!--more--> <style type="text/css">

CSS布局<!--more--> 简单但是窗口宽度小的时候会出现滚动条

CSS常见样式<!--more--> div h1 h2h h3 h4 h5 h6 p hr

CSS常见样式<!--more--> 作用在块级元素上面，可以使得块级元素的子元素水平居中显示。

CSS浮动和负margin的对比，圣杯布局，双飞翼布局<!--more--> 对于相邻的两个浮动元素，如果因为空间不够导致第二个浮动元素下移，可以通过给第二个浮动元素设置margin-left: 负值；来让第二个元素上移，其中这个负值>=元素上移后和第一个元素重合的临界值。

CSS浮动定位和BFC边距合并<!--more--> 浮动模型是一种可视化格式模型，浮动的框可以左右移动（根据float的值而定），直到它的外边缘碰到包含框或者另一个福鼎元素的框的边缘。浮动元素不在文档的普通流当中，文档的普通流中的元素表现的就像浮动元素不存在一样。

CSS选择器<!--more--> id选择器，匹配特定id的元素。

DOM操作<!--more--> DOM是HTML和XML文档的编程接口。将web页面和脚本或编程语言连接起来了。

DOM操作的一些常见问题<!--more--> innerText是一个可写属性，返回元素内包含的文本内容，在多层次的时候会按照元素由浅到深的顺序拼接其内容

ES6-一些重要概念<!--more--> 方应航：我用了两个月的时间才理解 let

Form表单<!--more--> 首先要注意所有的表单都必须要放到<form></form>中，否则提交是无效的。

HTML5是超文本标记语言的第五次重大修改。<!--more--> 详说 Cookie, LocalStorage 与 SessionStorage

HTML5-CSS3相关问题。<!--more--> HTML5是超文本标记语言的第五次重大修改，2014年10月29日标准规范制定完成。

Http协议（HyperText Transfer Protocol）是互联网上应用最为广泛的一种网络协议，所有的www文件都必须遵守这个标准。提供了一种发布和接收HTML页面的方法。<!--more-->

ICON的几种实现方式<!--more--> 需求：一个页面上有很多小图标

JS-Math,Array,Date的使用举例<!--more--> function random(min,max) {

JS对象，原型<!--more--> 箭头函数的this

JS-this_原型链_继承-相关问题<!--more--> fn.call(context,param1,param2...);

JS-闭包_定时器_BOM常见问题<!--more--> var fnArr = [];

JSONP--跨域<!--more--> 1.编辑hosts

JS中的Math对象,数组，和Date对象<!--more--> Math对象是JS内置对象，提供了一些静态的数学属性和数学方法，使用时不用实例化。

JS作用域链<!--more--> 给出两个不同的例子：

JS函数与作用域<!--more--> 在JS中（非ES6），只有函数作用域，没有块作用域。

JS原型链<!--more--> JS原型链

JS变量提升，浏览器渲染原理<!--more--> 定义变量，函数，属性的时候的标识符，是区分大小写的。

JS定时器-setTimeout-异步<!--more--> 异步 参考文章

JS对象，原型-相关问题<!--more--> OOP

JS对象，原型<!--more--> 是一种思维方式

JS常见设计模式<!--more--> // 构造函数

JS引用类型，对象拷贝<!--more--> 引用类型变量保存的仅仅是一个指针，指针指向堆内存中保存对象的位置。

JS数据类型，运算符，流程控制语句<!--more--> JS语言中定义了6种数据类型：

继承是指一个对象直接使用另一对象的属性和方法。<!--more--> 继承是指一个对象直接使用另一对象的属性和方法。

JS闭包<!--more-->