2017年03月_ChengYz_

原创 Vue入门 - 组件通信

1 父子组件通讯先触发子组件的mounted钩子，再触发父组件的mounted钩子。 1.1 子组件向父组件传递数据子组件中调用this.$emit([自定义事件:string],[传出数据])。父组件使用v-on监听自定义事件，子组件触发this.$emit时会自动触发。参考代码：//parent component<template> <div v-on:childready=

2017-03-31 16:35:07 4648

原创 javascript笔记整理系列 - BOM

1 window对象BOM的核心对象是window，表示浏览器的一个实例。window对象是ECMAScript规定的global对象。在全局作用域中声明的变量、函数都会成为window对象的属性和方法。全局对象不能通过delete操作符删除。( [[Configurable]] 特性值被设置为false)直接在window对象上定义的属性可以通过delete操作符删除。2 窗口关系及框

2017-03-28 22:39:35 342

原创 js动画效果 - 动画曲线

1 参考　　常见的动画都是速率相同的平滑效果，而有些动画在变动过程中速率不同，比如有些网站的返回顶部的动画效果会经过慢-快-慢的效果，这就设计到数学模型了，有一片参考文章：http://blog.csdn.net/jebe7282/article/details/7521067。这里讲解了tween算法代码。可以将里面的代码拷贝下来，可以直观的看到速度的曲率变化　　2 简化　　变换一下算法：ht

2017-03-28 17:38:45 3965

原创 vue 更改计算属性后select选中值不更改的解决方法

先上代码：//...<body> <div id="qwe"> <select v-model="selected"> <option v-for="item in da" :value="item.value">{{item.value}}</option> </select> <span>{{selected}}<

2017-03-25 21:46:49 9542

原创 nodejs - 安装及环境变量配置

既然点到了这篇博客，想必客官已经在网上了解了nodejs，这里就不再赘述。最近在Angular2的群里发现很多盆友的node都没有安装正确，主要是环境变量没有配置。还有的小伙伴连安装包都下载不到，与其一一回复不如写篇博客，包含安装，以及配置环境。1 下载nodejs1.1 nodejs官网下载网址：https://nodejs.org/en/，点击进入后如下图左边的LTS是正式版，右边的Curr

2017-03-22 22:59:35 54934 10

原创 vue入门 - vue-cli

1 安装首先肯定得有nodejs，没有的话请移步。shell执行$ npm i vue-cli -g全局安装vue-cli。测试是否安装成功 $ vue -V(-V要大写，否则不识别)，输出版本号则表示全局安装成功。 2 初始化项目执行$ vue init webpack my-project创建新项目。一路回车，后面会有测试、代码检查等工具，根据需要输入y/n然后回车。如果需要构建vue

2017-03-22 22:27:29 2341

原创 echarts+bmap地图去掉底图可点功能

之前一篇echarts+百度地图API实现自定义底图后，这次测试提出了bug：地图上的点可点击，弹出地点信息。于是开始研究如何去掉底图可点的功能。上网搜索无果后，还是自己研究吧。　首先确定这个底图是地图提供而非Echarts，所以去百度地图查看API，发现在初始化Map的时候设置一个配置即可实现：enableMapClick：boolean。但是地图初始化是在echarts中进行的，所以

2017-03-21 10:50:09 10087 11

原创 javascript笔记整理系列 - 闭包

