- 博客(70)
- 收藏
- 关注
RSS订阅原创 AJAX封装
AJAX封装新建函数ajax，传参url、客户端获取成功后执行的函数、获取失败执行的函数。按照里面步骤，依次传参封装①创建ajax对象XHR②创建新的HTTP请求③发送请求④接收服务器数据AJAX封装调用调用ajax函数（参数：url、成功函数、失败函数）...
2019-09-23 11:40:07
208
原创 ajax接收服务器返回信息
ajax验证方式ajax方式用户名验证：ajax接收服务器返回信息发送信息由Ajax负责发送，那么接收信息时，需要Ajax接收信息。Ajax接收服务器返回信息，可以接收json格式：本质字符串的数据。Ajax对象成员分析：读取状态readyState：分析可得当状态readyState为4时才可以获得返回的数据。Ajax监听状态改变事件监听状态改变事件onreadys...
2019-09-22 18:04:59
900
原创 AJAX核心对象与发送请求
ajax核心对象XHRajax核心技术是XMLHttpRequest对象（简称XHR），所以通常提到ajax对象就是说XHR对象。css：Cascading Style Sheets（层叠 样式 表格）HTML：Hypertext Markup Language（超文本标记语言）创建ajax对象XHR：有两种方式：主流浏览器方式和兼容IE低版本。之所以要兼容IE低版本是因为ajax技术的...
2019-09-22 17:03:38
1072
原创 ajax简介
ajax简介2005年Jesse James Grattee发表了一篇文章，里面介绍了一种技术。这种技术可以从服务器请求数据，而无需重新加载页面，这样会带来更好的用户体验。一时间，席卷全球。AJAX=Asynchronous JavaScript and XML（异步的JavaScript和XML），前端开发里一般叫阿贾克斯。最大特点： 页面不刷新ajax案例百度关键词搜索输入关键...
2019-09-22 15:10:04
157
原创 对象进阶
一、概括万物皆对象二、对象概括特点：{}对象是由属性，属性由键值对构成。访问：var person = {name:”熊大”};①person.name②person[“name”]数据类型：没有限制三、注意变量可以看作window对象的属性，函数可以看作window对象的方法。方法：如果将函数放入对象内部，那么此时这个函数叫做对象的方法。四、对象的访问对象属性访问...
2019-09-20 10:08:41
104
原创 定义变量的四种方式
一、概括var(variable)、let(设置/允许)、const(constant常数/常量)、隐士全局变量二、对比var方式：①可以声明时赋值，也可以先声明后赋值②有声明提升过程③可以重复改动/声明赋值let方式：①可以声明时赋值，也可以先声明后赋值②没有声明提升过程③不可以重复改动/声明赋值const方式：①可以声明时赋值，不可以先声明后赋值②没有声明...
2019-09-20 09:11:29
4153
原创 事件代理/委托
一、事件机制事件绑定和事件代理（委托）事件绑定：1.HTML事件处理程序：缺点：强耦合2.DOM事件级别：DOM0（无法同时绑定多个事件处理程序）、DOM2、DOM3（可以同时处理多个事件）事件代理/委托：事件委托利用了事件冒泡，只定制一个事件处理程序，就可以管理某一类型的所有事件。事件委托vs普通绑定①普通事件绑定无法对新增节点进行处理。②事件委托是利用事件冒泡机制，将事件委托给...
2019-09-20 08:58:28
98
原创 函数进阶
一、函数来源函数：可以重复调用的一段代码块作用/优势：可以提高代码的使用率，进而提高效率二、变量提升三、函数定义方式1.函数声明定义特性：函数声明提升2.函数表达式定义函数特性：没有提升过程种类：匿名式函数表达式、命名式函数表达式（函数名称标识符不可以在外部使用）3.匿名函数也叫拉姆达λ函数特性：定义和调用合二为一，自执行4.构造函数5.变量声明提升与函数声明提...
2019-09-19 20:12:02
74
原创 DOM级别及DOM事件级别、事件模型与事件对象Event
DOM级别及DOM事件级别一、HTML事件处理程序缺点：HTML和JS强耦合二、DOM0级事件处理程序绑定与解绑：<button id=”btn”>按钮</button>绑定：1、获取按钮var btn = document.getElementById(“btn”);2、绑定事件btn.onclick = function(){alert(1)}3、解绑事...
2019-09-19 19:08:30
372
原创 元素节点的内容属性、元素节点的关联属性、元素节点的操作
元素节点的内容属性一、元素节点的文本内容：1、textContent：返回/设置元素节点的文本内容。2、innerText：返回/设置元素节点的文本内容。3、innerHTML：返回/设置元素节点的HTML代码。innerHTML将获得元素节点内部的HTML代码及其子节点的HTML代码。利用innerText/innerHTML设置内容，将会覆盖掉元素节点中所有的代码。若将HTML代...
2019-09-19 17:17:16
665
原创 百度图表 ECharts
ECharts的基本使用：完成一个简单的柱形图。到ECharts的官网下载ECharts组件将下载的ECharts组件加载到项目的HTML文档中在HTML文档中设置一个盛放图表的容器：<div id=”tu”></div> //自行在CSS中为#tu设置CSS样式在JS文件中为百度图表进行编程：（1）寻找DOM结构中盛放图表的容器：var tuNode=docu...
2019-09-19 16:27:25
539
原创 事件（event）
一、事件：事件是可以触发代码执行的动作。二、鼠标经过和鼠标离开：1、鼠标经过：onmouseover2、鼠标离开：onmouseout例3：在页面中有一个图片，当鼠标经过时图片的外边框发生颜色变化，当鼠标离开时图片的外边框颜色恢复。<div id="box" onmouseover="abc()" onmouseout="xyz()"></div>当鼠标经...
2019-09-19 15:52:04
250
原创 function函数
一、第一个function函数：1、在代码中书写的function函数默认情况下是不执行的。2、function函数只有在调用的时候才能被执行。函数是使用函数名来进行调用的，并且函数名的后面必须带有一对括号。3、可以多次调用函数（可以使用循环多次调用，可以书写多次函数名）。例1：利用function实现页面数据的弹出。// 声明了一个函数，名字叫做abcfunction abc(){...
2019-09-19 15:31:30
2982
原创 字符串的基本操作
一、如何创建字符串：1、直接通过声明变量的方法来创建字符串：var s=“abcdefg”;console.log(typeof(s)); //string2、利用字符串的构造函数进行声明：格式：var 变量名=new String(“字符串”);var w=new String(“今天石家庄下雪了”);window.alert(w);二、字符串的属性：length，返回...
2019-09-19 15:19:30
271
原创 数组（排序、翻转、连接、元素截取、元素添加与删除）
一、数组的排序方法：sort()1、功能：对数组中的数据按照字符串的比较进行升序排序。字符串是如何比较的：“a” > “A” //小写字母大于大写字母“a” < “b” //按照字母表顺序越靠后越大：a最小，z最大“A” > “1” //数组字符 < 大写字母 <小写字母“abc” < “abd”字符串按照位置两两比较...
2019-09-19 15:07:40
240
原创 算法（冒泡法排序）、DOM、节点、选择器、定位
一、 算法(冒泡法排序)// 冒泡法排序-升序var data=[15,3,0,9,27,6,44,19,1,30];var i,j,temp;for(i=0;i<data.length-1;i++){ for(j=i+1;j<=data.length-1;j++){ if(data[i]>data[j]){ temp=data[i]; data[i]=...
2019-09-19 14:23:29
269
原创 微信小程序（API---界面、位置、转发）
界面API（1）界面- - -交互APIwx.showToast(Object object)显示消息提示框基础属性：事件属性：object.icon的合法值：案例：<button bindtap="showToastFn">消息提示框</button>//消息提示框 showToastFn(){ wx.showToast({ ...
2019-09-19 11:48:54
493
原创 微信小程序（API---基础、路由、缓存、媒体）
基础API（1）基础API- - -系统获取系统信息wx.getSystemInfo(Object object)与wx.getSystemInfoSync(Object object)wx.getSystemInfoSync为同步API，即wx.getSystemInfo的同步版success参数：异步获取系统信息wx.getSystemInfo(Object object)...
2019-09-18 19:47:49
357
原创 微信小程序（API---简介、运行机制及同步异步）
API简介（1）API是什么？引用百度百科介绍微信小程序API（2）微信小程序API是什么？API（Application Programming Interface,应用程序编程接口），通俗来讲：**API是一种接口函数，把函数封装起来，**给开发者，这样好多的功能就不需要你去实现了，只要会调用就好了。微信小程序利用API就可以实现用户信息，数据储存，微信支付等功能。微信小程序AP...
2019-09-18 14:42:17
2373
原创 微信小程序（组件---自定义组件）
前言缘由：小程序的界面是由一系列组件构成的，小程序基础库提供了一组基础组件来满足开发者的基本需求。但随着小程序开发变得越来越复杂，单纯使用基础组件来进行开发也变得越来越不方便。例如，较为复杂的小程序中常常会有一些通用的交互模块，比如“下拉选择列表”、“搜索框”、“日期选择器”等。这些界面交互模块可能会在多个页面中用到，逻辑也相对独立。然而，用传统的小程序开发方法来实现这样的模块是非常繁琐的。...
2019-09-18 11:48:20
468
1
原创 数组
数组：内存中一片连续的存储空间一、如何声明数组：数组中的数据必须书写在一对[]内部。var 数组名=[10,20,30,40,50,60]; //数组的元素之间用逗号隔开。1、字面量数组：var 数组名=[数组元素];2、使用数组的构造函数声明： var 数组名=new Array(数组元素);若Array后面的括号中只有一个数值，则这个数值不是数组元素，而是规定好的数组...
2019-09-18 11:33:26
89
原创 第二章 结构化程序设计
（一）顺序结构1. 赋值语句在利用赋值运算符形成的赋值表达式的末尾添加分号就可以构成赋值语句。（1） x=5;（2） x+=10;（3） x++;其它运算符所构成的表达式末尾添加分号是无法实现语句的。1+1; （非法的）15>30; （非法的）2、例1：实现两个变量的交换。var a=10,b=20;var temp;temp=a; //将a赋给tempa...
2019-09-18 11:24:03
241
原创 第一章---JavaScript基础知识
一、如何在HTML语言中使用JavaScript：内部JavaScript代码：在<head></head>内部或<body></body>内部书写下列代码：<script type=”text/javascript”> window.alert(“任意文本”); //在页面加载时自动弹出一个窗口并显示文本内容</...
2019-09-18 10:46:13
210
原创 微信小程序（组件---地图+画布）
前言本节主要介绍下地图组件map及画布组件canvas。因为组件属性过多，很多方法尚未完善，所以主要讲解下常用属性及方法，后期开发如遇个性化地图项目需求，可参考官方文档依次配置即可。地图组件map地图组件：<map></map>个性化地图能力可在小程序后台“开发-开发者工具-腾讯位置服务”申请开通，详见https://lbs.qq.com/product/min...
2019-09-16 16:59:33
815
原创 微信小程序（组件---媒体）
媒体组件- - -音频<audio></audio>音频控件注意：1.6.0版本开始，该组件不再维护，建议使用能力更强的 wx.createInnerAudioContext 接口，之后课程再做介绍。audio音频属性列表—基础属性案例：<audio id="audioId" src="{{srcVal}}" poster="{{poste...
2019-09-16 15:47:16
629
原创 微信小程序（组件---表单：滑块、开关、选择器）
表单组件表单组件—slider滑动组件案例：<slider min="20" max="80" show-value="true"></slider>案例：<slider min="20" max="80" show-value="true" step="5"></slider>拖动滑块时，五个五个的开始增长案例：<...
2019-09-11 19:54:28
845
原创 微信小程序（组件--表单：交互控件）
input输入框基础属性：input输入框组件–基础属性—type类型type属性值text：文本输入键盘number：数字输入键盘idcard：身份证输入键盘digit：带小数点的数字键盘input输入框组件—占位符placeholder相关占位符placeholder属性：案例：<input placeholder="请输入内容" placehol...
2019-09-11 16:30:59
764
原创 微信小程序（组件---表单：按钮微信开放能力与客服）
本节主要讲解下按钮组件之open-type —微信开放能力常用属性值contact客户会话share分享转发getPhoneNumber获取用户手机号getUserInfo获取用户信息openSetting授权设置页feedback意见反馈页面按钮组件之open-type —微信开放能力常用属性值按钮组件open-type 微信开放能力属性值----contact客服会话...
2019-09-11 09:24:24
422
原创 微信小程序（组件---表单：按钮）
1.button按钮组件button按钮属性：①size:按钮大小size属性值：案例：<button size="default">按钮</button><button size="mini">mini按钮</button>查看源码，分析button默认样式与小尺寸button默认样式：默认样式（1px问题）由此可...
2019-09-10 20:51:37
2720
原创 微信小程序（组件---基础内容组件）
基础内容组件1. icon图标组件组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)icon图标组件type类型参数案例：
2019-09-10 16:44:36
332
原创 微信小程序（组件---视图组件案例）
微信小程序swiper实现滑动放大缩小效果：①先将基础轮播图写出来，开启无缝衔接模式circular<swiper circular="{{circularValue}}" class="carousel"> <block wx:for="{{carouselList}}" wx:key="index"> <swiper-item>...
2019-09-10 09:49:03
357
原创 微信小程序（组件---视图组件）
什么是组件？组件就是我们写HTML的一些基本标签，比如div、span、p、ul、li等。在大多数HTML里面的标签，很多都是要自己写上一些效果的，但是在小程序里面，很多标签都带有自己的效果，可以实现一些简单的JS逻辑。微信小程序里有很多很有意思的组件，这些组件给我们开发小程序提供了很大的便利。简介一个小程序页面可以分解成多个部分组成，组件就是小程序页面的基本组成单元。为了让开发者可以快速...
2019-09-09 15:52:42
715
原创 微信小程序（事件对象---绑定、冒泡、捕获）
原生组件小程序中的部分组件是由客户客户端创建的原生组件，包含：cameracanvasinput（仅在focus时表现为原生组件）maptextareavideo事件冒泡：<view id="parent" bind:tap="parentFn"> <view id="child" bind:tap="childFn"></view>...
2019-09-03 17:26:48
917
原创 微信小程序（组件收藏案例）
样式分析：未收藏时为灰色态，点击收藏按钮，图标变色，同时弹框实体收藏成功；收藏成功后，点击已收藏的商品，取消收藏，此时图标恢复为灰色态，同时弹框提示取消收藏成功。逻辑分析：每个商品单独绑定个数据，负责管理收藏状态，点击时判断状态，然后切换。（1）先将图片静态样式写入因为收藏按钮是在商品展示栏上一层，所以可以用绝对定位到右下角，此时点击便不会跳页。 .goodsArea{ ...
2019-08-28 21:57:17
472
1
原创 微信小程序（触控事件）
事件简介①本质：事件是视图层到逻辑层的通讯方式。②作用：事件可以将用户的行为反馈到逻辑层进行处理。③应用：事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。④参数：事件对象可以携带额外信息，如id，dataset，touches事件类型在编写代码中，使用频率高的事件方式是：单击：tap长按：longtap滑动：touchstart、touchmove、t...
2019-08-28 20:16:47
320
原创 微信小程序（WeUI框架）
简介：WeUI是什么？WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。在微信小程序的开发过程中，涉及到的前端复杂的样式界面的问题，就需要使用个UI框架，这样可以省去以后很多麻烦。WeUI作为一个开源的移动端UI框架，由于它是微信官方提供的对微信的兼容性没有太大问题，而且和各组件的样式和微信一样，能够很好地和微信...
2019-08-27 20:20:24
559
原创 微信小程序（路由及组件跳页传参）
API路由跳页传参商品列表展示页：<view class="goodsArea"> <block wx:for="{{goodsList}}" wx:key="index"> <view class="goods"> <image src="{{item.imgSrc}}"></image> <...
2019-08-27 20:05:20
243
原创 微信小程序（组件跳转、规范、层级准备）
hover样式对比其他小程序列表项会发现，目前为止，点击跳页时，点击栏没有背景样式，类似于css的hover事件，小程序如果想给元素添加触屏点击样式，可以给元素添加hover-class属性。案例：<view hover-class="haha">hover-class</view>.haha{ background: #f8f8f8;}效果：点击后...
2019-08-27 19:48:42
467
原创 微信小程序（页面栈和API跳转）
页面栈一个小程序拥有多个页面，且部分页面可能是互相嵌套的。案例：<view class="my"> <block wx:for="{{myArray}}" wx:key="index"> <view class="myList" bindtap="{{item.fn}}"> <image src="{{item.imgSrc}...
2019-08-26 21:38:15
268
原创 微信小程序（页面用户行为）
小程序界面渲染小程序界面渲染的基本原理：小程序的页面结构由WXML进行描述，WXML可以通过数据绑定的语法绑定从逻辑层传递过来的数据字段，数据来自于页面Page构造器的data字段，data参数是页面首次渲染时从逻辑层传递到渲染层的数据。双线程下的界面渲染：小程序的逻辑层和渲染层是分开的两个线程。在渲染层，宿主环境会把WXML转化成对应的JS对象，在逻辑层发生数据变更的时候，需要通过宿主环...
2019-08-26 20:18:01
509
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人