模仿现在比较火的，淘宝返利公众号的功能，包含订单页面，已付、待反利、已反、已失效，提现页面，提现记录以及登录页。其中部分页面&使用方式参照react-pxq项目,star 数量 6359 很有参考意义

我们希望服务器返回特定类型的数据，以测试某页面在特定条件下是否存在问题，但作为前端我们一般不会接触到后端代码和数据库，每次都找后端添加模拟数据又很麻烦。

《高性能网站建设指南》 《高性能网站建设进阶指南》 前端工程化 web 应用复杂度的增加，特别是单页面应用的风靡。组件化，工程化，自动化成了前端发展的趋势。或者说一线的互联网公司就是这么做的。 每个前端团队都在打造自己的前端开发体系，这通常是一个东拼西凑，逐渐磨合的过程，在技术发展日新月异的今天，这样的...

（一）私有组件库搭建 汇总既有项目中的通用组件 项目地址 私有组件实例 单条折线图 {代码...} 多条折线图 大屏雷达图 {代码...} 平滑折线图 {代码...} 地图 {代码...} 柱状图 {代码...} 在项目中安装方式 {代码...} 在项目中使用方式 {代码...} 直接使用组件 {代码...} 为什么搭建私有组件库 可复用 跨项目可以使用同一...

通常新建 vue 项目都使用 vue-cli 脚手架，其实对于 webpack 的配置是一知半解，当需要升级 webpack 或者优化项目配置时，就显得很无力。通过手动搭建 webpack 可以对 webpack 有更深入的了解，当我们使用其他模块管理器时（eg：rollup，gulp），也不会那么生疏。

项目搭建 项目效果地址 项目搭建参考 从零开始搭建 Vue 组件库 VV-UI 项目地址 记录模仿 VV-UI 组件库造轮子中遇到的问题，以及解决方案 新建项目 对于脚手架环境的问题，目前已经有非常成熟的 vue 官方的脚手架，我们拿来用就好了 {代码...} 项目可以正常启动，在此基础上进行改造 更改目录 {代码...} 原 src 目录，改...

手机机设备屏幕尺寸不一，做移动端的 Web 页面，需要考虑在安卓/IOS 的各种尺寸设备上的兼容，这里总结的是针对移动端设备的页面，设计与前端实现怎样做能更好地适配不同屏幕宽度的移动设备。

SASS 官网（中文） SASS 官网（英文） <br/> <img src="[链接]; height="180"/> SASS 是什么 Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. Sass 是成熟、稳定、强大的 CSS 扩展语言。 SASS 的特点 兼容 CSS 语法、功能丰富、成熟 <!-- markd...

AJAX 不是 JavaScript 的规范，它只是一个哥们“发明”的缩写：Asynchronous JavaScript and XML，意思就是用 JavaScript 执行异步网络请求。

JS 中的== 与 === == == 代表相同 先判断两个操作数的数据类型 相同 进行 === 比较 不相同 类型转换 转换成相同类型进行比较 === === 代表严格相同 判断类型是否相同，如果不相同直接返回 false {代码...} true 在转化为字符串时被转化为'1' false在转化为字符串时被转化为'0'

基本类型（栈 stack）： Number String Boolean Null Undefined 和 Symbol（es6 新增）引用类型（堆 heap）：Object Array Function Data

Node.js 《Node.js 官网（中文）》 Node.js 《Node.js 官网（英文）》 <br/><br/> Node.js 是什么 Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient. Node.js' package ecosystem...

nodeJS 中模块化使用的就是CommonJS的规范，实质就是整体加载fs模块，生成fs_对象，在对象上读取属性和方法，这种加载方式是“运行时加载”

在vue文件中的style标签上，有一个特殊的属性：scoped。当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前的组件，也就是说，该样式只能适用于当前组件元素。通过该属性，可以使得组件之间的样式不互相污染。如果一个项目中的所有style标签全部加上了scoped，相当于实现了样式的模块化。

react-demo 两个目标： 手动搭建react脚手架：react、bable、webpack、react-router-dom、webpack-dev-server 理解webpack从无到有打包原理 手动搭建react脚手架项目地址 有坑的地方会特别说明，因为好多文章都没有给出babel和webpack-dev-server的版本，所以在搭建过程中遇到比较多的问题。 1.react react react-dom 2....

