2019年10月_渣渣前端

原创 react实现tab组件

export default class Tab extends Component{ constructor(props){ super(props) this.state={arr:[false,true,true]} } change=(i)=>{var arr=this.state.arr; console.log(i...

2019-10-25 23:57:32 538 1

原创微信小程序父子组件通信

首先是父组件传值给子组件//子组件.wxml<text>{{name}}</text>//子组件.jsComponent({ /** * 组件的属性列表 */ properties: { name:String }, /** * 组件的初始数据 */ data: { }, /** * 组...

2019-10-25 17:11:02 407

原创 react组件性能优化

我们知道影响网页性能的两大因素就是回流和重绘，要尽可能避免这两个因素，react背后的虚拟dom就是尽可能减少了回流和重绘。下面来看一下代码import React,{Component} from 'react'import {Top} from './top'//父组件export class Head extends Component{ constructor(prop...

2019-10-21 11:17:58 204

原创 uniapp引入阿里图标

在page.json里的配置项{ "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "titleNView":{ "buttons":[{"fontSrc":"/sta...

2019-10-18 23:38:29 609

原创 js数据结构之链表

function LinkedList(){ this.length=0; this.head=null; } function Node(data){ this.data=data; this.next=null; } //添加 LinkedList.prototype.append=function(data){ ...

2019-10-09 14:50:53 175

原创 react-native实现轮播

import React, {Component} from 'react';import {ScrollView, View, StyleSheet, StatusBar, Dimensions, Image, Text} from 'react-native';var {width} = Dimensions.get('window');export default class ...

2019-10-07 17:28:55 801

原创 js数据结构之队列及其应用

对列，刚好和栈相反，它是先进先出的，只允许在队列的一头添加元素，另一头删除元素class queue{ constructor(){ this.arr=[]; } //插入元素 enqueue(ele){ this.arr.push(ele); } ...

2019-10-07 14:03:35 287

原创 websocket通信

h5新增了一个websocket，可以实现客户端和服务器之间的通信，下面来看一下。首先要在node环境下下载websocket模块，即npmi websocketvar WebSocketServer = require('websocket').server;var http = require('http');var server = http.createServer(fu...

2019-10-05 15:05:21 434

原创 js数据结构之栈及其应用

所谓栈是先进后出，下面来看一下代码实现 class Stack{ constructor(){ this.arr=[]; } //添加新元素 add(ele){ this.arr.push(ele); return ele; } ...

2019-10-05 10:49:38 248

原创 reactnative卡片小案例

效果如图可实现卡片列表的滚动，引用了ScrollView，下面看下代码import React, { Component } from 'react';import {Text, View, StyleSheet, Image} from 'react-native';export default class Card extends Component { rende...

2019-10-03 21:54:11 613

dtbk123的博客