WCBandCTZ的博客

原创 VUE watch监听vuex数据变化

通过watch动态监听vuex中的数据变化

原创 Object.prototype.toString.call()原理

es5文档规范对Object.prototype.toString()的定义：Object.prototype.toString()会返回[object, [[class]]]的字符串,其中[[class]]会返回es定义的对象类型，包含"Arguments", “Array”, “Boolean”, “Date”, “Error”, “Function”, “JSON”, “Math”, “Number”, “Object”, “RegExp”, 和 “String”；再加上es5新增加的返回[ob..

原创 数组与链表区别

关于数组与链表的异同主要在两个方面：结构、内存1.结构：从结构上来说，数组和链表都属于线性结构，何为线性结构，即每个元素串连，除头尾元素，每一个元素都有一个前趋、一个后继。2.内存：从内存上来说，数组是有序的占用一块连续的内存区（‘天生线性’），而链表在内存中是分散的，并且链表是由指针连接（‘指针连接’），并且访问链表元素只能由头节点指针，依次查找，链表不存在下标，这也就导致两者在...

原创 react列表组件渲染中key的作用

我们在开发react列表组件时，如果遍历项中缺少key，那么就会出现一个警告，a key should be provided for list items,就是当创建一个元素时，必须包含一个特殊的key属性。那么为什么要加这个key，其作用又是什么呢？首先来看一下官方的解释：key帮助React识别了哪些元素改变了，如添加或删除，所以需要给列表元素赋予一个唯一的标识const number...

原创 React中Hook的使用

1.什么是Hook？Hook是React 16.8的新增属性。可以在不编写calss的情况下使用state以及其他的React特性2.Hook优势？其主要是为了解决一下几个常见问题：在组件之间服用状态逻辑难复杂组件变的难以理解class学习及js中this的工作方式简化周期函数，避免重复代码…Hook可以让我们无需学习浮躁的函数式和响应式编程，同时也遵循React的精神原则。...

原创 基于hilo和react的农场小游戏

http://note.youdao.com/noteshare?id=aea0154d0eb1ae9d7c80b8dfd9552f57&sub=6D423198117E4AFAB57C1542A556F264

原创 AJAX基础篇

Ajax是异步的Javascript和XML(Asynchronous Javascript And XML)。其实就是使用 XMLHttpRequest(由XMLHttpRequest()函数实例化的一个对象，可以与服务器交互) 对象与服务器进行通信，它可以使用JSON,XML,HTML,text等格式发送和接受数据。其最大的特点就是它的‘异步’，它可以在不刷新页面的情况下与服务器进行通信，...

原创 JavaScript数据类型及检测类型

JavaScript分为基本数据类型和引用数据类型。基本数据类型(原始类型)：* String* Number* Boolean* Undefined* Null* Symbol引用数据类型(对象类型)：*Object (对象，数组，函数)一、基本数据类型1.保存在栈内存中(空间小、大小固定、被频繁使用)；直接存储在变量访问的位置，可直接...

转载 import和require的区别

原创 js 调用浏览器打印功能

废话不多说，功能需求：店家从商家后台调用打印机打印送货单，送货单信息：二维码，地址，电话，送货员拿单送货…首先拆分功能点：生成二维码、调用浏览器打印机打印订单 （剧透一下，二维码使用qrcode.react第三方生成，二维码格式为canvas，但是浏览器打印不能试别canvas格式，qrcode.react (v7.1.2,) value奇葩写法。具体如下）二维码生成使用qrcode.rea...

原创 Javascript之数组降维

数组降维，虽然平时项目开发我们不常用到，但还是作为一个知识点记录一下，降维思想还是挺重要的。首先，最简单的纯数字或者字符串格式的二维数组，[1,2,3,4,[5,6],7,8],//第一种,利用数组字符串互转var arr = [1,2,3,4,[5,6],7,8];var newArr = arr.join(',').split(',') console.log(newArr) //...

转载 【react】利用shouldComponentUpdate钩子函数优化react性能

凡是参阅过react官方英文文档的童鞋大体上都能知道对于一个组件来说，其state的改变（调用this.setState()方法）以及从父组件接受的props发生变化时，会导致组件重渲染，正所谓"学而不思则罔"，在不断的学习中，我开始思考这一些问题：1.setState()函数在任何情况下都会导致组件重渲染吗？如果setState()中参数还是原来没有发生任何变化的state呢？2....

原创 MongoDB 聚合查询

MongoDB中聚合(aggregate)主要用于处理数据(诸如统计平均值,求和等)，并返回计算后的数据结果。aggregate() 方法MongoDB中聚合的方法使用aggregate()。aggregate() 方法的基本语法格式如下所示：>db.COLLECTION_NAME.aggregate(AGGREGATE_OPERATION)example数据集合：{...

原创 React-Native 利用已有项目生成新App-Android篇

Adnroid:修改App的名称：Project/android/app/src/res/values/strings.xml<resources> <string name="app_name">Your App Name</string></resources&amp

原创 React JSX简介

React 使用 JSX 来替代常规的 JavaScript。JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。我们不需要一定使用 JSX，但它有以下优点：JSX 执行更快，因为它在编译为 JavaScript 代码后进行了优化。它是类型安全的，在编译过程中就能发现错误。使用 JSX 编写模板更加简单快速。ReactDOM.render( <h1&...

原创 React状态

1. React state 状态React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。React 里，只需更新组件的 state，然后根据新的 state 重新渲染用户界面（不要操作 DOM）。以下实例中创建了 LikeButton 组件，getInitialState 方法用于定义初始状态，也就是一个...

原创 javascript 同步、异步、事件循环

一：单线程首先-> “JavaScript是单线程的”我们说的单线程，是指在JS引擎中负责解释和执行JavaScript代码的线程只有一个。也可以叫它主线程。但是实际上还存在其他的线程。例如：处理AJAX请求的线程、处理DOM事件的线程、定时器线程、读写文件的线程(Node.js中)等等。这些线程可能存在于JS引擎之内，也可能存在于JS引擎之外，在此我们不做区分。我们可以叫他它工作线程...

原创 React 父组件调用子组件方法

react中我们都知道组件间的通信几乎都是通过props或者回调函数形式进行传递（子组件调用获取父组件），但是实际开发中会因为组件划分或者业务需求，不得不在父组件中调用子组件的方法（操作父组件来调用子组件的方法，来改变子组件的state)。import reacr {Component} from 'react';class Parent extends Component { ...