通过前端解决的思想就是，通过设置中间件把跨域的请求转发一下，其实就是反向代理，比如 [链接]:8099 想要访问豆瓣的接口[链接]，但是如果请求的是[链接]:8099/api/v?a=1 就不存在跨域

通过前端解决的思想就是，通过设置中间件把跨域的请求转发一下，其实就是反向代理，比如 [链接]:8099 想要访问豆瓣的接口 [链接]会有跨域问题，但是如果请求的是[链接]:8099/api/v?a=1 就不存在跨域

两个三角形一样大，位置错开1~2px，第一个红色 第二个白色，第二个覆盖第一个三角形画法，不多说，利用border 和 transparent

项目运行环境：eclipse [链接]（服务器） [链接]

ES6 常用的那80% 编译工具 babel traceur 编译工具 bootstrap 引导程序 定义变量 let定义变量 let具备块级作用域 不允许重复声明 {代码...} var 具备函数作用域 用处(i问题):let拥有 块级作用域 = 匿名函数自执行 const定义变量 定义常量 赋值之后不能被修改 //const必须给初始值 不能被重复定义 用途:防止变量被意外修...

js中的this call apply bind {代码...} 原型 {代码...}

面试面筋补充 偶尔又能想起几道面试题，在这里补充一下 1.css的flex 按照正常布局步骤，理解flex 对于整理布局 display：flex 设置水平还是垂直 flex-drection：row|column|row-reverse|column-reverse 是否换行 flex-wrap:nowrap|wrap|wrap-reverse flex-flow 是flex-drection和flex-wrap：row nowrap 主轴对齐方式：ju...

Web上可用的每种资源如HTML文档、图像、视频片段、程序等都是一个来URI来定位的URI一般由三部组成①访问资源的命名机制②存放资源的主机名③资源自身的名称，由路径表示，着重强调于资源。

虽然平时用ipad，但是换Mac OSX系统之后，如果用于娱乐可能不会觉得不适应，但是用于前端开发，觉得需要适应的还很多，安装git、nvm、php等工具就费了老多时间，把遇到的坑和一些好的工具分享给大家。

CI框架学习篇(1) 关于CI 特点：轻量(2.2M)、快速(用到哪些进行手动的加载)、功能强大 基于MVC模型 能够生成干净的URL，便于SEO优化 扩展性强 不需要模板引擎(写原生速度更快、不需要重新编译模板) MVC框架 模型：提供增、删、改查数据库这些功能视图：负责给用户展示页面功能控制器：连接视图和模型，是模型和视图以及其...

TCP/IP链接建立，浏览器会通过该链接向远程服务器发送HTTP的GET请求。远程服务器找到资源并使用HTTP响应返回该资源，值为200的HTTP状态码表示一个正确的响应。

前端常做的事就是和后台调接口，总会有人告诉你，转成JSON格式。。。可是有时候本来就是JSON了，为什么还要转JSON。不知道我对JSON的理解对不对，不对的可以指正。

面试闯关1 在面试过程中，总会被问到一些你用到过、但是记不清一些零碎的知识，现在做一下总结。 第一部分：HTML+CSS 1.常用那几种浏览器测试？有哪些内核(Layout Engine)? 主要内核：Trident，Gecko，Presto，Webkit。 IE（Trident）、Firefox（Gecko）、Opera（Presto）、Chrome（Webkit） 2.box-sizing常用的属性有哪...

最近忙于写基于element框架的项目，对于vue也是直接上手，使用过程中跌跌撞撞，但是总归有收获。记录下自己学习心得。坚持写博客~加油，时间长不更新博客，都怕自己不会了~~

相信应该有童鞋和我一样，不知道怎么把代码和运行结果放到提问区域，遇到问题又难以描述，各路大神也不愿意回答。 接下来就告诉大家怎么贴代码，和运行结果，让你的问题更容易被大家理解，得到高效的回复 1 写在线demo 在线编辑的前端工具的网站， JSFiddle（看着大家都用这个，但是不知道为什么我注册不了，提示我什么...