炽天使_1985-优快云博客

原创数据结构-08 基本排序算法01

一，冒泡排序冒泡排序算法是最慢的排序算法之一，之所以叫冒泡排序是因为使用这种排序算法排序时，数据值会像气泡一样从数组的一端漂浮到另一端。 var data = [72,54,58,30,31,78,2,77,82,72]; var length = data.length; for(var i=0;i<length-1;i++){ ...

2018-05-26 17:01:26 228

一，树的定义树由一组以边连接的节点组成。。一棵树最上面的节点称为根节点，如果一个节点下面连接多个节点，那么该节点称为父节点，它下面的节点称为子节点。一个节点可以有0 个、1 个或多个子节点。没有任何子节点的节点称为叶子节点。沿着一组特定的边，可以从一个节点走到另外一个与它不直接相连的节点。从一个节点到另一个节点的这一组边称为路径，在图中用虚线表示。以某种特定顺序访问树中所有的节点称为树的遍历。树可...

2018-05-24 17:33:23 422

原创 17 数据缓存

一，全局变量（1）在app.js设置globalData的变量App({ onLaunch: function () { this.globalData.id = "51" }, globalData: { id: null, name:null, passwd:null }})（2）在使用页面获得保存参数 1，获取应用实例；2，获得实例变量co

2018-01-05 10:47:51 464

原创 16 图片

一，chooseImage 从本地相册选择图片或使用相机拍照参数类型必填说明 count Number 否最多可以选择的图片张数，默认9 sizeType StringArray 否 original 原图，compressed 压缩图，默认二者都有 sourceType StringArray

2017-12-29 15:53:25 297

原创 15 网络

一，wx.request 发起网络请求参数名类型必填默认值说明 url String 是开发者服务器接口地址 data Object/String/ArrayBuffer 否请求的参数 header Object 否设置请求的 header，header 中不能设置 Referer。 metho

2017-12-29 15:30:56 293

原创 14 组件-表单

一，form 将组件内的用户输入的switch, input,checkbox, slider, radio, picker 提交当点击表单中 formType 为 submit 的组件时，会将表单组件中的 value 值进行提交，需要在表单组件中加上 name 来作为 key。属性名类型说明 report-submit Boolean 是否返回 formI

2017-12-29 14:39:54 250

原创 13 高级组件

一，swiper 滑块视图容器属性名类型默认值说明 indicator-dots Boolean false 是否显示面板指示点 indicator-color Color rgba(0, 0, 0, .3) 指示点颜色 indicator-active-color Color 000000 当前选中的指示点颜色 autop

2017-12-29 14:24:53 297

原创 12 WXS-基础类库

一，consoleconsole.log 方法用于在 console 窗口输出信息。它可以接受多个参数，将它们的结果连接起来输出。二，Math数学计算abs max min random三，JSON（1）stringify(object): 将 object 对象转换为 JSON 字符串，并返回该字符串（2）parse(string): 将 JSON 字符串转化成对象，并返回该对象

2017-12-29 13:49:02 335

原创 11 WXS-模块

WXS 代码可以编写在 wxml 文件中的标签内，或以 .wxs 为后缀名的文件内一，模块每一个 .wxs 文件和标签都是一个单独的模块。每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数，默认为私有的，对其他模块不可见。一个模块要想对外暴露其内部的私有变量与函数，只能通过 module.exports 实现。二，wxs 文件创建 .wxs 文件，在其中直接编写 WXS

2017-12-29 11:25:57 524

原创 10 WXML-引用

WXML 提供两种文件引用方式import和include一，import import可以在该文件中使用目标文件定义的template（1）item.wxml 中定义了一个叫item的template<template name="item"> <text>{{text}}</text></template>（2）在 index.wxml 中引用

2017-12-29 11:11:39 565

原创 09WXML-模板

WXML提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用一，定义模板name 属性，作为模板的名字。然后在内定义代码片段<template name="msgItem"> <view> <text> {{index}}: {{msg}} </text> <text> Time: {{time}} </text> </view></templat

2017-12-29 11:00:44 205

原创 08 WXML-渲染

一，列表渲染 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件Page({ data: { array: [{ message: 'foo', }, { message: 'bar' }] }})例1：<view wx:for="{{array}}"> {{index}}: {{item.message}}

2017-12-29 10:54:41 348

原创 07 WXML-数据绑定

一，简单绑定数据绑定使用 Mustache 语法（双大括号）将变量包起来（1）内容<view> {{ message }} </view>Page({ data: { message: 'Hello MINA!' }})（2）组件属性<view id="item-{{id}}"> </view>Page({ data: { id: 0 }})（3）控制属性

2017-12-29 10:44:42 258

原创 06 路由

一，打开新页面（1）wx.navigateTo(OBJECT) 保留当前页面，跳转到应用内的某个页面代码：wx.navigateTo({ url: 'test?id=1'})（2）navigator 页面链接代码 <navigator url="/page/navigate/navigate?title=navigate" open-type="navigateTo">

2017-12-28 23:52:43 282

原创 05 初级组件

一，view 视图容器。<view class=""></view>二，scroll-view 可滚动视图区域。属性名类型默认值说明 scroll-x Boolean false 允许横向滚动 scroll-y Boolean false 允许横向滚动 scroll-top Number 设置竖向滚动条位置 scro

2017-12-28 17:30:20 277

原创 04 生命周期

01生命周期介绍当用户点击左上角关闭，或者按了设备 Home 键离开微信，小程序并没有直接销毁，而是进入了后台；当再次进入微信或再次打开小程序，又会从后台进入前台。从前台切换到后台，从后台切换到前台的触发就是生命周期函数。App() 函数用来注册一个小程序。接受一个 object 参数，其指定小程序的生命周期函数等。属性类型描述触发时机 onLaunch Fun

2017-12-28 16:23:07 227

原创 03 app.json 配置

01 app.json 配置 app.json文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。{ "pages": [ "pages/index/index", "pages/logs/index" ], "window": { "navigationBarTitleText": "Demo" },

2017-12-28 16:00:26 374

原创 02小程序代码构成

01小程序代码构成page:页面构成 utils:工具类 json : JSON 配置文件wxml: 模板文件 wxss : 样式文件 js :逻辑文件02JSON 配置项目的根目录有一个 app.json app.json 是对当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。QuickStart 项目里边的 app.json 配置内

2017-12-28 15:10:44 439

原创 01 小程序介绍、申请、创建、部署

01小程序介绍、申请、创建、部署小程序介绍微信小程序（wei xin xiao cheng xu），简称小程序，缩写XCX，英文名Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。全面开放申请后，主体类型为企业、政府、媒体、其他组织或个人的开发者，均可申请注册小程序。小程序、订阅号、服务号、企业号是并行的体系。申请点击注册

2017-12-28 14:55:49 773

原创 jQuery-（7）动画

创建自定义动画语法：$(selector).animate({params},speed,callback);（1）params：定义形成动画的 CSS 属性。（2）speed ：效果的时长。它可以取以下值：”slow”、”fast” 或毫秒。（3）callback ：动画完成后所执行的函数名称示例$("button").click(function(){ $("div").anim

2017-08-17 14:26:58 200

原创 jQuery-（6）滑动

slideDown()用于向下滑动元素。语法:$(selector).slideDown(speed,callback);示例：$("#flip").click(function(){ $("#panel").slideDown();});slideUp()用于向上滑动元素语法:$(selector).slideUp(speed,callback);示例：$("#flip").clic

2017-08-17 11:37:00 358

原创 jQuery-（5）淡入淡出

fadeIn() 方法用于淡入已隐藏的元素。语法:$(selector).fadeIn(speed,callback);（1）speed 参数规定效果的时长。毫秒。（2）callback 参数是 fading 完成后所执行的函数名称。示例：$("button").click(function(){ $("#div1").fadeIn(); $("#div2").fadeIn("sl

2017-08-16 14:49:31 191

原创 jQuery-（4）隐藏和显示

hide()隐藏元素$("#hide").click(function(){ $("p").hide();});show()显示元素$("#show").click(function(){ $("p").show();});toggle()切换 hide() 和 show() 方法$("button").click(function(){ $("p").toggle();});

2017-08-16 14:34:56 251

原创 jQuery-（3）事件

什么是事件？页面对不同访问者的响应叫做事件。在元素上移动鼠标。选取单选按钮点击元素常用的事件（1）click() click() 方法是当按钮点击事件被触发时会调用一个函数。$("p").click(function(){ $(this).hide();});（2）dblclick() 当双击元素时，会发生 dblclick 事件。$("p").dblclick(function(

2017-08-16 14:22:59 192

原创 jQuery-（2）语法

语法（1）基础语法：美元符号定义 jQuery选择符（selector）”查询”和”查找” HTML 元素jQuery 的 action() 执行对元素的操作（2）实例：$(this).hide() - 隐藏当前元素$(“p”).hide() - 隐藏所有元素$(“p.test”).hide() - 隐藏所有 class=”test” 的元素$(“#test”).hide()

2017-08-16 10:53:31 187

原创 jQuery-（1）入门

jQuery 简介jQuery是一个JavaScript函数库。 jQuery是一个轻量级的”写的少，做的多”的JavaScript库。 jQuery库包含以下功能：HTML 元素选取CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilitiesjQuery 安装点击jQuery地址，下载jquery。在前端代码添加代码：<h

2017-08-15 17:28:40 193

原创 AJAX-（2）使用方法

创建 XMLHttpRequest 对象variable=new XMLHttpRequest(); 实例var xmlhttp;if (window.XMLHttpRequest){ // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 xmlhttp=new XMLHttpRequest();}else{ // IE

2017-08-15 17:08:35 245

原创 AJAX-（1）简介

AJAX 简介AJAX 是异步 JavaScript 和 XML，用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。工作原理

2017-08-15 16:53:26 249

原创 AngularJS入门-（12）http

http请求方式$http({ method: 'GET', url: '/someUrl'}).then(function successCallback(response) { // 请求成功执行代码 }, function errorCallback(response) { // 请求失败执行代码});AngularJS httpAn

2017-08-02 10:26:14 300

原创 AngularJS入门-（11）表单

Input 控件<!DOCTYPE html><html><head> <meta charset="utf-8"> <script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script></head><body><div ng-app=""> <form> Fi

2017-08-01 18:11:26 281 1

原创 AngularJS入门-（10）模块

创建模块<div ng-app="myApp">...</div><script>var app = angular.module("myApp", []); </script>“myApp” 参数对应执行应用的 HTML 元素。添加控制器<!DOCTYPE html><html><head> <meta charset="utf-8"> <script src="http

2017-08-01 17:24:37 199

原创 AngularJS入门-（9）HTML DOM

ng-disabled 指令ng-disabled 指令直接绑定应用程序数据到 HTML 的 disabled 属性<!DOCTYPE html><html><head> <meta charset="utf-8"> <script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script></

2017-08-01 17:05:41 263

原创 AngularJS入门-（8）过滤器

什么是过滤器？过滤器是用来更改修改数据，并且可以在表达式或使用管道符指令将其归入。常用的过滤器如下 1. 大写 2. 小写 3. 货币 4. 过滤器 5. 排序大写过滤器<!DOCTYPE html><html><head> <meta charset="utf-8"> <script src="http://cdn.bootcss.com/angular.j

2017-08-01 16:49:06 238

原创 AngularJS入门-（7）控制器

控制器介绍AngularJS应用主要依赖于控制器来控制数据在应用程序中的流动。控制器采用ng-controller指令定义。控制器是一个包含属性/属性和JavaScript对象的功能。每个控制器接受$scope参数指定应用程序/模块，由控制器控制。<!DOCTYPE html><html><meta charset="utf-8"><script src="https://cdn.bootcs

2017-08-01 15:39:42 217

原创 AngularJS入门-（6）表达式

数字<!DOCTYPE html><html><head> <meta charset="utf-8"> <script src="https://cdn.bootcss.com/angular.js/1.6.3/angular.min.js"></script></head><body><div ng-app="" ng-init="price=10;number=5">

2017-08-01 15:11:00 354

原创 AngularJS入门-（5）指令

什么是AngularJS指令？AngularJS 通过被称为指令的新属性来扩展 HTML，通过内置的指令来为应用添加功能。 1. ng-app - 该指令启动一个AngularJS应用。 2. ng-init - 该指令初始化应用程序数据。 3. ng-model - 此指令定义的模型，该模型是变量在AngularJS使用。 4. ng-repeat - 该指令将重复集合中的每个

2017-08-01 14:58:28 236

原创 AngularJS入门-（3）hello world

第1步：加载框架 <script src="https://cdn.bootcss.com/angular.js/1.6.3/angular.min.js"></script>第2步：使用ng-app指令定义AngularJS应用<div ng-app="">...</div>第3步：用 ng-model指令定义的模式名称<input type="text" ng-model="name">第4

2017-08-01 14:36:46 198

原创 AngularJS入门-（2）MVC体系结构

MVC介绍MVC是一种软件设计模式，用于开发Web应用程序。模型- 视图 - 控制器模式是由以下三部分组成：模型/Model - 一个负责维护数据模式的最低水平。视图/View - 负责显示所有或数据到用户的部分。控制器/Controller - 软件代码控制Model和View之间的相互作用。模型 - model 模型是负责管理应用程序的数据。它响应来自视图的请求，同时也响应指令从控制器

2017-08-01 14:22:42 249

原创 AngularJS入门-（1）

AngularJS是什么？AngularJS是一个开源Web应用程序框架。它最初是由MISKO Hevery和Adam Abrons于2009年开发。现在是由谷歌维护。 AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets

2017-08-01 11:11:14 204

原创 express入门（12）- websocket

1，WebSocket原理WebSocket是为解决客户端与服务端实时通信而产生的技术。WebSocket是HTML5开始提供的一种在单个 TCP连接上进行全双工通讯的协议。在WebSocketAPI中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。WebSocket API最伟大之处在于服务器和客户端可以在给定的时间范围内的

2017-07-19 17:16:42 430