Zhouy2_-CSDN博客

原创 JavaScript中，0.1+0.2不能等于0.3问题

在JavaScript中，0.1+0.2不能等于0.3console.log( 0.1 + 0.2 == 0.3 );这里的输出结果为false，说明两边是不相等的，这是浮点运算的特点。这里是由于浮点运算的精度问题导致等式左右的结果并不是严格相等，而是相差了个微小的值。所以实际上，这里错误的并不是结论，而是比较的方法。正确的比较方法是使用JavaScript提供的最小精度值：c...

2019-02-14 11:20:16 407

原创 TypeScript环境搭建

1、安装node环境进入nodejs官网（http://nodejs.cn），下载最新版的nodejs包，进行安装。安装好之后，打开命令行模式（快捷键win+R，输入cmd打开即可）使用node -v命令查看nodejs版本号，出现则代表已安装完成使用npm -v命令查看npm版本号2、安装TypeScript包在命令行窗口输入如下命令安装npm install typ...

2018-09-04 23:35:40 396

原创初识React

ReactJS官网地址：React官网，GitHub地址：React的Github地址React特点：虚拟DOM：React也是以数据驱动的，每次数据变化，React都会扫码整个虚拟DOM树，自动计算与上次虚拟DOM的差异变化，然后针对需要变化的部分进行实际的浏览器DOM更新。组件化：React可以从功能角度横向划分，将UI分解成不同的组件，各组件都独立封装，整个UI是由一个个小组件构...

2018-08-08 19:29:54 191

原创前端面试问题

1、使用cnpm，会出现哪些未知问题使用cnpm可能会丢包。解决方法：使用npm，修改下载镜像的地址为淘宝源即可。比如npm install vant --save --registry=https://registry.npm.taobao.org2、promise的原理是什么Promise的实现过程，其主要使用了设计模式中的观察者模式。（1）通过Promise.pro...

2018-07-23 17:28:47 200

原创 CSS3画图相关思路

1、画半圆，可以使用border-radius属性2、制作三角形和对话框，可以使用border属性实现3、制作菱形和平行四边形，可以使用transform属性的rotate和skew。同样也可以用来制作五角星和六角星。4、画心形和蛋形。可以使用transform-origin来定义原点位置，然后再使用transform属性的rotate属性值进行旋转。border-radius: ...

2018-07-23 17:25:15 356

原创 CSS3 选择器

CSS3选择器分为：结构型伪类选择器、UI元素状态伪类选择器，否定选择器，和伪元素一、结构型伪类选择器:first-child选择某个元素的第一个子元素； :last-child选择某个元素的最后一个子元素； :nth-child()选择某个元素的一个或多个特定的子元素； :nth-last-child()选择某个元素的一个或多个特定的子元素，从这个元素的最后一个子元素开始算； :...

2018-07-23 17:11:11 2608

原创 JavaScript模式

1、使用parseInt(str,num)，将字符串类型的数值修改为数值类型，第二个参数是进制数。也可以使用Number(str)。Number() 这种方法通常会比parseInt()快很多2、要确定并遵循编码约定；3、代码缩进风格要一直，使用tab，或者使用4个空格进行缩进；4、应该经常使用大括号，甚至在可选的情形下，也要使用大括号。比如只有 if 语句或者 for 语句中如果...

2018-07-20 15:30:43 174

原创 CSS3准备工作

1、查看样式在浏览器的兼容情况：兼容浏览器（https://caniuse.com）2、查看浏览器所占领的市场份额：浏览器市场份额（http://tongji.baidu.com/data/browser）如何在sublime中安装插件一、给sublime编辑器加入自动补全前缀工具。1、下载sublime编辑器（https://www.sublimetext.com）2、...

2018-07-20 09:51:55 234

原创 js 生成树

$(function () {var menuArry = [ { id: 1, name: "办公管理", pid: 0 }, { id: 2, name: "请假申请", pid: 1 }, { id: 3, name: "出差申请", pid: 1 }, { id: 4, name: "请假记录...

2018-06-20 10:39:19 2747

原创轮播图

使用JQuery实现轮播图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style lang="">

2018-05-23 14:16:55 142

原创 JavaScript中的&&（逻辑与）和||（逻辑或）

&&操作符（逻辑与），操作符两边的值均为true时，则返回true，否则返回falseconsole.log(true && true); // trueconsole.log(true && false); // falseconsole.log(false && true); // falseconsole.log(fals...

2018-05-21 11:07:23 4404

原创 Vue双向数据绑定原理解析

首先上源码，模拟vue的双向数据绑定原理<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Two-way data-binding</title></head>&lt

2018-05-16 13:48:42 237

原创 this

function test1() { console.log(this); } test1(); //window function test2() { 'use strict'; console.log(this); } test2(); //严格模式，this为undefined var obj1 = { name: ...

2018-05-01 10:24:02 155

1、call与apply都属于Function.prototype的一个方法，所以每个function实例都有call和apply属性。2、apply传入的是一个数组，也就是将多个参数组合成为一个数组传入；3、call传入的则是直接的参数列表。call方法可以将一个函数的对象上下文从初始的上下文改变为由thisObject指定的新对象。4、call和apply的第一个参数都是要传递给当前对象的对象...

2018-04-27 16:11:44 682

转载 RESTFul API

推荐RESTFul API调试插件工具Chrome：Postman/Advanced Rest ClientFirefox：RESTClient一、协议API与用户的通信协议，总是使用Https协议二、域名应该尽量将API部署在专用域名之下https://api.example.com三、版本应该将API的版本号放入URL中https://api.example.com/v1/四、路径路径又称为“...

2018-04-25 13:47:58 364

原创 Promise解析

1、一个简单的Promise的例子：生成一个0~2之间的数字，如果值小于1，则等待一段时间后返回成功，否则返回失败function test(resolve,reject){ var timeOut = Math.random() * 2; console.log('set time out to '+timeOut+' seconds.'); setTimeout(fun...

2018-04-22 22:57:20 317

原创作为私有命名空间的函数

一、返回单个类的API例如：var set = (function invocation(){ function Set(){ //构造函数的命名首字母需要大写 this.values = {}; this.n = 0; }//给Set定义实例方法Set.prototype.size = function(){ return this.n;}...

2017-07-08 16:09:32 700