自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 flex布局实例

效果如图所示:分析:右边靠flex:1填充剩余空间左边定义图片大小右边文本上下布局依据,display:flex,主轴为column,justify-content:space-between<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i

2020-05-29 18:00:59 187 1

原创 vue封装手势滑动

利用touchstart和touchend事件,判断手指触摸屏幕的位置距离差,在有效的时间内,即可判断滑动方向<template> <view @touchstart="handleTouchStart" @touchend="hanldeTouchEnd"> <slot></slot> </view>...

2020-04-24 22:17:43 860

原创 Object.freeze和Object.seal

Object.freeze(obj)使用该方法,冻结该对象不能修改原有的属性的值不能添加新属性不能delete原有的属性,会失效原型不可变configurable、writable、enumerable不可改变!Object.seal(obj) ( 其实就是相当于configurable为false)可以修改原有的属性的值,条件是当前属性的writable为true,注...

2020-04-23 11:15:20 308

原创 uni-app封装微信小程序的异步请求

编写代码:utils–>request.js// 封装异步请求uni.showLoading({ title: '加载中'});export default (params) => { return new Promise((resolve, reject) => { wx.request({ ...params, ...

2020-04-23 11:03:13 891 1

原创 实现node的观察者模式

实现了on、emit、remove和once函数// 建立一个类eventfunction Event () { this._maxListeners = 10; this._events = Object.create(null); // 对象存在属性:对象 值:事件数组}//添加事件函数Event.prototype.addListener = function ...

2020-04-02 14:17:44 221

原创 JS实现堆排序

// 第一个非叶子结点 arr.length/2-1// 下沉 非叶子节点和自己的孩子比// 从第一个非叶子节点开始比function adjust(arr, target, len) { // 大顶堆:arr[i] >= arr[2i+1] && arr[i] >= arr[2i+2] for (let i = target * 2 + 1;...

2020-03-25 11:33:29 105

原创 token验证原理

token原理:客户端和服务器端身份校验登录页面输入用户名和密码进行登录服务器验证通过之后生成该用户的token并返回客户端存储该token后续所有请求都携带该token发送服务器端验证token是否通过...

2020-03-20 21:50:41 297

原创 JavaScript中的接口调用

1. 前后端交互模式传统形式的URL:schema://host:port/path?query#fragmentRESTFUL地址形式:URL定位资源,HTTP描述操作HTTP请求方式:GET、POST、PUT(修改)、DELETE2. Promise用法异步调用多次异步调用效果?多次嵌套Promise是一个对象,获取异步操作的消息好处:api...

2020-03-08 16:16:21 6427

原创 rem学习笔记

rem基础rem单位:相对于html元素的字体大小,root elementem相对于父元素的font-size字体大小而言, element整个页面只有一个html元素,不同宽度只要修改html大小, 就可以根据屏幕大小修改remrem的优势:可以通过修改html的文字大小,改变页面元素的大小,实现整体控制媒体查询:@media可以设置的属性:设备类型、设备宽高...

2020-03-07 13:14:11 197

原创 回流(reflow)

