- 博客(43)
- 收藏
- 关注
RSS订阅原创 Flutter之文本组件Text和RichText
Flutter之文本组件Text和RichText1、概述文本组件负责显示文本和定义显示的样式2、Text 常用属性（显示简单样式⽂本，包含控制⽂本显示样式的属性）data：String类型，要显示的文本maxLines：int类型，默认值是0，文本显示的最大行数，有多余的⽂本，可以通过 overflow 来指定截断⽅式，默认是直接截断，例如TextOverflow.ellipsis ...
2020-02-17 18:44:57
3457
2
原创 Flutter之抽屉组件Drawer
Drawer（抽屉组件）1、概述Scalfold 是 Flutter MaterialApp 常用的布局 Widget，接受一个 drawer属性，支持配置 Drawer，可以实现从侧边栏拉出导航面板，好处是把一些功能菜单折叠起来，通常Drawer是和Listview组件或者 Column组合使用进行纵向布局。Listview组件是竖排排列的，上下可滑动。【注意】如果没有设置 AppBar...
2020-02-17 16:35:14
2229
原创 Dart编程语言之数据类型
Dart编程语言之数据类型一、变量与常量使用var声明变量，可赋予不同类型的值。未初始化时，默认值为null。使用final声明的是一个只能赋值一次的变量。使用const声明常量，使用const声明的必须是编译期常量。void main(){ var demoOne; print(demoOne); var demoTwo = "hello"; prin...
2020-01-02 08:31:15
252
1
原创 Dart编程语言之初体验
Dart编程语言之初体验一、初体验可以通过终端/控制台或者通过各类IDE运行Dart程序1）通过DartPad体验DartPad传送门main()函数是应用程序的入口点，Dart脚本需要main()方法来执行。print()是一个预定义的函数，它将值打印到终端。2）通过vscode体验新建demo.dart文件，打印hello dart到终端并运行3）通过终端体验...
2020-01-02 08:15:02
237
原创 Dart编程语言之简单介绍及安装
Dart编程语言之简单介绍及安装一、简述Dart是Google发布的一门开源编程语言，是一门面向对象的编程语言，特点是高效、快速、可移植、易学、响应式。二、应用场景1、web开发2、跨平台移动应用开发3、脚本或服务端开发三、版本目前是分为两个版本，1.X和2.X四、SDK安装各个平台详细安装传送门下面以Mac安装为例：1）首先在Mac上安装homebrew...
2020-01-02 07:44:41
375
原创 Node.js实战项目--简单的项目发布系统
Node.js实战项目–简单的项目发布系统 本章项目是使用express+mongodb制作一个简单的项目发布系统。项目前准备安装node.js安装express项目结构初始化第一步：首先新建express站点，express publish-system -e -c less，这些我们新建的项目名称是publish-system，选择ejs模板，使用l...
2018-08-10 14:16:09
19439
5
原创 Node.js（三）——Express
Node.js（三）——Express一、中间件1、简介 1）Express 是一个自身功能极简，完全是由路由和中间件构成一个的 web 开发框架。 2）从本质上来说，一个 Express应用就是在调用各种中间件。 3）中间件就是通过在客户和应用程序逻辑之间添加一个瘦层来过滤应用程序中的请求和响应的一种方式。 4）中间件（Middleware） 是一个函数，它...
2018-08-09 11:33:23
399
原创 vue实战——vue中发送AJAX请求
vue中发送AJAX请求一、简介 1）vue本身不支持发送AJAX请求，需要使用vue-resource、axios等插件实现。 2） axios是一个基于Promise的HTTP请求客户端，用来发送请求，也是vue2.0官方推荐的，同时不再对vue-resource进行更新和维护。 参考：GitHub上搜索axios，查看API文档二、使用axios发送AJ...
2018-05-14 17:52:49
176711
11
原创 vuejs实战——PC端
vuejs实战——PC端一、项目使用资源整合1、使用vue-cli脚手架工具搭建2、使用UI框架——elementUI（http://element.eleme.io/#/zh-CN/）二、使用vue-cli创建项目全局安装 vue-cli（$ npm install –global vue-cli）创建一个基于webpack模板的新项目（$ vue init webp...
2018-05-11 18:15:47
22233
1
原创 vue.js——基础篇之vue组件
vue组件一、什么是组件       组件（Component）是Vue.js最强大的功能之一。组件可以扩展 HTML元素，封装可重用的代码。在较高层面上，组件是自定义元素，vue.js的编译器为它添加特殊功能，在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。组件系统让我们可以用独立可复用的小组件来构建大...
2018-05-09 18:01:12
907
原创 Vue.js从入门到实战（一）：Vue.js基础知识点
Vue.js基础知识点一、样式的绑定1、概述 对于数据绑定，一个常见需求就是操作元素的class列表和它的内联样式。class与style是HTML元素的属性，用于设置元素的样式，可用v-bind来设置样式属性，只需要计算出表达式最终的字符串，表达式的结果类型除了字符串之外，还可以是对象或数组。2、...
2018-05-07 09:18:35
2175
原创 vue.js工具篇——vue-cli脚手架
vue.js工具篇——vue-cli脚手架 Vue 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具为现代化的前端开发工作流提供了开箱即用的构建配置。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。一、vue-cli安装、创建、运行全局安装 vue-cli（$ npm install –global vue-cli）创建...
2018-04-24 17:10:33
963
原创 理解JavaScript库（一）——初体验封装获取节点方法
理解JavaScript库（一）——初体验封装获取节点方法一、理解JavaScript库 JavaScript库就是把各种常用的代码片段，组织起来放在一个js文件里，组成一个包，这个包就是JavaScript库。 现如今有太
2018-04-18 13:11:28
247
原创 JavaScript-继承
JavaScript-继承一、概念 继承是面向对象中一个比较核心的概念。其他正统面向对象语言都会用两种方式实现继承：一个是接口实现，一个是继承。而ECMAScript只支持继承，不支持接口实现，而实现继承的方式依靠原型链完成。二、原型链继承【1】基本概念： 1、超类型：被继承的函数叫做超类型（又叫父类、基类）。 2、子类型：继承的函数叫做子类型（又叫子类、派...
2018-04-13 17:37:57
183
1
原创 一款近年来备受青睐的web弹层组件——layer（http://layer.layui.com/）
一款近年来备受青睐的web弹层组件——layer（http://layer.layui.com/）一、使用场景 由于layer可以独立使用，也可以通过Layui模块化使用。所以请按照实际需求来选择。1）作为独立组件使用 如果只是单独想使...
2018-04-12 17:23:37
1759
原创 JavaScript-面向对象与原型
JavaScript-面向对象与原型一、前言 ECMAScript有两种开发模式：1.函数式(过程化)，2.面向对象(OOP)。 面向对象的语言有一个标志，那就是类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。但ECMASc...
2018-04-11 17:33:43
148
原创 JavaScript-基本包装类型
JavaScript-基本包装类型一、基本概念 为了便于操作基本类型值，ECMAScript提供了3个特殊的引用类型：Boolean、Number和String。这些类型与其他引用类型相似，同时也具有与各自的基本类型相应的特殊行为。实际上，每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的...
2018-04-11 16:41:25
146
原创 canvas系列二：canvas中级篇
canvas系列二：canvas中级篇一、绘制矩形【总结】绘制矩形的几种方法context对象.strokeRectcontext对象.fillRectcontext对象.rectrect方法就是矩形路径，还需要使用fill或stroke才可以看到效果，因此一般使用strokeRect或fillRect直接可以看到结果。【1】绘制矩形框语法： contex...
2018-03-26 14:55:51
308
原创 canvas系列一：canvas基础篇
canvas系列一：canvas基础篇一、什么是canvas canvas是HTML5提供的一个用于展示绘图效果的标签，原意画布、帆布，在HTML页面中用于展示绘图效果。二、canvas的应用领域canvas的使用领域很多:游戏可视化数据(重点)banner 广告多媒体未来（模拟仿真、远程操作、图形编辑）三、canvas 的基本用法 基...
2018-03-23 17:08:16
1428
原创 使用CSS3制作幽灵按钮
使用CSS3制作幽灵按钮1、什么是幽灵按钮 透明按钮，顾名思义，就是在设计网页按钮时，不再设计复杂色彩、样式和纹理， 而是外仅以线框示意轮廓，内只用文字示意功能，背景透出，与整个页面/背景合而为一的设计方式。 国外的设计师称之为“幽灵按钮”（Ghost Buttons），盛赞这种按钮通透简约， 贴合整体风格又不失神韵，别具魅力。这种按钮的设计早已有之，但是...
2018-03-19 15:13:58
1687
原创 前端常用效果——信息滚动效果
前端常用效果——信息滚动效果一、使用marquee标签实现信息滚动HTML的marquee用来插入一段滚动的文字。可以使用它的属性控制当文本到达容器边缘发生的事情。1、marquee属性1.1、behavior——设置文本在marquee元素内滚动的方式。可选值有scroll，slide和alternate。如果未指定值，默认值为scroll。scroll表示由一端滚动到另...
2018-03-17 17:02:11
9570
原创 CSS3系列三（CSS3动画 ）
CSS3系列三（CSS3动画 ）一、什么是CSS3动画通过CSS3，能够创建动画，这可以在许多网页中取代动画图片、Flash动画以及JavaScript。动画是使元素从一种样式逐渐变化为另一种样式的效果。可以改变任意多的样式任意多的次数。二、CSS3 @keyframes 规则如需在CSS3中创建动画，需学习@keyframes规则。@keyframes规则用于创建动画。在@...
2018-03-12 11:26:37
291
原创 CSS3系列一（CSS3新特性）
CSS3系列一（CSS3新特性）一、简介CSS用于控制网页的样式和布局。CSS3是最新的CSS标准。CSS3完全向后兼容，因此您不必改变现有的设计。浏览器通常支持 CSS2。二、CSS3 模块 CSS3被划分为模块。其中最重要的CSS3模块包括： 1）选择器 2）框模型 3）背景和边框 4）文本效果 5）2D/3D 转换 6）动画 7）多列布局...
2018-03-09 15:44:45
265
原创 React入门系列一（初识React）
React入门系列一（初识React）一、React简介 React是一个用于构建用户界面的JavaScript库。React主要用于构建UI，很多人认为React是MVC中的V（视图）。React起源于Facebook的内部项目。React 拥有较高的性能，代码逻辑非常简单。二、React特点声明式设计−React采用声明范式，可以轻松描述应用。高效 −React通过对...
2018-03-08 15:54:21
2079
3
原创 React系列五（React-Props）
React系列五（React-Props）一、使用React Propsstate和props主要的区别在于props是不可变的，而state可以根据与用户交互来改变。这就是为什么有些容器组件需要定义state来更新和修改数据。而子组件只能通过props来传递数据。<!DOCTYPE html><html><head lang="en"> ...
2018-03-07 11:12:23
396
原创 React系列四（React-State）
React系列四（React-State）一、React State(状态)React 把组件看成是一个状态机。通过与用户的交互，实现不同状态，然后渲染UI，让用户界面和数据保持一致。React里，只需更新组件的state，然后根据新的state重新渲染用户界面（不要操作DOM）。<!DOCTYPE html><html><head lan...
2018-03-07 09:58:48
193
原创 React系列三（React-组件）
React系列三（React-组件）一、React.createClassReact 允许将代码封装成组件（component），然后像插入普通HTML标签一样，在网页中插入这个组件。React.createClass方法用于生成一个组件类XXX，<XXX /> 实例组件类并输出信息。模板插入<XXX />组件类时，会自动生成XXX的一个实例（下文的"组件"...
2018-03-06 16:46:41
287
原创 React入门系列二（React-JSX）
React入门系列二（React-JSX） React 使用 JSX 来替代常规的 JavaScript。JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。不一定非要使用 JSX，但它有以下优点： 1）JSX 执行更快，在编译为 JavaScript 代码后进行了优化。 2）它是类型安全的，在编译过程中就能发现错误。 3）使用 JSX 编写模板更加简单...
2018-03-06 14:38:37
306
原创 JavaScript系列知识——JavaScript数据类型和类型转换
JavaScript系列知识——JavaScript数据类型和类型转换一、JavaScript数据类型 字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）。JavaScript 拥有动态类型，这意味着相同的变量可用作不同的类型，比如说，var x; x 为 undefined...
2018-02-27 17:21:21
169
原创 JavaScript系列知识——JavaScript错误
JavaScript系列知识——JavaScript错误一、JavaScript 错误 当 JavaScript 引擎执行 JavaScript代码时，会发生各种错误。可能是语法错误，通常是程序员造成的编码错误或错别字。可能是拼写错误或语言中缺少的功能（可能由于浏览器差异）。可能是由于来自服务器或用户的错误输出而导致的错误。当然，也可能是由于许多其他不可预知的因素。二、J...
2018-02-27 10:38:08
165
原创 JavaScript系列知识——JavaScript代码规范
JavaScript系列知识——JavaScript代码规范一、JavaScript 代码规范1、代码规范通常包括以下几个方面:1）变量和函数的命名规则2）空格，缩进，注释的使用规则3）其他常用规范…… 注意：规范的代码可以更易于阅读与维护，代码规范一般在开发前规定，可以跟团队成员来协商设置。二、JavaScript命名规范1、变量名命...
2018-02-27 09:58:49
197
翻译 ES6知识整理（一）
ECMAScript 6.0，简称 ES6，是 JavaScript 语言的下一代标准，在 2015 年 6 月已经正式发布。目标是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。ES6简介、块级作用域、let命令
2017-12-11 17:09:05
252
原创 vue.js知识点总结（七）列表渲染
1、用 v-for 把一个数组对应为一组元素,用 v-for指令根据一组数组的选项列表进行渲染，简单的说就是循环使用v-for。v-for 指令需要使用 item in items 形式的特殊语法，items 是源数据数组并且 item 是数组元素迭代的别名。在 v-for 块中，我们拥有对父作用域属性的完全访问权限。v-for 还支持一个可选的第二个参数为当前项的索引。 用 v-f...
2017-11-30 09:58:39
2172
原创 精灵图专题
关于精灵图1、什么是精灵图 就是将页面上一些较小的图片放在一张大图上。2、为什么要有精灵图 最早的时候网速十分有限，为了提升用户的体验我们会将一张大图分解成为多张小图来提高页面的打开速度。但是网速得到提升，为了能够让服务器承载更多的请求，我们要减少浏览器对服务器的请求，最直接的方式，就是将多张小的图片放在一张大图上。从而减轻服务器的压力。而将多张小图放在一张大图上的操作就叫做精灵图，
2017-04-15 14:44:46
414
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人