1 什么是闭包1.1 作用域链　要理解必要，就必须先了解作用域链。看代码function f1() {　　　　 var n = 999;　　　　 function f2() { var m = 1;　　　　　　 alert(n); //999 }　　 alert(m); //error：无法访问变量m。}从上面代码

2017-03-16 15:29:15 294

原创 javascript笔记整理系列 - Number

1 0作为除数0/0 结果为 NaN正数/0 结果为 Infinity负数/0 结果为 -Infinity

2017-03-15 15:38:59 358

原创算法摘录

1题目：将一个数的个、十、百。。。位分别提取出来成为一个数字，然后相加。若和大于一位，则继续操作。否则得出结果。例如：digital_root(16)=> 1 + 6=> 7digital_root(942)=> 9 + 4 + 2=> 15 ...=> 1 + 5=> 6digital_root(132189)=> 1 + 3 + 2 + 1 + 8 + 9=> 24 ...=>

2017-03-14 15:19:41 223

原创 javascript笔记整理系列 - Math

1 Math对象Math对象是全局静态变量，无需实例化使用。2 Math对象属性2.1 E返回算数常量e，即自然对数的底数(约等于2.718)。2.2 LN2返回 2 的自然对数（约等于0.693）。2.3 LN10返回 10 的自然对数（约等于2.302）。2.4 LOG2E返回以 2 为底的 e 的对数（约等于 1.414）。2.5 LOG10E返回以 10 为底的 e 的对数（约等于0.4

2017-03-14 14:09:01 227

原创 javascript笔记整理系列 - 循环

1 多重循环中断当循环内又嵌套一个循环，想要在内层循环控制外层循环的中断，不需要定义其他变量辅助即可实现：outer:for(var i = 0; i<10; i++){ inner:for(var j = 0; j<10; j++){ if(j>5) { continue outer; //控制外层循环continue }

2017-03-13 17:53:07 237

原创 javascript笔记整理系列 - 大杂烩

1 javascript中的单竖杠”|”语法：number1 | number2 过程： 1. 将number1与number取整，转换为二进制。 2. 将两个二进制数按位对应，即按照个位、十位等对应。 3. 将两个二进制数进行“加”操作，若两个二进制数的某一未都是0，则结果中该位数字为0，否则为1。 4. 将二进制结果转化为十进制。例子：5 | 7 ===>>> 　101+ 11

2017-03-13 17:32:01 278

原创 javascript笔记整理系列 - 字符串

1 字符串对象特性1.字符串的length只读，无法设置。var sColor = "red";alert(sColor.length); //3sColor.length = 1; alert(sColor.length); //3alert(sColor); //"red"

2017-03-13 16:44:34 225

原创 CSS - 选中效果

1 选中文字改变背景颜色 ::-moz-selection { background: #42b983; color: #FFF; } ::selection { background: #42b983; color: #FFF; }

2017-03-13 15:45:00 2354

原创 javascript笔记整理系列 - JavaScript正则表达式

1 简介正则表达式(regular exoression)是一种描述字符串数据模式的方法。简单来说他可以规定字符串格式，常用作字符串提取、匹配及验证使用。2 创建正则表达式有两种方式创建正则表达式： 1.使用RegExp构造函数：var reg = new RegExp("abc");tips：使用该方法时，需要将模式写成普通字符串，因此反斜杠的使用规则与往常相同。 2.使用斜杠(/)将模式包围

2017-03-09 15:36:02 282

原创 javascript笔记整理系列 - HTTP协议

1 协议简介　在浏览器中输入http://www.darkclouds.top/ssqworks/introduction时，浏览器会有如下反映： 1. 通过www.darkclouds.top找到服务器ip地址。 2. 通过服务器ip确定服务器。 3. 尝试通过80端口与服务器建立TCP连接。（80端口是HTTP的默认通信端口） 4. 如果服务器存在并且接受了该连接，浏览器会发送如下内容：

2017-03-07 15:56:20 568

最近接到一个任务，在前段展示地图，要求是底图要暗色的。目前国内提供地图服务比较知名的也就是高德、百度、天地图。前两个如果商用貌似是要收费的，天地图则完全免费。另外一个需求是要在地图上面根据某些点的值来渲染一个圆形，值越大图形越大。想了想echarts的demo里面就有这种实现。于是决定采用echarts+百度地图API来实现。另外其实还有一个需求，是要画一些地区边界，但已有的是ArcGIS的服务，需

2017-03-06 19:47:28 14642 5

原创前端性能优化 - 请求

此篇博客主要记录学习到的关于服务器请求部分的性能优化，并随时更新。

2017-03-06 17:14:47 441

原创 javascript笔记整理系列 - canvas

1 简介浏览器绘图方式： 1. 使用样式来规定普通DOM对象的位置和颜色。 2. SVG（可缩放矢量图形）。 3. canvas（画布）2 SVGSVG可以看成一门专用于描述图形文档而非描述文字文档的HTML元素。来看一个例子：<svg xmlns="http://www.w3.org/2000/svg"> <circle r="50" cx="50" cy="50" fill="

2017-03-06 15:57:25 108

原创 javascript笔记整理系列 - DOM

这里下周会补充，综合分析一些内容。--- 2017年3月6日 15:18:061 DOM简介　当在浏览器中打开网页时，浏览器会接受网页的HTML文档并解析，构建文档结构的模型，并使用该模型在屏幕上绘制页面。模型是一个所见即所得的数据结构，改变模型会是的屏幕上的页面产生相应的变化。2 文档结构　可以将HTML文件想象成一系列嵌套的箱子，浏览器使用与之对应的数据结构来表示文档。我们将这种表示方式成为文

2017-03-06 15:18:32 501

原创 javascript笔记整理系列 - 浏览器中的JavaScript

1 网络和Internet1.1 Internet如果两台电脑用电缆连接，那么这两台电脑可以互相收发数据；如果将全世界的机器连接起来，全世界的机器就会形成一张巨大的网，我们将这个网络成为Internet。1.2 网络协议如果你是一个法国人，我对你说东北话，你对我说法国话，咱俩谁也不明白对方在表达什么。那咋办？逼的没招了，得，讲英语。计算机也是这样，计算机之间的通信也需要有个规矩，你给我发的数据得

2017-03-06 12:01:16 223

原创 javascript笔记整理系列 - 模块

1 模块模块根据一些标准将程序划分为不同的代码块。2 模块的好处代码的结构便于不熟悉代码的人寻找他们想要的代码。便于程序猿将相关代码组织到一起。2.1 命名空间命名空间污染是JavaScript语言的一个问题，为了避免将大量无关变量全部挂在全局变量下。有如下方式解决这个问题： 1. 使用对象来创建公开访问的子命名空间。 2. 使用函数来创建独立的、私有的模块内部命名空间。2.2 代码复用参

2017-03-05 18:49:42 367

原创 javascript笔记整理系列 - 函数

1 函数定义在JavaScript中，函数也是对象，函数的原型是Function.prototype。我们可以将函数当作对象使用，包括当作函数的参数等。typeof getSum; //function函数有属性和方法。函数内部的变量arguments是参数数组。1.1 函数声明function funName(parameters){ //...}1.2 函数表达式函数表达式

2017-03-05 14:53:27 477

原创 javascript笔记整理系列 - Array数组

1 数组简介数组就是用一个变量存储一系列的值。js中数组项不限类型，这点与强类型语言不同。2 创建数组方式1var myArray = new Array();myArray[0] = "cyz";myArray[1] = 18;方式2var myArray = new Array("cyz",18);方式3var myArray = ["cyz",18];3 访问数组通过索引访问数组。

2017-03-04 18:00:50 583

原创 javascript笔记整理系列 - JSON

1 JSON(JavaScript Object Notation)简介JSON 是用于存储和传输数据的格式。JSON 通常用于服务端向网页传递数据。{ "name": "cyz", "age": 18, "sex": "male", "skill": { "C#": "level1", "javascript": "level

2017-03-04 16:58:30 432

原创 6.揭秘angular2学习 ------- 指令

1指令简介指令作用在特定的DOM元素上，扩展元素的功能与行为。组件继承自指令，可以理解为是一种带有视图的指令。HTML的某些元素带有特定的属性，这些属性被HTML解析，元素就有了特定的功能与行为。指令也一样，将指令以属性的形式挂在DOM元素上，扩展功能与行为。自定义指令通常以小驼峰式命名法命名。2指令分类属性型指令。以元素属性的形式来使用的指令。通常被用来改变元素的外观和行为。内

2017-03-04 15:55:40 1158

博客转至https://chengyanzhao.github.io，CSDN不再更新。