前端的压缩

一 、 html压缩: 1, nodejs工具 html-minifier 压缩                              2,服务端模版渲染压缩 二 、 css压缩: 1, html中的css使用 html-minifier 压缩                      ...

2019-02-18 21:50:23

阅读数 19

评论数 0

浏览器请求从发送到返回的过程以及性能优化点

浏览器请求从发送到返回的过程:  地址栏URL输入 --->  浏览器核心代码解析地址为domain --->   优化点1 发送domain到dns服务器查询对应解析成ip,返回ip到浏览器 --->    浏览器拿到ip...

2019-02-18 21:47:28

阅读数 21

评论数 0

9种跨域姿势

看了一下挺不错的,传送门:https://juejin.im/post/5c23993de51d457b8c1f4ee1

2019-01-25 16:15:38

阅读数 63

评论数 0

antd 的坑

如果 使用antd 使用 initialValue 发现placeholder 找不到了 那么 请设置 {initialValue: undefined} 坑了 一上午

2019-01-18 11:34:52

阅读数 33

评论数 0

react-native 中WebView的使用

首先这个是一个 原生组件 ,属于react-native 代码如下 <WebView source={{uri:this.state.url}} // 地址 onNavigationStateChange={e=&am...

2019-01-13 16:31:31

阅读数 59

评论数 0

rn中的发射器DeviceEventEmitter的使用

首先 首页引入DeviceEventEmitter import {DeviceEventEmitter} from 'react-native'; //引入toast import Toast,{DURATION} from 'react-native-easy-toast'; 在根组件的...

2019-01-07 21:49:41

阅读数 30

评论数 0

rn 中tab的实现

一共分为三段实现的   PopularPage -》PopularTab -》 RepositoryCell HomePage.js import React, {Component} from 'react'; import {Platform, StyleSheet, View,...

2018-12-23 12:18:51

阅读数 36

评论数 0

rn 整体的启动流程

react -native 的启动 流程 App启动 -> index.js  -> setup.js  -> WelcomePage.js. -> HomePage.js  1,index.js.  js...

2018-12-22 12:05:32

阅读数 41

评论数 0

fetch的封装

export default class HttpUtil { static get (url){ return new Promise((resolve,reject)=>{ fetch(url) .then(res=&...

2018-12-22 00:17:58

阅读数 22

评论数 0

react-native 的ListView

虽然说ListView 快废弃了 但是花了一晚上事情去研究这个东西 还是想要记录一下。 权当 其他组件的指南吧。 import React,{Component} from 'react'; import {View, Text,StyleSheet, TouchableOpacity,Ima...

2018-12-19 17:36:44

阅读数 42

评论数 0

navigationBar 自定义组件的实现

navigationBar 的功能就是 上面的导航  由三部分的组成: 1, leftButton ;   2,中间文本部分 ;   3,rightButton 主要代码  import React,{Component} from 'react'; import {View, Text,...

2018-12-17 10:31:50

阅读数 37

评论数 0

react native 的 Navigator

首先安装 Navigator  npm i -S react-native-deprecated-custom-components 引入Navigator import {Navigator} from 'react-native-deprecated-custom-components...

2018-12-16 18:46:07

阅读数 33

评论数 0

rn 底部导航tab实现

1 ,安装  npm i -S react-native-tab-navigator app.js /** * Sample React Native App * https://github.com/facebook/react-native * * @format * @flo...

2018-12-15 23:10:51

阅读数 18

评论数 0

react native 初始化

 准备入手  react native ,所以就 好好学习一下了  首先改一下 npm 的 下载地址 为 淘宝镜像  (mac) 1, open .npmrc 2,写入这行代码 registry=https://registry.npm.taobao.org 安装  sudo npm i...

2018-12-15 19:38:53

阅读数 29

评论数 0

学习typeScript的总结

关于ts ,以后是肯定是用到的 所以提前了解掌握一下基本的用法,节约以后的学习成本。 1, 数据类型  // 1 布尔类型 // var flag:boolean =true; // flag=false; // 正确 // flag=123; //报错 // 2,...

2018-12-09 18:39:59

阅读数 17

评论数 0

dva中的路由跳转方式

1,从父级 继承 history.push( 目标路径); 2,有时候会拿不到histort信息;从dva/router 使用 withRouter  在使用第一种方法; 3,从dva/router 使用 Link 标签  <Link to=目标路径&gt...

2018-11-06 17:49:42

阅读数 508

评论数 0

dva中使用 webpack的require.context来设置app.model

const context = require.context("./",false,/\.js$/); export default context. keys(). filter(item=>item!==&am...

2018-11-05 21:21:19

阅读数 110

评论数 0

dva/dynamic

1.安装: 1 yarn add dva 2.引入: 1 import dynamic from 'dva/dynamic'; * dva路由跳转 * dynamic(app, model, component...

2018-11-05 17:57:58

阅读数 38

评论数 0

dva 中 history 的切换

dva 默认使用的 是hashhistory ; 如果有需求是吧 / #/  去掉 ;那么就需要 使用browserhistory   按着官方文档来 会报错  import { browserHistory } from 'dva/router'; const app = dva({ ...

2018-11-04 16:50:25

阅读数 267

评论数 0

实现自适应宽度的五种布局方式

题目写一个三栏布局; 高度固定 左边300px,右边300px;中间自适应; 1 :float  <!DOCTYPE html> <html lang="en"> &a...

2018-10-21 16:31:53

阅读数 55

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