- 博客(24)
- 收藏
- 关注
RSS订阅原创 移动端性能优化
性能优化：网络加载类：1、首屏数据请求提前，避免js文件加载后才请求数据。这样可以极大程度的缩短页面内容的渲染时间。2、非首屏内容滚屏加载，保证首屏内容最小化。3、模块化资源并行加载：在移动端资源加载中，尽量保证JavaScript资源并行加载，主要指的是模块化JavaScript资源的异步加载，例如AMD的异步模块，使用并行的加载方式能够缩短多个文件资源的加载时间。4、inline首屏...
2020-04-06 12:35:09
591
原创 React事件对象（event）、表单事件、键盘事件、react类似vue的双向数据绑定
event.target通过event来改变button颜色、获取dom属性import React, { Component } from 'react'class getDom extends Component { constructor(props){ super(props) this.state = { msg: 'msgmsgmsg' ...
2019-09-29 11:16:31
341
原创 React添加点击事件、改变this指向
方法1import React, { Component } from 'react'class ClickComponent extends Component { constructor(props){ super(props) this.state ={ msg: '这是一个标题' } } ...
2019-09-27 19:07:59
406
原创 React 创建组件、绑定数据、绑定属性、引入图片、循环数组
创建组件首先在src目录下面创建components文件夹在文件夹中编写你所需要的组件名称。（Home.js）在app.js中挂载该组件,Home组件中的数据即可渲染在页面。import React from 'react';import './assets/css/App.css'import HomePage from './components/Home.js'function...
2019-09-26 17:36:59
276
原创 React super介绍
super关键字：参考：http://www.phonegap100.com/thread-4911-1-1.htmlEs6中的super可以用在类的继承中，super关键字，它指代父类的实例（即父类的this对象）。子类必须在constructor方法中调用super方法，否则新建实例时会报错。这是因为子类没有自己的this对象，而是继承父类的this对象，然后对其进行加工。如果不调用s...
2019-09-26 14:44:38
355
原创 React介绍 && 开发环境之前的准备工作
React的介绍： React来自于Facebook公司的开源项目 React 可以开发单页面应用 spa（单页面应用） react 组件化模块化 开发模式 React通过对DOM的模拟(虚拟dom)，最大限度地减少与DOM的交互 （数据绑定） react灵活 React可以与已知的库或框架很好地配合。 react 基于jsx的语法，JSX是...
2019-09-26 11:28:56
197
原创 Angular ToDoList数据持久化
创建服务 ng g service service/storage在app.module.ts中引入创建的服务，并声明import { StorageService } from './service/storage.service';providers: [StorageService], /*配置项目所需要的服务 */ 在用到的组件里面引入服务import { ...
2019-09-25 15:51:21
355
原创 Angular ToDolist
Angular ToDolist<div class="search_box"> <input type="text" placeholder="请输入……" [(ngModel)]="keyWord" (keyup)="keyUpFn($event)"> <hr> <p>待办事件</p> <di...
2019-09-24 16:32:48
211
原创 css内容切换
实现内容切换，根据字体的多少适应<template> <div class="switch_list switch_bkgrd" style="padding:96px 0 0 167px;"> <ul class="tab-tilte__box"> <li @click="cur1=0" :class="{activ...
2019-09-16 15:59:44
452
原创 Angular组件、组件中的模板
创建Angular组件创建组件 ng g component components/header使用组件 <app-header></app-header>Angular绑定属性 <div[id]="id"[title]="msg">调试工具看看我的属性</div>数据循环 <li *ngFor="let item...
2019-08-27 17:48:22
302
原创 Angular开发准备
Angular准备工作一、 Angular 介绍Angualr 是一款来自谷歌的开源的 web 前端框架，诞生于 2009 年，是一款优秀的前端 JS 框架，已经被用于 Google 的多款产品当 中。根据项目数统计 angular（1.x 、2.x 、4.x、5.x、6.x、7.x）是现在网上使用量最大的框 架。Angualr 基于 TypeScript 和 react、vue 相比 An...
2019-08-27 11:25:49
171
原创 MVX框架模式
MVX框架模式：MVC+MVP+MVVM1.MVCModel(模型)+View(视图)+controller(控制器)，主要是基于分层的目的，让彼此的职责分开。View通过Controller来和Model联系，Controller是View和Model的协调者，View和Model不直接联系，基本联系都是单向的。用户User通过控制器Controller来操作模板Model从...
2019-08-26 15:27:12
393
1
原创 实现一个div的背景颜色从左到右慢慢出现
怎样实现一个div的背景颜色从左到右慢慢出现？在这里为大家介绍伪类 :after<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .btn butt...
2019-06-24 15:21:35
4777
3
原创 Flutter listview
ListView 列表组件使用了ListView，然后在他的内部children中，使用了widget数组，因为是一个列表，所以它接受一个数组，然后有使用了listTite组件（列表瓦片），在组件中放置了图标和文字。放入图标和文字import 'package:flutter/material.dart';void main () => runApp(MyApp());...
2019-05-15 09:47:42
286
原创 Flutter Image图片组件的使用
加入图片的几种方式Image.asset: 加载资源图片，就是加载项目资源目录中的图片,加入图片后会增大打包的包体体积，用的是相对路径。Image.network: 网络资源图片，意思就是你需要加入一段http://xxxx.xxx的这样的网络路径地址。Image.file: 加载本地图片，就是加载本地文件中的图片，这个是一个绝对路径，跟包体无关。Image.memory: 加载Uint...
2019-05-14 15:26:37
770
原创 Flutter常用组件
import 'package:flutter/material.dart';// 写法1：void main() => runApp(MyApp());class MyApp extends StatelessWidget{ @override Widget build(BuildContext context){ return MaterialApp( ...
2019-05-14 14:11:17
309
原创 Flutter-Text Widget 文本组件的使用
TextStyle 类库 ：https://docs.flutter.io/flutter/painting/TextStyle-class.htmlimport 'package:flutter/material.dart';// 写法1：void main() => runApp(MyApp());// 写法2：// void main() {// runApp(MyA...
2019-05-14 11:12:53
318
原创 windows安装Flutter
系统的基本要求操作系统： 必须windows7以上64位操作系统。（这个一般都能很好的满足）磁盘空间： 大于3个G，虽然官方说的是400M，但是你还需要安装Android Studio 和 虚拟机，所以至少要3个G左右，如果能达到5个G就更好了（满足多个虚拟机的要求）。需要Git环境：Flutter需要git环境的支持，所以这个也要有，作为一个前端，这个是必备工具，所以我在文章中就不教大家...
2019-05-14 11:11:26
486
原创 异步与同步
异步定义不连续，上一个操作没有执行完，下一个操作照样开始。异步的解决方案：回掉函数事件监听发布/订阅Promise对象同步连续执行，上一个操作没有执行完，下一个没法开始...
2019-05-10 17:28:12
204
原创 Generator函数
Generator函数Example1: (手动遍历generator函数) // 定义generator 函数 function * gen () { yield '你好'; yield 'Dear'; return '牧马人' } // 调用generator 函数 let gent = g...
2019-05-10 16:53:35
264
原创 Javascript
Javascript类型Undefined表示未定义, 它的类型只有一个就是undefined。任何变量在赋值前是undefined类型,值为undefined。void 0 可以取代undefined 这样可以避免无意中被篡改。undefined 是一个变量， 不是关键字Null表示定义了,但是为空null是Javascript中的关键字在任何代码中，都可以用null关...
2019-05-09 16:15:35
205
原创 vue 触发点击事件,实现代码拷贝
<template> <div> <p class="grid" @click="copy(1)">222</p> </div></template><script>export default { data() { return { ...
2019-05-08 17:22:07
2585
原创 HTML常用标签
HTML整体结构的语义类标签标题：h1- h6 (基本标题)hgroupem && strongarticleabbrhrpcitefigure整体结构的语义类标签 <body> <header> (通常出现在前部，表示导航或者介绍性的内容) <nav> …… </nav> </header>...
2019-05-08 15:57:40
223
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人