Runtu
> 引用出处： > [浅谈跨域以及WebService对跨域的支持](http://www.cnblogs.com/yangecnu/p/introduce-cross-domain.html) > [浅谈WEB跨域的实现（前端向）](http://www.cnblogs.com/vajoy/p/4295825.html) ## 写在前面 跨域问题是 javascript 在同源策略下产生的，javascript 只能访问和操作自己所在域的资源（相同协议、主机名、端口号）。 在以前，前端代码和后端代码混杂在一起，javascript 直接调用系统里面统一的 Httphandler 这样是不存在跨域问题的。但随着现在技术的发展，多客户端、前后端分离等开发环境使得 javascript 使用到跨域获取数据的情况越来越多，所以，下面来说说 javascript 跨域要怎么实现。 需要说明的是，同源策略是 javascript 里面的限制，其他语言如 c#、java 是可以调用其他 webserver 的。 传统的跨域解决方案是 JSONP(JSON with...
> 本文是关于选择什么工具搭建自动编译less文件为指定格式的样式文件到指定目录，和Less生产环境的一些使用技巧。 ## 需求 今天开发小程序的时候遇到一种违反 DRY 原则的情况（Don’t Repeat Yourself）。那就是我想使用基础类来构建我的样式文件，但是小程序的开发框架不支持直接使用 less，然后小程序每个页面的样式文件是和 wxml 文件绑定在同一目录的，我要每个页面分别先写 less 再去编译的话略为繁琐，且不好管理；我也可以选择将所有样式写在根样式文件中去，但是这样也不好。 所以我需要的结果是能够在工作目录中编写 less 文件，然后将不同源文件的 less 文件自动编译到指定的目录和文件名（xxx.wxss），然后还要做到能够基础类样式复用。 *** ## 过程 解决问题花了一个下午的时间，我在 Less 中文手册中发现了四个 GUI 编译工具，其中： - `koala` 的缺点是不能够自定义输出文件的后缀名，但可以自定输出目录并自动监听文件更改。...
> 记录下我以后博客的书写格式，以免忘记以及慢慢完善。 > 部分内容参考自[阮一峰-中文技术文档的写作规范](https://github.com/ruanyf/document-style-guide) ## 段落 ### 层次 文章最多只能有两级目录，第一级是 `##` 大小的，第二级是 `###` 大小的。 若二级目录下还有分节需要，尽量使用项目列表 ### 格式 一级段落之间使用分割线进行区分 `***` *** ## 文本 全角中文和半角英文之前，应有一个半格空格分隔。 > 错误：本文介绍Window系统。 > 正确：本文介绍 Window 系统。 全角中文字符与半角阿拉伯数字之间，有没有半角空格都可，但必须保证风格统一，不能两种风格混杂。 >...
> 文章来源: > [es6环境搭建](http://es6.ruanyifeng.com/#docs/intro) > [Webpack傻瓜指南（三）和React配合开发](https://zhuanlan.zhihu.com/p/20522487?columnSlug=FrontendMagazine) ## 本文目的 使用webpack对项目工程进行打包监听，实现文件模块化打包、项目文件变动自动更新页面，生成本地服务器进行页面显示和调试。 进阶部分补充如何将Webpack自动更新页面和后台数据处理Express结合进行全栈开发。 --- ## 配置流程 ### 生成项目目录 项目目录结构如下： ``` ┍client(项目源文件目录) ┃ ┝actions（action文件目录） ┃ ┝components（UI组件文件目录） ┃ ┝containers（容器组件文件目录） ┃ ┝utils（公用资源模块目录） ┃ ┝reducers（reducer文件目录） ┃ ┕index.jsx（项目入口）...
> 本文来源：[Flux 架构入门教程](http://www.ruanyifeng.com/blog/2016/01/flux.html) ## 写在前面 前端技术最近很热门的React，由于它只负责UI层，如果搭建大型应用的话，需要配合使用前端框架，也就是必须学习使用两套东西：React + 前端框架。 Facebook官方使用的Flux框架，如何在使用React的基础上，使用Flux架构组织和安排代码是我们要掌握的。 React的基础教程：[《React入门教程》](http://www.ruanyifeng.com/blog/2015/03/react.html) --- ## Flux是什么 Flux是一种软件架构思想，专门解决软件的结构问题，它和MVC、MVVM架构是同一类东西，优点是更加[简单和清晰](https://www.infoq.com/news/2014/05/facebook-mvc-flux)，Flux架构有很多种实现，这里介绍Facebook官方实现。 --- ## 基本概念 先了解一下Flux的基本概念，Flux把一个程序分为四个部分。 - Action：动作，视图层发出的消息，如点击。 - Dispatcher：派发器，用来接收Actions，执行回调函数。 - Store：数据层，用来存放应用的状态，一旦发生变动，就提醒View要更新页面。 - View：视图层  Flux架构的最大特点是数据的单项流动。 1....
## 介绍 ### 浏览器的主要功能 浏览器的主要功能是将用户选择的网络资源（HTML、图像、视频等）呈现出来，用户通过输入URI（Uniform Resource Identifier）来指定网络资源的位置，浏览器将其显示在浏览器窗口中。 ### 浏览器的主要组件 浏览器的主要组件包括： 1.用户界面 - 包括地址栏、后退/前进按钮、书签栏等，在多年的浏览器竞争中，浏览器的用户界面组成趋于稳定和统一，也有可以自行定制用户界面的方式。 2.浏览器引擎 - 用来查询及操作渲染引擎的接口。 3.渲染引擎 - 用来显示请求的内容。例如，如果请求内容为HTML，渲染引擎负责解析HTML及CSS，并将解析后的结果显示在浏览器窗口。 4.网络 - 用来完成网络调用，例如http请求。 5.UI后端 - 用于绘制类似组合选择框和对话框等基本组件，具有不特定与某个平台的通用接口，底层使用操作系统的用户接口。 6.JS解释器 - 用于解释执行JS代码。 7.数据存储 -...
> **前言** > 此文主要是是为了准备面试而整理，通过整理前端的一系列知识，以我熟悉的文字和思路诉诸文字。 ## 参考内容来源 [前端开发面试题](https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers) --- ## 整体思路 前端是一个年轻的行业，行的行业标准、框架、库都在不断的更新，加上前端的使用环境从pc端慢慢发展到移动端也是带来了很多变化，正如赫门在2015深JS大会上的《前端服务化之路》主题演讲中说的一句话：“每18至24个月，前端都会难一倍”，这些变化使前端的能力更加丰富、创造的应用也会更加完美。所以关注各种前端技术，跟上快速变化的节奏，也是身为一个前端程序员必备的技能之一。 以下是我对前端知识体系的整理思路： - 前端行业的立足点（扮演的角色、担任的工作）； - 基础知识点（HTML、CSS、JavaScript）； - 标准和实现（浏览器）带来的变化； - 著名的库和工具以及它们为前端带来的影响； --- ## 前端的发展历程 了解有限，这里只从web前端应该担任的角色的设计初衷来探究web前端的功能，其他角度还有开发模式的变迁等方面。 > 参考文章 > [你了解Web前端起源与发展阶段吗](http://edu.enorth.com.cn/system/2016/07/14/031064826.shtml) > [Web...
> **前言** > 本文是我对自己使用Hexo全过程的整理，包括安装、配置、主题设置、博文编写等方面的内容。 ## Hexo 简介 > Hexo是一款简洁快速的博客框架，依赖于Node.js实现博客页面的渲染和生成，使用git一键部署到Github Page上，[Hexo官网](https://hexo.io/zh-cn/)上面有简单的使用文档和接口文档可供阅读。 --- ## Hexo 安装 ### 环境搭建 | 步骤 | 作用 | 方法 | | ----|----|----| | 安装Node.js | 安装Hexo和作为Hexo的部署环境 |...
脚手架功能整理
- [x] 代码同构的同时实现多语言的入口抽离 - [x] 支持本地开发、静态文件打包两种指令 - [x] 尽可能抽离公用资源 - [x] 将多语言目录加入热更新监听目录，考虑弃用现有的多语言站点，改为利用多入口按需打包分离多语言资源 - [x] 静态代码兼容 IE11+
bug记录
- [x] /maps，恢复【敌人编号】的选择框以及对应逻辑 - [x] /maps, localstorage 功能恢复以及挂靠到 setting 功能中（新增） - [x] /maps, 删除 footer 中的招募日文翻译的文本 - [x] /, 样式调整，将页头菜单选项靠左排列 - [x] /maps, 下载高清图片是文件后缀 _full 去掉 - [x] /maps, 地图图片加载增加...