- 博客(21)
- 收藏
- 关注
RSS订阅原创 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
272
1
原创 vue封装手势滑动
利用touchstart和touchend事件，判断手指触摸屏幕的位置距离差，在有效的时间内，即可判断滑动方向 <template> <view @touchstart="handleTouchStart" @touchend="hanldeTouchEnd"> <slot></slot> </view> ...
2020-04-24 22:17:43
931
原创 Object.freeze和Object.seal
Object.freeze(obj) 使用该方法，冻结该对象 不能修改原有的属性的值 不能添加新属性 不能delete原有的属性，会失效 原型不可变 configurable、writable、enumerable不可改变! Object.seal(obj) （ 其实就是相当于configurable为false） 可以修改原有的属性的值，条件是当前属性的writable为true，注...
2020-04-23 11:15:20
384
原创 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
982
1
原创 实现node的观察者模式
实现了on、emit、remove和once函数 // 建立一个类event function Event () { this._maxListeners = 10; this._events = Object.create(null); // 对象存在属性：对象 值：事件数组 } //添加事件函数 Event.prototype.addListener = function ...
2020-04-02 14:17:44
278
原创 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
157
原创 token验证原理
token原理：客户端和服务器端身份校验 登录页面输入用户名和密码进行登录 服务器验证通过之后生成该用户的token并返回 客户端存储该token 后续所有请求都携带该token发送 服务器端验证token是否通过 ...
2020-03-20 21:50:41
366
原创 JavaScript中的接口调用
1. 前后端交互模式 传统形式的URL： schema://host:port/path?query#fragment RESTFUL地址形式：URL定位资源，HTTP描述操作 HTTP请求方式：GET、POST、PUT(修改)、DELETE 2. Promise用法 异步调用 多次异步调用效果？ 多次嵌套 Promise是一个对象，获取异步操作的消息 好处：api...
2020-03-08 16:16:21
6733
原创 rem学习笔记
rem基础 rem单位：相对于html元素的字体大小，root element em相对于父元素的font-size字体大小而言， element 整个页面只有一个html元素，不同宽度只要修改html大小， 就可以根据屏幕大小修改rem rem的优势：可以通过修改html的文字大小，改变页面元素的大小，实现整体控制 媒体查询： @media 可以设置的属性：设备类型、设备宽高...
2020-03-07 13:14:11
262
原创 回流（reflow）
回流必将引起重绘，重绘不一定会引起回流。 回流 (Reflow) 定义：当Render Tree中部分或全部元素的尺寸、结构、或某些属性发生改变时，浏览器重新渲染部分或全部文档的过程称为回流。 会导致回流的操作： 页面首次渲染 浏览器窗口大小发生改变 元素尺寸或位置发生改变 元素内容变化（文字数量或图片大小等等） 元素字体大小变化 添加或者删除可见的DOM元素 激活CSS伪类（例如：...
2020-03-05 18:23:55
330
原创 Vue笔记（1）
1.挂载点、模板、实例 挂载点：指 Vue 实例里 el 属性对应所绑定的 dom 节点 模板：指挂载点内部的内容和 Vue 实例里 template 属性里的内容 ,template：模板 实例：在实例里面指定一个挂载点，把模板写上，内容就会呈现在挂载点之中 2.数据、事件、方法 data: {}可以指定变量，存放数据 v-text和v-html的异同点： 相同点：在标签指...
2020-01-14 14:45:13
141
原创 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
1081
原创 JS中undefined和null的区别
在 JavaScript 中，没有值的变量，其值是 undefined。typeof 也返回 undefined。 在 JavaScript 中，null 的数据类型是对象。表示对象为空。 注意，可以给一个对象赋值为undefined，变为变量，其值和类型为undefined。 typeof undefined // undefined typeof null ...
2020-01-12 12:54:17
135
原创 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
379
原创 jQuery学习--006
jQuery对象拷贝 把某个对象拷贝给另一个对象使用，可以用extend（）方法 语法 $.extend([deep],target,object1,[objectN]) 语法解释 deep：默认为false，浅拷贝，true为深拷贝。 target：要拷贝的目标对象 object1：待拷贝到第一个对象的对象 objectN：待拷贝到第n个对象的对象 注释： 浅拷贝是指把被拷贝...
2019-11-26 19:59:07
113
原创 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
141
原创 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
107
原创 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
161
原创 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
112
原创 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
126
原创 js的for循环中出现异步函数的解决方法之一
JavaScript中for循环里作用域只有函数作用域和全局作用域，在函数体内使用var 定义的变量，会被提到函数开始处进行定义，关于作用域可能出现问题！ 原始用var定义的for循环变量i for (var i = 0; i < links.length; i++) { links[i].onmouseover = function() { move...
2019-08-01 13:53:27
3136
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人