自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 资源 (1)
  • 收藏
  • 关注

原创 Flutter (十六) 打包

在开发中,运行flutter run 运行的版本,构建的是debug版本1.检查App Manifest2.查看构建配置 applicationId "com.example.flutter_app1" //唯一的appid minSdkVersion 16 //最低api级别 targetSdkVersion 28 //指定应用程序设计运行...

2019-06-29 18:37:48 262

原创 Flutter (十五) 路由及导航

一、 页面跳转基本使用移动端通常称为"屏幕"或”页面“的全屏元素显示其内容,在flutter中,称为路由,import 'package:flutter/material.dart';void main() { runApp(new MaterialApp(title:'导航页面示例', home: new Demo()));}class Demo extends Statele...

2019-06-29 17:04:53 428

原创 Flutter (十四) 状态组件 传值

import 'package:flutter/material.dart';void main() { runApp(new MaterialApp(title: 'State', home: new Demo()));}class Demo extends StatelessWidget { int count = 0; @override Widget ...

2019-06-22 16:03:52 3433

原创 node.js爬虫入门 导出json文件并导入数据库(一)

sql-- ----------------------------DROP TABLE IF EXISTS `websites`;CREATE TABLE `websites` ( `id` int(11) NOT NULL AUTO_INCREMENT, `name` char(20) NOT NULL DEFAULT '' COMMENT '站点名称', `url` va...

2019-06-22 09:29:53 613

原创 H5 新特性简介

1. Navigatorwindow.navigator (只读属性)window.navigator.onLine: true/false //网络状态cookieEnabled:true//false //是否启用 cookieappCodeName 返回浏览器的代码名appName 返回浏览器的名称platform 返回运行浏览器的操作系统平台userAgent 返回由客户...

2019-06-21 15:48:35 166

原创 《JavaScript设计模式》笔记 之 建造者模式

建造者模式建造者模式:将一个复杂对象的构建层与表现层相互分离。更关心构建对象的细节。分 ----合项目需求应聘者的信息//创建一人类var Human = function(param){ this.skill = param && param.skill || '保密'; this.hobby = param && param.hob...

2019-06-20 23:03:49 167

原创 Flutter (十三) 页面布局 综合案例 ( 二 )

思路封装公用Widget,ListView的另一个用途:避免内容过长代码:import 'package:flutter/material.dart';void main() { runApp(new MaterialApp(title: '综合 布局', home: new LayoutDemo()));}class LayoutDemo extends Stateles...

2019-06-20 00:06:50 346

原创 Flutter (十二) 页面布局 综合案例 ( 一 )

用比较常见的布局案例,先入门,具体的组件属性就在后期的学习中加强。先把模子搭起来,再细琢。案例一导入图片注意:配置图片路径写法注意,不要多空格,文件路径以及文件名要正确。布局思路如下图代码用到的Widget :Container Column Row Expandedimport 'package:flutter/material.dart';void main() {...

2019-06-18 22:55:20 1100 1

原创 《JavaScript设计模式》笔记 之 抽象工厂模式

抽象工厂模式抽象工厂模式:通过对类的工厂抽象使其业务用域对产品类簇的创建,而不是负责创建某一类产品的实例。抽象类JavaScript 中 abstract 还是保留字,虽然不像传统面向对象创建,之前Dart就有此类方法,(语言相通性)。var Car = function(){};Car.prototype = { getPrice:function(){ ret...

2019-06-17 23:28:17 150

原创 《JavaScript设计模式》笔记 之 工厂方法模式

工厂模式工厂方法模式,通过对产品类的抽象,使其创建业务主要负责用于创建多类的实例。项目案例需求:来了一批广告资源投放,关于计算机培训,一批是Java的,字体是绿色的;还有一批是php,字体是黄色的,背景色是红色;JavaScript的,背景色是粉丝的。。。按照上篇的简单工厂模式,https://blog.csdn.net/weixin_44420276/article/details/...

2019-06-16 18:55:22 85

原创 Vue 源码分析 (一)

准备知识1、[].slice.call():将伪数组转换成真数组伪数组:length ,可下标获取 eg:$(“li”)验证 instanceof ArrayArray.prototype.slice.call() 效率好点,原型链少查找一层2、node.nodeType:得到节点类型,来做不同的方法处理document / Element / Attr Text3、Obj...

2019-06-16 17:30:37 291

原创 Nginx 入门 vue打包 反向代理

安装http://nginx.org/en/download.html解压运行nginx.exe 默认端口80 (我要管理员权限运行)把你vue项目打包生成的dist文件内容 放在新建文件project下,配置找到下面对应的位置加上几行代码 error_page 500 502 503 504 /50x.html; location ...

2019-06-15 18:21:40 787

原创 《JavaScript设计模式》笔记 之 简单工厂模式

简单工厂模式简单工厂模式,又称静态工厂方法,由一个工厂对象决定创建某一中产品对象类的实例。项目案例:需求:1.用户名,如果用户输入内容不符合规范就自定义一个警示框,提示信息:用户名不能超过16个字母或者数字;2.用户密码,如果用户输入的密码错误就自定义一个警示框,提示信息:用户密码错误;3.用户名:用户名不存在就自定义一个警示框,提示信息:您的用户名不存在,清重新输入;4.在警示框...

2019-06-14 00:25:48 137

原创 Flutter (十一) Material Design风格组件(三)

SimpleDialog(简单对话框组件)import 'package:flutter/material.dart';void main() => runApp(new MyApp());class MyApp extends StatelessWidget{ @override Widget build(BuildContext context){ retur...

2019-06-12 23:15:07 389

原创 Flutter (十) Material Design风格组件(二)

PopupMenuButton(弹出菜单组件)import 'package:flutter/material.dart';void main() => runApp(new MyApp());// 会控菜单项enum ConferernceItem { AddMember, LockConference, ModifyLayout, TurnofAll }class My...

2019-06-12 00:21:09 306

原创 ES6 class

class一、定义一个classconstructor 是一种用于创建和初始化class创建的对象的特殊方法。"use strict";class Person { constructor(name) { this.name = name; } say () { console.log("hello world"); }};...

2019-06-11 12:44:25 96

原创 Flutter (九) Material Design风格组件(一)

Material Design App结构和导航组件一、MaterialApp(应用组件)title:标题theme:主题color:应用的主题颜色home:定义当前页面打开时所显示的界面routes:页面跳转规则,路由initialRoute:初始化路由onGenerateRoute:路由回调1.设置主页import 'package:flutter/material....

2019-06-10 00:12:01 1524

原创 Flutter (八) Widget 列表

ListViewListView是最常用的可滚动widget,它可以沿一个方向线性排布所有子widget。scrollDirection:列表排列方向,默认是垂直方法,Axis.vertical。水平是Axis.horizontal;itemExtent:该参数如果不为null,则会强制children的"长度"为itemExtent的值;这里的"长度"是指滚动方向上子widget的长度,...

2019-06-07 19:07:56 848

原创 Flutter (七) Widget容器

ContainerContainer本身不对应具体的RenderObject,它是DecoratedBox、ConstrainedBox、Transform、Padding、Align等widget的一个组合widget。import 'package:flutter/material.dart';void main() => runApp(new MyApp());class ...

2019-06-07 12:40:25 235

原创 Vue 遍历单项选择 答题卡

UI设计稿如果是定义好的,数目不多的话。可能就会写死。几道题目就在data里,写几个对应v-model绑定的对应值。(插一句在vue中选中状态,不能checked,selected作为选中状态,vue是数据绑定的,也就是说data中绑定初始值来默认选中。)可是实际项目需求是 遍历问卷调查列表页,之后动态遍历问卷详情,也就是上图。如果只是渲染视图,应该没什么问题,关键在于v-model绑定值的...

2019-06-03 09:59:14 3652 5

原创 Flutter (六) Widget布局

Widget布局布局类Widget都会包含一个或多个子widget,不同的布局类Widget对子widget排版(layout)方式不同。widget其实就是Element的配置数据。Flutter中,根据Widget是否需要包含子节点将Widget分为了三类,分别对应三种Element,如下表:布局类Widget就是指直接或间接继承(包含)MultiChildRenderObjectWid...

2019-06-02 13:56:37 427

ts-test.zip

利用webpack ts做简单的入门项目环境构建,适合typescript初学者使用。

2019-09-03

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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