- 博客(24)
- 收藏
- 关注
RSS订阅原创 防抖节流
防抖和节流都是在解决高频触发的或后台连续请求的优化逻辑问题举个例子吧搜索：就比方说我们要搜索苹果，当我们输入关键字苹时，等待的500ms中没有再进行输入关键字那么我们向后台进行请求，如果说我们在等待的500ms之内输入了关键字果那么还要等待500ms在像后台进行请求，这就是防抖。节流的话就是说我们在输入关键字苹时等待500ms后就进行向后台请求，不管在等待的500ms中再输不输入关键字，他都会在500ms之后请求，不会打破他原来的规矩，这就是节流，一般会用lodash插件来完成防抖和节流，以debou
2020-07-01 10:35:38
164
原创 vuex的核心
VueX是适用于在Vue项目开发时使用的状态管理工具vuex在项目复杂程度，组件比较多，数据传递比较复杂，数据难于管理时来使用vuex核心内容成员列表：state 存放状态mutations state成员操作getters 加工state成员给外界actions 异步操作modules 模块化状态管理1.state：数据仓库用于存储数据const state = { count: 0, took: ' fdevdfjvbdfjvn'}export d
2020-06-24 21:49:17
181
原创 我对Promise的理解！！
Promise !!!Promise的理解1.Promise是一种为了避免回调地狱的异步解决方案2.Promise是一种状态机：pending（进行中）、fulfilled（已成功）和rejected（已失败）只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。3.Promise暴露的API.then(函数1，函数2)函数1：表示成功返回函数2：代表失败返回例:promise.then(function(value) { // success }, funct
2020-06-23 18:04:22
263
原创 微信小程序页面渲染实现方法
条件渲染：wx:if, wx:else，hiddenwx:if条件渲染，条件为true渲染标签，为false不渲染，将它添加到一个标签上<view wx:if="{{list.length > 2}}" >1</view><view wx:else>3</view>也可以一次性判断多个组件标签，使用标签将多个组件包装起来（blcok 是一个包装元素，不会在页面做任何渲染。），并在上边使用wx:if<block><view
2020-06-22 23:31:01
5055
原创 Vue实现鼠标拖拽
Vue实现鼠标拖拽要实现拖拽，必须要使用三大秘法：（pc端）1、鼠标按下事件：onmousedown2、鼠标移动事件：onmousemove3、鼠标抬起事件：onmouseup移动端拖拽：1、当在屏幕上按下手指时触发：touchstart2、当在屏幕上移动手指时触发：touchmove3、当在屏幕上抬起手指时触发：touchend4、touchcancel 当一些更高级别的事件发生的时候（如电话接入或者弹出信息）会取消当前的touch操作，即触发touchcancel。一
2020-06-22 09:23:15
11225
2
原创 懒加载和预加载
1、懒加载1.什么是懒加载？懒加载也就是延迟加载。当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。2.为什么要使用懒加载？很多页面，内容很丰富，页面很长，图片较多。比如说各种商城页面。这些页面图片数量多，而且比较大，少说百来K，多则上兆。要是页面载入就一次性加载完毕。估计大家都会等到黄花变成黄花菜了。3.懒加载的原理是
2020-06-21 19:30:27
101
原创 call、apply、bind区别
call 、apply、bind各自的特点：call 特点:1、改变this指向2、使用时候函数已被执行3、传参时候以逗号的形式分开，一个一个传递 //Fn2.call(上下文环境obj，‘’，‘’)apply 特点：1、改变this指向2、使用时候函数已被执行3、传参时候必须以一个类数组或数组的形式传递，不然的话会报错 //Fn2.apply(上下文环境obj, [18, 20])bind 特点：1、改变this指向2、返回的是函数本分，函数并没有执行，需要通过事件触发
2020-06-20 18:02:23
198
1
原创 ECharts的简单使用方法
简介首先简单介绍一下，ECharts是一个纯JavaScript图表库，底层依赖于轻量级的Canvas类库ZRender，基于BSD开原协议，是一款非常优秀的可视化前端框架。官网地址：http://echarts.baidu.com/1、在官网选择合适的版本下载http://echarts.baidu.com/download.html2、引入 ECharts通过标签方式直接引入构建好的 echarts 文件<!DOCTYPE html><html><he
2020-06-19 21:35:55
790
1
原创 js数组的方法
js数组的方法：join() 把数组转换成字符串，然后给他规定个连接字符，默认的是逗号( ，)push() 把里面的内容添加到数组末尾，并返回修改后的长度。pop() 移除数组最后一项，返回移除的那个值，减少数组的length。shift() 删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined 。unshift() 将参数添加到原数组开头，并返回数组的长度 。sort() 将数组里的项从小到大排序，方法比较的是字符串，没有按照数值的大小对数字进行排序，要实现这一点，就
2020-06-18 08:27:26
98
原创 js图片加载
图片懒加载图片懒加载原理：前端工程师在做页面优化的时候，如果页面中是类似图片列表的结构，会考虑使用懒加载技术来优化页面的加载速度在html页面里写，把js引入html页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0
2020-06-17 17:18:45
879
原创 js中返回false的几种情况和typeof返回值的类型
在js的if中变量判断，以下情况会被认为返回false:“” 空的字符串为 0 的数字为 null 的对象为 undefined 的对象布尔值 false其他的都为真。 console.log(new Boolean(false)) // 布尔值 console.log(new Boolean(null)) // null console.log(new Boolean(undefined)) // undefined console.log(new Boolean(0)) //
2020-06-16 09:58:38
2764
原创 H5新增标签、css3新增属性
一、新增标签video 表示一段视频并提供播放的用户界面audio 表示音频canvas 表示位图区域source 为video和audio提供数据源track 为video和audio指定字母svg 定义矢量图code 代码段figure 和文档有关的图例figcaption 图例的说明maintime 日期和时间值mark 高亮的引用文字datalist 提供给其他控件的预定义选项keygen 秘钥对生成器控件output 计算值progress 进度条menu 菜单
2020-06-15 08:39:25
220
原创 javascript内置对象
对象分为三类： 内置对象 宿主对象 自定义对象（1）内置对象： （2）宿主对象：运行环境提供的对象。如Window和Documen，Element，form，image。（3）自定义对象：开发人员定义的对象。...
2020-06-12 22:46:41
173
原创 vue封装数据接口
1.安装axios（npm install axios）；2.在src目录下新建一个http文件夹；3.在http下新建两个文件：api.js(用来统一数据请求接口)；request.js（封装数据请求方法）；request.js文件：// 基本不用封装，只是对请求的接口地址，超时，报错处理import Axios from 'axios'console.log('request.js中的环境变量:', process.env.BUILD_ENV)// 针对npm run 来自动读取不
2020-06-11 20:08:18
460
1
原创 常用JavaScript触发事件
onclick 鼠标单击某个对象。ondblclick 鼠标双击某个对象。onmousedown 某个鼠标键被按下。onmouseup 某个鼠标键松开。onmousemove 鼠标被移动。onmouseout 鼠标从某元素移开。onmouseover 鼠标被移到某个元素之上。onfocus 元素获得焦点。onblur 元素失去焦点。onchange 用户改变域的内容。onabort 图像加载被中断。onerror 当加载文档或图像发生某个错误。onload 某.
2020-05-25 21:10:11
192
转载 常见的请求头和相应头都有什么呢？
1)请求(客户端->服务端[request])GET(请求的方式) /newcoder/hello.html(请求的目标资源) HTTP/1.1(请求采用的协议和版本号)Accept: /(客户端能接收的资源类型)Accept-Language: en-us(客户端接收的语言类型)Connection: Keep-Alive(维护客户端和服务端的连接关系)Host: localhost:8080(连接的目标主机和端口号)Referer: http://localhost/links.asp
2020-05-24 19:57:41
398
原创 常见的事件
点击事件：1. onclick：单击事件2. ondblclick：双击事件焦点事件1. onblur：失去焦点2. onfocus:元素获得焦点。加载事件：1. onload：一张页面或一幅图像完成加载。鼠标事件：1. onmousedown 鼠标按钮被按下。2. onmouseup 鼠标按键被松开。3. onmousemove 鼠标被移动。4. onmouseover 鼠标移到某元素之上。5. onmouseout 鼠标从某元素移开。键盘事件：.
2020-05-20 15:44:01
147
原创 css常见的块级元素和行内元素
行内、块状元素区别：块级元素会独占一行，其宽度自动填满其父元素宽度,行内元素不会独占一行，相邻的行内元素会排列在同一行里，知道一行排不下，才会换行，其宽度随元素的内容而变化。可以通过修改display属性来切换块级元素和行内元素块级元素center – 举中对齐块dir – 目录列表div – 常用块级容易，也是CSS layout的主要标签dl – 定义列表form – 交互表单h1 – 大标题h2 – 副标题h3 – 3级标题h4 – 4级标题h5 – 5级标题h6 –
2020-05-14 19:32:08
230
原创 git的使用
Git概念： git是一个开源分布式的版本控制技术，还认识了githubgithub是一个利用git技术的开源托管平台，git是分布式的，没有中心，可以在本地独立完成，不依赖其他的服务器github是集中式，必须有一个核心服务器，如果核心服务器坏掉，那整体网就会瘫痪git的具体流程是：一、上传到远程仓库步骤本地生成公钥和密钥公钥：id_rsa密钥：id_rsa.pub先创建一个远程仓库1.打开终端。git init2.git status。 （查看文件状态）3：git add 目录名
2020-05-13 17:23:59
183
原创 js基本数据类型
JS基本数据类型有6种numberbooleanstringundefinednullsymbol检测基本数据类型： typeof对于基本数据类型判断是没有问题的，但是遇到引用 数据类型（Array）是不起作用的 typeof对于基本数据类型来说，除了null都可显示正确类型typeof对于对象，除了函数都会显示object，因此typeof并不能准确判断变量到底是什么类型 console.log(typeof 1);//number console.log(typeof
2020-05-13 17:18:52
110
原创 如何用css3实现一个扇形？
如何用css3实现一个扇形？思路跟画实体三角形一个道理,只不过多了一个圆角属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi...
2020-05-08 16:38:35
510
原创 javascript原始数据类型
javascript原始数据类型 String Null Undefined Boolean Number可以这样记 (Unn…sb!)hhhhhhhh…
2020-05-08 16:35:38
74
原创 块级元素的水平垂直居中的方法
块级元素的水平垂直居中的方法 **首先我们要考虑两种情况，定宽高和不定宽高**；1.有没有宽高都可以下面两种方法都是需要父相子绝(父块相对定位,子块绝对定位),在子块中设置方法一 margin:auto <!DOCTYPE html><html><head><meta charset="utf-8"><title>...
2020-05-07 19:59:00
207
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人