04 2017 档案
摘要：SVN是Subversion的简称，是一个开放源代码的版本控制系统，相较于RCS、CVS，它采用了分支管理系统，它的设计目标就是取代CVS。互联网上很多版本控制服务已从CVS迁移到Subversion。说得简单一点SVN就是用于多个人共同开发同一个项目，共用资源的目的。 一、SVN的下载安装 下载地
阅读全文
摘要：考虑到未来响应式设计的开发，如果你需要，浏览器的高度也可以基于百分比值调整。但使用基于百分比值并不总是相对于浏览器窗口的大小定义的最佳方式，比如字体大小不会随着你窗口改变而改变，如今css3引入的新单位明确解决这一问题。 View Demo css3引入的”vw”和”vh”基于宽度/高度相对于窗口大
阅读全文
摘要：1.我们在看代码时经常在img或css背景图片中看到： src=”data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAeFBMVEUAwAD///+U5ZTc9twOww7G8MYwzDCH4==” src或 u
阅读全文
摘要：技术栈： 1.安装插件 2.增加 better-scroll .eslintrc.js 安装插件： 3.添加 axios 4.添加 vuex 5.打包 .gitignore 6. 制作时间过滤器，将 时间戳 变为 日期格式 7．设置mock 数据 build/dev-server.js 8． 9．
阅读全文
摘要：技术客栈: 1.安装脚手架 2.开始项目 3.安装插件 4.配置meta,引入reset.css 5.引入字体样式 https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic https://fonts.googl
阅读全文
摘要：stylus介绍 是个什么鬼？对于开发来说，CSS的弱点在于静态化。我们需要一个真正能提高开发效率的工具， LESS ， SASS 都在这方面做了一些贡献。 Stylus 是一个CSS的预处理框架，2010年产生，来自Node.js社区，主要用来给Node项目进行CSS预处理支持，所以 Stylus
阅读全文
摘要：事件冒泡和事件捕捉一直以来都是被讨论的话题，也许大家平时在工作中没有遇到过需要解决事件冒泡的情况举个例子： 从以上的代码中的fun1(),fun2()和fun3()我们可以看出，当我们点击了<img/>标签中的ng-click事件，触发fun3()方法，但是根据文档对象模型的特征，我们虽然只想触发f
阅读全文
摘要：fiddler是位于客户端和服务器端的HTTP代理，也是目前最常用的http抓包工具之一。 可以用它来录制脚本。（PC端、移动端皆可） 例如：火狐 -- 浏览器端设置 1、点击选项键 2.选择 "高级" -- "网络" -- 设置 （配置Firefox如何连接至国际互联网）即 配置代理 3.手动配置
阅读全文
摘要：完整的 HTTP 1.1规范说明书来自于RFC 2616，你可以在http://www.talentdigger.cn/home/link.php?url=d3d3LnJmYy1lZGl0b3Iub3JnLw%3D%3D在线查阅。HTTP 1.1的状态码被标记为新特性，因为许多浏览器只支持 HTTP
阅读全文
摘要：js获取url参数值： index.htm?参数1=数值1&参数2=数值2&参数3=数据3&参数4=数值4&...... 静态html文件js读取url参数 根据获取html的参数值控制html页面输出 一、字符串分割分析法 这里是一个获取URL带QUESTRING参数的JAVASCRIPT客户端解
阅读全文
摘要：一，angularjs $broadcast $emit $on的处理思想 在一个controller里面通过事件触发一个方法，在方法里面通过$broadcast或$emit来定义一个变量，在父，子controller里面通过$on来获取。 二，实例说明angularjs $broadcast $e
阅读全文
摘要：ionic 中隐藏头部header 通过 hide-nav-bar="true" 来实现 <ion-view hide-nav-bar="true"> </ion-view>
阅读全文
摘要：安装 ngResource模块是一个可选的angularjs模块，如果需要使用，我们要单独引用js 应用$resource 我们并不是直接通过$resource服务本身同服务器通信，$resource是一个创建资源对象的工厂，用来创建同服务端交互的对象。 返回的User对象包含了同后端服务进行交互的
阅读全文
摘要：vue1.0 自带的过滤器： 一 、过滤器写法 二、 Vue自带的过滤器:capitalize 功能:首字母大写 上面代码输出:Abc 三 、Vue自带的过滤器:uppercase 功能:全部大写 上面代码输出:ABC 四 、Vue自带的过滤器:uppercase 功能:全部小写 上面代码输出:ab
阅读全文
摘要：1.在打包之前需要修改一个地方，那就是config->index.js文件，修改assetsPublicPath: '/'为assetsPublicPath: './',截图如下 上面文件改好后，开始打包，执行如下命令： 生成 dist 文件夹 2.打包步骤 步骤一： 将 dist 文件 放入 HB
阅读全文
摘要：问题原因：端口5037被占用 解决方案： 方式一：可以用cmd命令 C:\Users\Administrator>netstat -ano | findstr "5037" <<<<< 查看5037 被谁占用，然后杀掉 TCP 127.0.0.1:5037 0.0.0.0:0 LISTENING 4
阅读全文
摘要：本插件利用百度地图提供的定位功能进行Android版手机定位。 为什么没有iOS版？ 因为iOS版有官方的定位插件cordova-plugin-geolocation可以使用。 请参照：cordova-plugin-geolocation Android版为什么不使用官方的cordova-plugi
阅读全文
摘要：特征 比Jquery轻量，但处理请求不多的时候，可以使用 基于Promise语法标准 支持nodejs 自动转换JSON数据 用法 get post 同时处理多个请求(基于Promise语法标准) 安装 Using npm: Using bower: Using cdn: axios提供了以下方法
阅读全文
摘要：注意：vue-router 2只适用于Vue2.x版本，下面我们是基于vue2.0讲的如何使用vue-router 2实现路由功能。推荐使用npm安装。 一、使用路由在main.js中，需要明确安装路由功能： 1.定义组件，这里使用从其他文件import进来 2.定义路由 3.创建 router 实
阅读全文
摘要：随着应用复杂度的增加，我们需要考虑如何进行应用的状态管理，将业务逻辑与界面交互相剥离，详细讨论参考笔者的2016-我的前端之路:工具化与工程化。Vue 为我们提供了方便的组件内状态管理的机制，下面这个例子就是常见的获取列表数据然后渲染到界面中： import axios from 'axios' e
阅读全文
摘要：现在我们使用'Weizhe He'提供的cordova-qdc-baidu-location来尝试创建简单的定位app。 Stpe1:创建一个项目 Stpe2:申请百度地图API秘钥 应用类型请选择：Andorid应用 包名：如图所示的名字(config.xml内 widget节点中id的值) St
阅读全文
摘要：1.使用 proxyTable(地址映射表)解决跨域问题（即通过设置代理解决跨域问题）： 可以通过设置将复杂的url简化，例如我们要请求的地址是api.xxxxxxxx.com/list/1，可以按照如下设置： 这样我们在写url的时候，只用写成/list/1就可以代表api.xxxxxxxx.co
阅读全文
摘要：Vue实例初始化的选项配置对象详解 1. Vue实例的的data对象 介绍 Vue的实例的数据对象data 我们已经用了很多了，数据绑定离不开data里面的数据。也是Vue的核心属性。 它是Vue绑定数据到HTML标签的数据源泉，另外Vue框架会自动监视data里面的数据变化，自动更新数据到HTML
阅读全文
摘要：图示： 解析： 那么下面我们来进行测试一下 代码如上，浏览器开始加载文件 由上图可知： 1、beforeCreate 此时$el、data 的值都为undefined 2、创建之后，此时可以拿到data的值，但是$el依旧为undefined 3、mount之前，$el的值为“虚拟”的元素节点 4、
阅读全文
摘要：地理位置（Geolocation）是 HTML5 的重要特性之一，提供了确定用户位置的功能，借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理及各个浏览器的数据精度情况。 在访问位置信息前，浏览器都会询问用户是否共享其位置信息，以 Chrome 浏
阅读全文
摘要：npm install axios sass-loader vue-infinite-scroll vue-router vuex express superagent --save --save 和 --save-dev 的区别： --save 安装的插件位于 dependencies 之下 --
阅读全文
摘要：ES6中二进制数组包括： ArrayBuffer对象 TypedArray视图 DataView视图 ArrayBuffer对象代表原始的二进制数据，TypeArray视图用来读写简单类型的二进制数据，DataView视图用来读写复杂类型的二进制数据。 二进制数组主要存放 图片、视频、声音、文件等等
阅读全文
摘要：所谓的模块就是一个独立的文件，文件与文件之间是相互封闭的。 // modeltest.js export var webName = "百度"; // 定义变量 export let url = 'www.baidu.com'; // 定义变量 export const year = 2017; /
阅读全文
摘要：装饰模式 -- 原先没有，后期添加的属性和方法 修饰器（Decorator）是一个函数，用来修饰类的行为。这是ES7的一个提案，目前Babel转码器已经支持。 需要先安装一个插件： 然后在项目根目录下，找到：.babelrc => 修改为 // 添加属性，添加方法，在方法执行之前添加动作 1.给添加
阅读全文
摘要：1.单参数 2.多参数 3.无返回值 4.多行 2.如果箭头表达式仅仅就是简化了函数的命名,我们为什么要改变原来的习惯而去使用它呢？ 箭头函数内部没有constructor方法，也没有prototype，所有不支持new操作。但是它对this的处理与一般的普通函数不一样，箭头函数的this始终指向函
阅读全文
摘要：ES7提供了async函数，使得异步操作变得更加方便。async函数是什么？一句话，async函数就是Generator函数的语法糖。 例1： 实例： 结果： 例2： 实例： 结果： 实例： 结果： 例3：异步处理(最彻底的解决方案) async函数返回的Promise对象，必须等到内部所有 awa
阅读全文
摘要：传统实现异步操作就是采用回调函数，回调函数方式本身没有什么问题，但是在多重回调函数层层嵌套的情况下，那么代码的可阅读性就会出现问题。 Promise对象 是一个新的异步操作解决方案，比原有的回调函数等方式更为合理 Promise对象 具有三种状态：Pending(等待)、Resolved(已完成)
阅读全文
摘要：1 含义 扩展运算符（ spread ）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。 该运算符主要用于函数调用。 上面代码中，array.push(...items)和add(...numbers)这两行，都是函数的调用，它们的都使用了扩展运算符。该运算符
阅读全文
摘要：1.定义类 注：ES6中没有方法的重载，即同名函数，后面会覆盖掉前面的。 2.静态方法：（方法名前面加 static,可以用类名调用的方法，我们称之为静态方法） 3.ES6明确规定，Class内部只有静态方法，没有静态属性，但可以用另外方式解决(将类视为一个对象，给对象加参数)。 // 单例模式 （
阅读全文
摘要：谷歌、QQ支持，360、搜狗不支持 使用proxy代理可以实现，对原先的类不进行处理，新建一个类，对此进行拦截处理，以实现低耦合 可以通过代理拦截的方法，将方法进行重写。 // 例1 // 例2 Proxy实际上重载（overload）了点运算符 实例： // Proxy对象方法列表： 方法 描述
阅读全文
摘要：1.运行HBuilder 百度搜索HBuilder，官网下载安装包，解压，运行HBuilder.exe。注册账号，并登陆 2.新建app 在左边右键，选择新建APP，或者，点击中间的新建app 3.在弹出的窗口，填入应用名称，根据需求选择项目位置，以及模板内容 4.检验app效果 创建好之后，选择刚
阅读全文
摘要：Generator函数是ES6新增的一种异步编程方案。 说明：Generator函数指的是一种新的语法结构，是一个遍历器对象生成器，它内部可以封装多个状态，非常适合用于异步操作。 Generator函数语法和普通的 function 函数类似，但有三个不同点： （1）function 关键字和函数名
阅读全文
摘要：lterator 遍历器 遍历器是一种接口，它为不同的数据结构提供了统一的访问机制。 如果一个数据结构具有遍历器接口，那么就可以依次处理该数据结构的成员。 当前 javascript 用来表示集合的数据结构有四种，分别为数组、对象、Set和Map，并且这四种数据结构可以相互嵌套使用，比如：数组的成员
阅读全文
摘要：Map 和 WeakMap 是ES6 新增的数据结构 一、Map 它们本质与对象一样，都是键值对的集合，但是他们与 Object 对象主要的不同是，键可以是各种类型的数值，而Object 对象的键 只能是字符串类型或者Symbol类型值，Map 和 WeakMap 是更为完善的Hash结构。 1.对
阅读全文
摘要：Set 和 WeakSet 数据结构是ES6新增。 它与数组非常相似，但是Set数据结构的成员都是唯一的。 特别说明：Set 中只能添加一个NaN 一、Set 数据结构： // 循环用 add 添加赋值 // 扩展运算符 // 清空、删除 // 遍历键值 从输出结果可以看出，键和键值是相同的 //
阅读全文
摘要：1.数组解构 嵌套数组解构 空缺变量 多余变量 默认值 2.对象解构 小括号： 可嵌套（例如：arr） 可有默认值 （例如：c） 3.字符串解构 4.函数解构 // 以下也正确 参数中数组、字符串、默认值、缺位均支持 Symbol 是 ES6 新增的一种值类型数据,表示一种绝不重复的值 .
阅读全文
摘要：主要分解为如下步骤： （1）在html文件中引入百度地图， <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=your token "></script> （2）在webpack.base.conf.j
阅读全文
摘要：我们可以进入百度API的网站学习百度地图API：http://lbsyun.baidu.com/index.php?title=jspopular，看完这些你应该基本上会掌握了 demo.html: .
阅读全文
