- 博客(22)
- 收藏
- 关注
RSS订阅原创 jQuery
1.1 jQuery 的概念jQuery总体概况如下 :jQuery 是一个快速、简洁的 JavaScript 库，其设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。j 就是 JavaScript； Query 查询； 意思就是查询js，把js中的DOM操作做了封装，我们可以快速的查询使用里面的功能。jQuery 封装了 JavaScript 常用的功能代码，优化了 DOM 操作、事件处理、动画设计和 Ajax 交互。学习jQuery本质
2020-09-17 01:38:24
323
原创 JavaScript 库
JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。简单理解： 就是一个JS 文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。比如 jQuery，就是为了快速方便的操作DOM，里面基本都是函数（方法）。常见的JavaScript 库：jQueryPrototypeYUI
2020-09-16 23:22:15
263
转载 数组（JavaScript）
1. 数组的概念数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。2. 创建数组2.1 数组的创建方式JS中创建数组有两种方式利用 new 创建数组利用数组字面量创建数组<script> // 1.数组(Array) ：就是一组数据的集合 存储在单个变量下的优雅方式 // 2. 利用new 创建数组 var arr = new Array();
2020-09-16 00:34:05
1054
原创 Ajax(JavaScript)
<script type="text/javascript"> function ajax (options) { // 存储的是默认值 var defaults = { type: 'get', url: '', data: {}, header: { 'Content-Type': 'application/x-www-form-urlencoded' }, success: function () {}, e
2020-09-14 14:04:10
110
原创 闭包（JavaScript）
1 变量作用域函数内部可以使用全局变量函数外部不可以使用局部变量当函数执行完毕，本作用域内的局部变量会销毁2 什么是闭包闭包（closure）指有权访问另一个函数作用域中变量的函数。----- JavaScript高级程序设计简单理解就是，一个作用域可以访问另外一个函数内部的局部变量。<script> // 闭包（closure）指有权访问另一个函数作用域中变量的函数。 // 闭包: 我们fun 这个函数作用域 访问了另外一个函数 fn 里面的局
2020-09-13 22:41:52
43
原创 正则表达式（JavaSrcipt）
正则表达式正则表达式（ regular Expression）是用来匹配字符串中字符组合的模式。在 JavaScript 中，正则表达式也是对象1. 用处：正则表达式通常被用来检索、替换那些符合某个模式（规则）的文本，例如验证表单：用户名表单只能输入英文字母、数字或者下划线， 昵称输入框中可以输入中文(匹配)。正则表达式还常用于过滤掉页面内容中的一些敏感词(替换)从字符串中获取我们想要的特定部分(提取)2. 正则表达式在js中的使用2.1 正则表达式的创建通过调用 RegExp 对象
2020-09-11 00:08:20
117
原创 水平垂直居中（flex布局）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>水平垂直居中</title> <style> html, body {
2020-09-04 00:12:46
184
原创 固比布局（flex布局）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>固比布局</title> <style> html, body {
2020-09-03 23:57:52
624
原创 九宫格加边框（移动端flex布局）
<!--index.wxml--><view class="grid"> <view class="item"> <image src="/assets/icons/grid-01.png"></image> <text>美食</text> </view> <view class="item"> <image src="/
2020-09-03 23:31:05
893
原创 navigator页面间跳转,传值，导航元素点击高亮，路由api
1. app.json 配置 pages节点，让他自动帮我们创建页面文件2. [page-name].json 文件内容为空报错[ pages/demo1/demo1.json.json 文件错误] pages/demo1/demo1.json: Empty file is NOT a valid json file微信小程序内部会将[page-name]文件夹内的所有文件渲染为一个文件，空的json文件会编译成空字符串不合法两种解决方法删除空json文件[page-name].json文件
2020-09-01 00:26:00
346
原创 基本组件总结（微信小程序）
组件的基本用法语法问题组件的使用是类似于HTML的方式（有不同），组件使用的严格的XML标准（开闭标签问题）组件的分类功能性的组件– 完成具体功能的布局类型的组件– 用来完成页面结构的（div）API 类型（使用的角度）– 通过调用一个方法来使用的...
2020-08-31 14:56:29
134
原创 界面交互API（微信小程序）
<!--index.wxml--><view class="container"> <button type="primary" bindtap="btnToDo">click me...</button></view>//index.js//获取应用实例const app = getApp()Page({ data: { }, //事件处理函数 btnToDo: function() { // // 当
2020-08-31 14:42:25
475
原创 表单组件(微信小程序)
<!--index.wxml--><view class="container"> <button type="warn">这是一个按钮</button> <button type="warm" size="mini" plain loading>这是一个按钮</button> <!-- hover 指的是按下， hover-class 指的就是按下过后的作用 Class --> <button ho
2020-08-31 14:24:13
218
原创 基础内容组件icon，progress，text
<!--index.wxml--><view class="container"> <!-- icon text progress --> <!-- iconType: [ 'success', 'success_no_circle', 'info', 'warn', 'waiting', 'cancel', 'download', 'search', 'clear' ] --> <!-- type 用于定义图标类型，只能是规定范围的类型，
2020-08-31 02:05:28
208
原创 界面层条件渲染（微信小程序）
wx:if vs hidden因为 wx:if 之中的模板也可能包含数据绑定，所以当 wx:if 的条件值切换时，框架有一个局部渲染的过程，因为它会确保条件块在切换时销毁或重新渲染。同时 wx:if 也是惰性的，如果在初始渲染条件为 false，框架什么也不做，在条件第一次变成真的时候才开始局部渲染。相比之下，hidden 就简单的多，组件始终会被渲染，只是简单的控制显示与隐藏。一般来说，wx:if 有更高的切换消耗而 hidden 有更高的初始渲染消耗。因此，如果需要频繁切换的情景下，用 hidd
2020-08-31 00:16:59
146
原创 登录页面的两种表单数据绑定方式
<!--index.wxml--><!-- <view class="container"> <view class="inputs"> <input class="username" placeholder="请输入用户名" value="{{ username }}" bindinput="inputChangeHandle" data-prop="username" /> <input class="password"
2020-08-30 23:11:09
528
原创 单向数据流（微信小程序）
<!--index.wxml--><view class="container"> <input value="{{ message }}" bindinput="inputHandle" /> <text>{{ message }}</text></view>1. this.setData 是用来改变data中的数据2. 他与直接赋值区别在于 setData 可以通知界面做出变化3. 直接赋值没有办法实现这一点（.
2020-08-30 16:07:06
241
原创 界面层事件处理，事件冒泡，事件传参
1. 事件的基本使用 bind[xxx] catch[xxx]2. 小程序中事件冒泡和HTML中处理起来不一样 这里是使用catch[xxx]3. 如果需要给事件处理函数指定参数只能通过 dataset 方式<!--index.wxml--><view class="container"> <!-- 基本的事件使用 就是通过给组件添加一个 "bind + 事件名" 的属性，属性的值指向一个定义在当前页面对象中JS方法 --> <button bind
2020-08-30 15:34:52
262
原创 界面层数据绑定，列表渲染
[page-name].wxml<!--index.wxml--><!-- 框架最大的特点就是让我们开发者必须按照特定的方式编写代码--><!-- 1. 数据在哪（当前页面对象的data属性中） 2. 绑定到哪里去（想绑定到哪就在那里用mustache语法输出）--><view class="container"> <!-- 这种{{}}的语法叫做mustache --> <text>{{ message }}
2020-08-29 18:10:30
101
原创 页面文件组成
1. [page-name].js页面逻辑文件，用于创建页面对象，以及处理页面生命周期控制和数据处理// index.js// 获取应用实例// 完成页面的逻辑，包括功能的实现var app = getApp()Page()2. [page-name].wxml语法遵循XML语法，不是HTML语法<!--index.wxml--><!-- wxml: wei xin markup language --><!-- 基于XML语法，用来定义界面结构 --&
2020-08-29 17:11:42
232
原创 小程序项目结构
1. 逻辑 app.js调用一个App的方法（全局方法）// app.jsvar obj = {}// 调用一个App的方法（全局方法）App(obj)// 调用App方法的作用就是用来创建应用程序实例对象// 定义应用程序的生命周期事件2. 样式 app.wxss/**app.wxss**//*样式文件*//*CS3 flex布局*/.container {}...
2020-08-29 00:38:15
144
原创 WEB标准
1. Web标准Web标准不是某一个标准，而是由W3C组织和其他标准化组织制定的一系列标准的集合。W3C 万维网联盟是国际最著名的标准化组织。1994年成立后，至今已发布近百项相关万维网的标准，对万维网发展做出了杰出的贡献。2. Web 标准构成构成： 主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。3. 介绍一下你对浏览器内核的理解？常见的浏览器内核有哪些？浏览器内核(Rendering Engine)包括两部分，渲染引擎和js引擎。渲染
2020-08-26 18:56:10
334
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人