回流必将引起重绘,重绘不一定会引起回流。回流 (Reflow)定义:当Render Tree中部分或全部元素的尺寸、结构、或某些属性发生改变时,浏览器重新渲染部分或全部文档的过程称为回流。会导致回流的操作:页面首次渲染浏览器窗口大小发生改变元素尺寸或位置发生改变元素内容变化(文字数量或图片大小等等)元素字体大小变化添加或者删除可见的DOM元素激活CSS伪类(例如:...

2020-03-05 18:23:55 263

原创 Vue笔记(1)

1.挂载点、模板、实例挂载点:指 Vue 实例里 el 属性对应所绑定的 dom 节点模板:指挂载点内部的内容和 Vue 实例里 template 属性里的内容 ,template:模板实例:在实例里面指定一个挂载点,把模板写上,内容就会呈现在挂载点之中2.数据、事件、方法data: {}可以指定变量,存放数据v-text和v-html的异同点:相同点:在标签指...

2020-01-14 14:45:13 91

原创 JS中字符串、数字和数组之间互相转换

字符串转数字Number("123");//结果是123(数值)数字转字符串(123).toString(); // 从数值 123返回字符串"123"数组转字符串JavaScript 方法 toString() 把数组转换为数组值(逗号分隔)的字符串。var arr = [1,2,3];arr.toString();//该方法返回字符串1,2,3数组的join() 方...

2020-01-13 15:10:03 967

原创 JS中undefined和null的区别

在 JavaScript 中,没有值的变量,其值是 undefined。typeof 也返回 undefined。在 JavaScript 中,null 的数据类型是对象。表示对象为空。注意,可以给一个对象赋值为undefined,变为变量,其值和类型为undefined。typeof undefined // undefinedtypeof null ...

2020-01-12 12:54:17 85

原创 jQuery实现超简易ToDList页面

html主要代码:<body> <header> <section> <label for="title">ToDoList</label> <input type="text" id="title" name="title" placeholder="添加T...

2020-01-09 13:36:46 299

原创 jQuery学习--006

jQuery对象拷贝把某个对象拷贝给另一个对象使用,可以用extend()方法语法$.extend([deep],target,object1,[objectN])语法解释deep:默认为false,浅拷贝,true为深拷贝。target:要拷贝的目标对象object1:待拷贝到第一个对象的对象objectN:待拷贝到第n个对象的对象注释:浅拷贝是指把被拷贝...

2019-11-26 19:59:07 68

原创 jQuery学习--005

jQuery事件1.jQuery事件注册单个事件注册element.事件(function(){});$("div").click(function(){事件处理程序});mouseover、mouseout、blur、scroll等等,与原生基本相同。2.jQuery事件处理2.1事件处理on绑定事件on方法在匹配元素上绑定一个或多个事件的事件处理函数。语法:element...

2019-11-26 17:12:36 79

原创 jQuery学习--004

.each()遍历1.1$(“xx”).each( function(index, Element) )Element是dom元素执行回调函数1.2$.each( function(index, Element))该方法可对数组、对象进行遍历创建、添加、删除元素2.1创建元素$("<li></li>");//创建并返回jquery元素2.2添加元...

2019-10-05 20:57:41 61

原创 jQuery学习--003

jQuery属性操作1.1设置或获取元素的固有属性值prop()获取属性值语法prop("属性")设置属性值方法prop("属性","属性值")1.2设置或获取元素的自定义属性attr()例如 index=1,也可以获得h5自定义属性 data-index=2获取属性值语法attr("属性");//类似于原生getAttribute()设置属性值方法at...

2019-10-01 21:14:20 117

原创 jQuery学习-002

1.修改css的方法1.1参数只写属性名,返回属性值$(this).css("width");1.2参数为属性名、属性值,注意用逗号分隔,可以设置一组样式$(this).css("width","100px");2.一些有用的操作方法addClass()、removeClass()、show()、hide()、index()3.动画效果3.1 hide( speed, [cal...

2019-10-01 16:29:39 66

原创 jQuery学习-001

引用jquery文件<script src="jquery.min.js"></script>jq代码保存在jquery.min.js中区别jQuery对象和dom对象jQuery对象只能使用原生jQuery方法,以伪数组的形式存储,而DOM对象只能使用原生JavaScript的属性和方法互相转换DOM转化为jQuery$(DOM对象)//不加引号...

2019-09-20 21:55:06 87

原创 js的for循环中出现异步函数的解决方法之一

JavaScript中for循环里作用域只有函数作用域和全局作用域,在函数体内使用var 定义的变量,会被提到函数开始处进行定义,关于作用域可能出现问题!原始用var定义的for循环变量ifor (var i = 0; i < links.length; i++) { links[i].onmouseover = function() { move...

2019-08-01 13:53:27 3006

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除