- 博客(44)
- 收藏
- 关注
RSS订阅原创 小程序自定义组件开发
开发者可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。自定义组件在使用时与基础组件非常相似。1、创建自定义组件类似于页面，一个自定义组件由 json wxml wxss js 4个文件组成。要编写一个自定义组件，步骤如下：1.1 创建组件目录其用来存放各个文件。以toast组件为例，示例如下：1.2 配置.json文件在 json 文件中进行自定义组件声明，将 component 字段设为 true ，则这一组文件设
2021-03-12 14:04:35
220
2
原创 微信小程序的生命周期
微信小程序的生命周期分为应用的生命周期、页面的生命周期一、应用生命周期App() 必须在 app.js 中调用，必须调用且只能调用一次，app.js中定义了一些应用的生命周期函数：用户首次打开小程序，触发 onLaunch（全局只触发一次）。小程序初始化完成后，触发onShow方法，监听小程序显示。小程序从前台进入后台，触发 onHide方法。小程序从后台进入前台显示，触发 onShow方法。小程序后台运行一定时间，或系统资源占用过高，会被销毁。小程序发生脚本错误，或者 api 调用失败时
2021-02-21 14:57:02
163
原创 React生命周期
一、简介React的生命周期从广义上分为三个阶段：挂载、渲染、卸载。因此可以把React的生命周期分为两类：挂载卸载过程和更新过程。React的生命周期图：二、挂载卸载过程1.constructor()constructor()中完成了React数据的初始化，它接受两个参数：props和context，当想在函数内部使用这两个参数时，需使用super()传入这两个参数。注意：只要使用了constructor()就必须写super(),否则会导致this指向错误。2.componentWillM
2021-02-19 15:47:54
104
原创 CSS3弹性布局
弹性布局（display: flex）Flexbox是 CSS3 引入的新的布局模式，决定了元素如何在页面上排列，使它们能在不同的屏幕尺寸和设备下可预测地展现出来。它能够扩展和收缩 flex 容器内的元素，以最大限度地填充可用空间。与以前布局方式（如 table 布局和浮动元素内嵌块元素）相比，Flexbox 是一个更强大的方式：在不同方向排列元素重新排列元素的显示顺序更改元素的对齐方式动态地将元素装入容器1、基本概念采用 Flex 布局的元素，称为 Flex 容器（flex contai
2021-02-19 11:13:50
98
原创 CSS3常用函数梳理
一、定义CDN 全称 Content Delivery Network 或 Content Distribute Network，即内容分发网络。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络，CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。...
2021-02-19 11:00:44
1000
原创 小程序wxs语法的使用
一、WXS介绍• WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。• WXS 与 JavaScript 是不同的语言，有自己的语法，并不和 JavaScript 一致。• WXS 的运行环境和其他 JavaScript 代码是隔离的，WXS 中不能调用其他 JavaScript 文件中定义的函数，也不能调用小程序提供的API。二、WXS模块WXS 代码可以编写在 wxml 文件中的 <wxs> 标签内，或以 .wxs 为后缀名的文件内。
2021-02-08 15:14:30
2107
原创 小程序wxml语法的使用
一、WXML介绍 WXML全称是 WeiXin Markup Language，是小程序框架设计的一套标签语言，结合小程序的基础组件、事件系统，可以构建出页面的结构。 WXML 文件后缀名是 .wxml，简单的 WXML 语句在语法上同 HTML 非常相似。不带有任何逻辑功能的 WXML 基本语法如下： <标签名 属性名1="属性值1" 属性名2="属性值2" ...> ...</标签名> 一个完整的 WXML语句由一段开始标签和一段结束标签组成，在标签中可以
2021-02-08 10:50:30
1255
1
原创 微信小程序-WXML引用
WXML 提供了两种文件引用方式：import 和 include。一、importimport 可以在该文件中使用目标文件定义的 template，如在 item.wxml 中定义了两个叫item1、item2的template：// item.wxml<template name="item1"> <text>{{text1}}</text></template><template name="item2"> <te
2020-05-13 18:06:05
225
原创 Ant Design表单Form常用方法
Form.useForm()通过 Form.useForm 对表单数据域进行交互。用法：const [form] = Form.useForm();经 Form.useForm() 创建的 form 控制实例，常用方法如下：1、form.setFieldsValue()设置表单的值，更新对应的值，用法：form.setFieldsValue({ name: 'dee', age: 18,});2、form.getFieldValue()获取对应字段名的值。用法：const n
2020-05-11 17:55:50
14540
2
原创 Promise 与 Async/await
一、PromisePromise 是一个对象，从它可以获取异步操作的消息，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。Promise对象有以下两个特点：对象的状态不受外界影响。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。一旦状态改变，就不会再变，任何时候都可以得到这个结果。Promise对象的状态改变，只有两种可能：从pending变为fulfilled和从pending变为rejected。Promise对
2020-05-09 18:42:44
113
原创 React hook 之 useState、useEffect
一、React hookHook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。所以，不用再纠结使用无状态组件（Function）还是有状态组件（Class），拥有了hooks，你的所有组件都将是Function。既然Class都丢掉了，就不再需要面对this。以下进行简单举例：1、使用class组件示例：imp...
2020-05-08 16:02:03
481
原创 微信小程序onLoad和onShow的区别
onLoad页面加载时触发。一个页面只会调用一次，可以在 onLoad 的参数中获取打开当前页面路径中的参数。onShow页面显示时触发。会重新加载。主要区别从二级页面返回该页面时，onLoad不会再次加载，而onshow会重新加载。如果加载列表页，二级页面对一级列表页面的内容有修改，则一级列表函数应该在onShow中加载，否则可以选择onLoad。如果从a页面携带参数跳转...
2020-04-23 13:52:36
999
原创 基本数据类型 && 引用数据类型
一、基本数据类型基本数据类型：Number、String、Boolean、Null、 Undefined、Symbol（ES6）。基本数据类型是指存放在栈中的简单数据段，数据大小确定，内存空间大小可以分配，它们是直接按值存放的，所以可以直接按值访问。二、引用数据类型引用数据类型：Object（在JS中除了基本数据类型以外的都是对象，数据是对象，函数是对象，正则表达式是对象）。引用类型是存...
2019-08-14 17:40:34
548
原创 JavaScript中this指向的简单学习
前提理解this的指向在函数定义的时候是无法确定的，只有在函数执行的时候才能确定this指向，即this指向的是那个调用它的对象。1、 普通函数调用function fn() { var user = "dee"; console.log(this.user); //undefined console.log(this); //Window}fn();如上所述...
2019-04-03 17:16:18
110
原创 XML基础知识
XML简介XML：Extensible Markup Language，可扩展标记语言；其被设计用来存储和传输数据，是一种很像HTML的标记语言；XML标签没有被预定义，需自行定义标签。注：XML 是独立于软件和硬件的信息传输工具。XML和HTML的区别XML和HTML为不同的目的而设计：XML被设计用来传输和存储数据，其焦点是数据的内容。HTML被设计用来显示数据，其焦点是数据的外...
2019-03-07 16:38:41
125
原创 JSON和JSONP的简单学习
JSON定义JSON：JavaScript Object Notation（JavaScript对象表示法），是轻量级的文本数据交换格式，文件名扩展是 .json。其可通过JavaScript进行解析，使用AJAX进行传输。JSON语法JSON 语法是 JavaScript 对象表示法语法的子集，包括以下内容：数据在名/值对中数据由逗号分隔花括号保存对象方括号保存数组JSON支...
2019-03-01 15:55:13
212
原创 AJAX和Fetch的学习与比较
AJAX入门学习AJAX简介AJAX-创建XMLHttpRequest对象AJAX-向服务器发送请求AJAX-服务器响应1、监听响应2、获取响应参考AJAX简介Ajax：异步的JavaScript和XML，一种用于快速创建动态网页的技术。通过在后台与服务器进行少量数据交换，是网页实现异步更新。注意：Ajax不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的web应用程序的技术。...
2019-02-28 20:46:27
293
原创 React+Redux入门学习
一、React1、定义 React是一个做UI的库，具体来说是做UI组件的库，专注于做MVC中的V。当数据发生变化的时候，react会自动的管理UI界面更新。 对于react，你做的仅仅是构建组件。通过封装，使得组件代码复用、测试及关注点分离更加容易。2、Virtual DOM 一个轻量级的虚拟的DOM，是react抽象出来的一个对象，用来描述DOM是什么样子的，应该如何呈现，即通过...
2018-02-23 10:29:11
500
原创 前端面试问题总结
HTML 1、XHTML和HTML有什么区别 1）HTML是一种基本的web网页设计语言，XHTML是基于XML（可扩展标记语言）的置标语言 2）XHTML 元素必须被正确地嵌套， 元素必须被关闭，标签名必须用小写字母， 文档必须拥有根元素 2、语义化的HTML 1）直观的认识标签，用正确的标签做正确的事 2）让页面的内容结构化，便于对浏览器、搜索引擎解析； 3）使阅读源代码的人更容易
2017-11-02 19:01:37
267
转载 数据库左连接右连接
一般所说的左连接，外连接是指左外连接，右外连接。1、先说左外连接和右外连接：先来查看一下我们要测试的两个表的数据：select * from t1;id name1aaa2bbbselect * from t2;idage130 对于左外联接：SQL LEFT JOIN 关键字SELECT column_name(s)FROM table_name1LEFT JOIN
2017-10-25 21:07:44
292
转载 ER图
ER图分为实体、属性、关系三个核心部分。实体是长方形体现，而属性则是椭圆形，关系为菱形。ER图的实体（entity）即数据模型中的数据对象，例如人、学生、音乐都可以作为一个数据对象，用长方体来表示，每个实体都有自己的实体成员（entity member）或者说实体对象（entity instance），例如学生实体里包括张三、李四等，实体成员（entity member）/实体实例（entity
2017-10-25 19:23:46
4207
原创 操作系统复习总结
1.操作系统的基本特征1、并发 两个或多个事件在同一时间间隔内发生。 注：注意区9分并发与并行，并行是两个或多个事件在同一时刻发生。 2、共享 系统中的资源可供内存中多个并发执行的进程（线程）共同使用。 3、虚拟 通过时分复用或空分复用将一条物理信道变为若干条逻辑信道， 时分复用：利用某设备为一用户服务的空心时间又转去为其他用户服务。 空分复用：利用存储器的空闲空间分区域存放和运行其
2017-10-22 18:43:27
404
原创 IP地址
IP地址就是给因特网上的每一个主机的每一个接口分配一个在全世界范围是唯一的32位的标识符。1.分类的IP地址其将IP地址划分为若干个固定类，每一类地址都由两个固定长度的字段组成，其中第一个字段是网络号，第二个字段是主机号。一个网络号在整个因特网范围内必须是唯一的，一个主机号在它前面的网络号所指明的网络范围内是唯一的。 IP地址={<网络号>，<主机号>}常用的三种类别的IP地址 a. A类地址
2017-10-13 18:37:58
532
原创 计算机网络的五层协议的体系结构
五层协议的体系结构从上往下依次为：应用层、运输层、网络层、数据链路层、物理层。1.应用层 任务：通过应用进程间的交互来完成特定网络应用。 应用层协议定义的是应用进程间通信和交互的规则。这里的进程就是指主机中正在运行的程序。2.运输层 任务：负责向两个主机中进程之间的通信提供通用的数据传输服务。 运输层主要是用以下两种协议： 传输控制协议TCP 提供面向连接的、可靠的数据传输服务，其数据传
2017-10-13 16:06:41
5300
原创 插入排序与交换排序
1.插入排序插入排序就是每一步都将一个待排数据按其大小插入到已经排序的数据中的适当位置，直到全部插入完毕。 a. 直接插入排序 算法时间复杂度O(n^2)，算法简便稳定，适用于连式存储、顺序存储。代码实现如下：function insertSort () { var arr=arguments; for(var i=1;i<arr.length;i++){ if(a
2017-10-10 19:35:53
724
原创 查找
一、线性表的查找1.顺序查找从表的一端开始，依次将记录的关键字和给定的值进行比较，若某个记录的关键字和给定值相等，则查找成功；反之，若扫描整个表后，仍未找到关键字和给定值相等的记录，则查找失败。2.折半查找又称二分查找，要求线性表必须采用顺序存储结构，并且表中元素按关键字有序排列。 查找过程为： a. 如果给定值和中间记录的关键字相等，则查找成功。 b. 如果给定值大于或者小于中间记录的关键字
2017-10-10 18:40:12
1296
转载 进程和线程
1.定义进程是具有一定独立功能的程序关于某个数据集合上的一次运行活动,进程是系统进行资源分配和调度的一个独立单位.线程是进程的一个实体,是CPU调度和分派的基本单位,它是比进程更小的能独立运行的基本单位.线程自己基本上不拥有系统资源,只拥有一点在运行中必不可少的资源(如程序计数器,一组寄存器和栈),但是它可与同属一个进程的其他的线程共享进程所拥有的全部资源.2.关系一个线程可以创建和撤销另一个线
2017-10-10 14:37:51
103
原创 图
1.定义图(Graph)是由两个集合V和E组成，记为G=(V,E)，其中V是顶点的有穷非空集合，E是V中顶点偶对的有穷集合，这些顶点偶对称为边。V(G)和E(G)通常分别表示图G的顶点集合和边集合，E(G)可以为空集。若E(G)为空，则图G只有顶点没有边。 对于图G，若边集E(G)为有向边的集合，则称该图为有向图；若边集E(G)为无向边的集合，则称该图为无向图。 在有向图中，顶点对是有序的
2017-09-25 08:46:00
562
原创 利用canvas绘制钟表
利用canvas绘制一个钟表，钟表的指针是可以根据当前时间自己动的哦！<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <canvas id="canvas" width="500" height="500"><
2017-09-18 11:50:15
483
原创 哈夫曼树与哈夫曼编码
1.定义路径：从树中一个结点到另一个结点之间的分支构成这两个结点之间的路径。 路径长度：路径上的分支数目称作路径长度。 树的路径长度：从树根到每一结点的路径长度之和。 权：赋予某个实体的一个量，是对实体的某个或某些属性的数值化描述。 结点的带权路径长度：从该结点到树根之间的路径长度与结点上权的乘积。 树的带权路径长度：树中所有叶子结点的带权路径长度之和。 哈夫曼树：假设有m个权值{w1,
2017-09-13 19:23:46
5909
原创 树和二叉树
1.树1、定义 树是n（n>=0）个结点的有限集，它或为空树（n=0），或为非空树,对于非空树T： a. 有且仅有一个称之为根的结点； b. 除根节点以外的其余结点可分为m个互不相交的有限集，其中每一个集合本身又是一棵树，并且称为根的子树。2、树的基本术语 结点：树中的一个独立单元。 结点的度：结点拥有的子树数称为结点的度。 树的度：树的度是树内各结点度的最大值。 叶子：度为0的结点称
2017-09-13 17:24:02
172
原创 栈和队列
1.栈Stack1、定义 栈是限定仅在表尾进行插入或删除操作的线性表。对栈来说，表尾端称为栈顶，表头端称为栈底。不含元素的空表称为空栈。 栈的修改是按后进先出的原则进行的。因此，栈又称为后进先出的线性表。模型如下：2、顺序栈的表示 顺序栈指利用顺序存储结构实现的栈，即利用一组地址连续的存储单元依次存放自栈底到栈顶的数据元素。设指针top指示栈顶元素在顺序栈中的位置，指针base指示栈底元素在顺
2017-09-12 09:51:45
278
原创 线性表
1.定义由n个数据特性相同的元素构成的有限序列称为线性表。元素个数n定义为线性表的长度，n=0时称为空表。 对于非空线性表或线性结构，其特点是： 1、存在唯一一个被称作“第一个”的数据元素； 2、存在唯一一个被称作“最后一个”的数据元素； 3、除第一个以外，结构中的每个元素均只有一个前驱； 4、除最后一个以外，结构中的每个元素均只有一个后继。2.线性表的顺序存储表示用一组地址连续的存储单元
2017-09-11 19:24:15
338
翻译 ["1", "2", "3"].map(parseInt)
1.parseInt()用来解析字符串，返回整数，有几个特点： 1、无视被解析字符串最前和最后的空格，即：” 111 “和”111”是一样的 2、正规格式：parseInt(string,radix) 第一个参数是被解析的字符串，第二个参数是进制(可不写)第二个参数的特点： 1、如果radix省略或为0，则按默认进制(十进制)进行解析 2、radix为2~36之间的整数，如果在这个范围之外
2017-09-11 14:38:19
409
原创 JavaScript快速排序
快速排序代码如下： <script type="text/javascript"> var arr = [3, 23, 66, 32, 2, 77, 45, 87, 64, 34, 33]; console.log(arr); function quick_sort(arr,low,high) { if(low < hig
2017-09-10 21:05:27
210
原创 MVC框架、MVVM框架
一、MVCM：(Model) 模型 : 应用程序的核心功能，管理这个模块中用的数据和值；V(View )视图: 视图提供模型的展示，管理模型如何显示给用户，它是应用程序的外观；C(Controller)控制器: 对用户的输入做出反应，管理用户和视图的交互，是连接模型和视图的枢纽。1.1MVC如何工作MVC是一个设计模式，它强制性的使应用程序的输入、处理和输出分开。使用MVC应用
2017-09-10 16:05:18
321
原创 keyCode与charCode\mouseover与mouseenter
keyCode和CharCode键盘事件拥有两个属性，keyCode和CharCode。在DOM标准下，keyCode表示按下按键的数字代码，charCode表示按下按键的Unicode字符。按下“a”键（小写字母）时： 谷歌 keypress： keyCode is 97 charCode is 97 keydown：keyCode is 65 charCode is 0 keyup：
2017-08-27 17:32:14
224
转载 CSDN如何转载别人的博客文章
1、找到要转载的文章，用chrome浏览器打开，右键选择审查元素2、在chrome中下方的框里找到对应的内容，html脚本中找到对应的节点，选中节点，网页上被选中内容会被高亮显示，然后右键菜单选中 Copy as HTML3、进入个人”管理博客”主界面，选择”写新文章“，编辑界面的地方选择工具条上的源代码，将chrome中复制的内容贴进来4、最后注明转载和添加标题，将转载地址也一起贴到内容中转载
2017-08-19 17:33:03
180
原创 JavaScript数组排序
数组排序的方法有很多种，但我个人认为只需掌握以下两种就可以了，一是sort()方法，二是冒泡排序。1.sort()方法 1.1无参数 a. 该方法无参数时是按照ASCII字符顺序进行升序排序的。常用字符的ASCII值如下： A–Z： 65–90；a–z：97–122；0–9：48–57。 b. sort方法是一位一位比较的。例如，数组[4,21,37,9]，输出结果是[21,37,4,9]
2017-08-12 11:31:21
211
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人